godown 2.3.1 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/conf.d.ts +1 -0
- package/conf.d.ts.map +1 -1
- package/conf.js +1 -0
- package/conf.js.map +1 -1
- package/deps.d.ts +3 -3
- package/deps.d.ts.map +1 -1
- package/deps.js +2 -2
- package/deps.js.map +1 -1
- package/effect/clip-text.d.ts +4 -2
- package/effect/clip-text.d.ts.map +1 -1
- package/effect/clip-text.js +19 -11
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +5 -2
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +84 -104
- package/effect/overbreath-text.js.map +1 -1
- package/effect/typewriter-text.d.ts +4 -3
- package/effect/typewriter-text.d.ts.map +1 -1
- package/effect/typewriter-text.js +33 -30
- package/effect/typewriter-text.js.map +1 -1
- package/glob.d.ts +81 -6
- package/glob.d.ts.map +1 -1
- package/glob.js +159 -34
- package/glob.js.map +1 -1
- package/group/avatar-group.d.ts +4 -3
- package/group/avatar-group.d.ts.map +1 -1
- package/group/avatar-group.js +14 -11
- package/group/avatar-group.js.map +1 -1
- package/group/details-group.d.ts +4 -3
- package/group/details-group.d.ts.map +1 -1
- package/group/details-group.js +11 -9
- package/group/details-group.js.map +1 -1
- package/group/index.d.ts +1 -0
- package/group/index.d.ts.map +1 -1
- package/group/index.js +1 -0
- package/group/index.js.map +1 -1
- package/group/tab-group.d.ts +31 -0
- package/group/tab-group.d.ts.map +1 -0
- package/group/tab-group.js +150 -0
- package/group/tab-group.js.map +1 -0
- package/input-form/base-input.d.ts +6 -5
- package/input-form/base-input.d.ts.map +1 -1
- package/input-form/base-input.js +13 -15
- package/input-form/base-input.js.map +1 -1
- package/input-form/label-input.d.ts +4 -3
- package/input-form/label-input.d.ts.map +1 -1
- package/input-form/label-input.js +18 -13
- package/input-form/label-input.js.map +1 -1
- package/input-form/search-input.d.ts +5 -4
- package/input-form/search-input.d.ts.map +1 -1
- package/input-form/search-input.js +21 -22
- package/input-form/search-input.js.map +1 -1
- package/input-form/select-input.d.ts +5 -4
- package/input-form/select-input.d.ts.map +1 -1
- package/input-form/select-input.js +14 -16
- package/input-form/select-input.js.map +1 -1
- package/input-form/sign-form.d.ts +4 -4
- package/input-form/sign-form.d.ts.map +1 -1
- package/input-form/sign-form.js +3 -13
- package/input-form/sign-form.js.map +1 -1
- package/input-form/split-input.d.ts +4 -4
- package/input-form/split-input.d.ts.map +1 -1
- package/input-form/split-input.js +17 -22
- package/input-form/split-input.js.map +1 -1
- package/input-form/std.d.ts +3 -2
- package/input-form/std.d.ts.map +1 -1
- package/input-form/std.js +7 -23
- package/input-form/std.js.map +1 -1
- package/input-form/switch-input.d.ts +4 -3
- package/input-form/switch-input.d.ts.map +1 -1
- package/input-form/switch-input.js +13 -9
- package/input-form/switch-input.js.map +1 -1
- package/items/alert-item.d.ts +2 -1
- package/items/alert-item.d.ts.map +1 -1
- package/items/alert-item.js +25 -23
- package/items/alert-item.js.map +1 -1
- package/items/avatar-a.d.ts +4 -3
- package/items/avatar-a.d.ts.map +1 -1
- package/items/avatar-a.js +41 -37
- package/items/avatar-a.js.map +1 -1
- package/items/base-button.d.ts +4 -2
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +44 -29
- package/items/base-button.js.map +1 -1
- package/items/card-item.d.ts +27 -0
- package/items/card-item.d.ts.map +1 -0
- package/items/card-item.js +116 -0
- package/items/card-item.js.map +1 -0
- package/items/dialog-item.d.ts +4 -3
- package/items/dialog-item.d.ts.map +1 -1
- package/items/dialog-item.js +72 -69
- package/items/dialog-item.js.map +1 -1
- package/items/index.d.ts +1 -0
- package/items/index.d.ts.map +1 -1
- package/items/index.js +1 -0
- package/items/index.js.map +1 -1
- package/items/link-a.d.ts +1 -1
- package/items/link-a.d.ts.map +1 -1
- package/items/link-a.js +3 -3
- package/items/link-a.js.map +1 -1
- package/items/load-track.d.ts +4 -3
- package/items/load-track.d.ts.map +1 -1
- package/items/load-track.js +7 -8
- package/items/load-track.js.map +1 -1
- package/items/super-a.d.ts +4 -3
- package/items/super-a.d.ts.map +1 -1
- package/items/super-a.js +52 -49
- package/items/super-a.js.map +1 -1
- package/items/time-bar.d.ts +4 -3
- package/items/time-bar.d.ts.map +1 -1
- package/items/time-bar.js +3 -3
- package/items/time-bar.js.map +1 -1
- package/layout/div-line.d.ts +3 -5
- package/layout/div-line.d.ts.map +1 -1
- package/layout/div-line.js +53 -44
- package/layout/div-line.js.map +1 -1
- package/layout/drag-box.d.ts +4 -3
- package/layout/drag-box.d.ts.map +1 -1
- package/layout/drag-box.js +10 -7
- package/layout/drag-box.js.map +1 -1
- package/layout/flex-flow.d.ts +3 -2
- package/layout/flex-flow.d.ts.map +1 -1
- package/layout/flex-flow.js +9 -6
- package/layout/flex-flow.js.map +1 -1
- package/layout/nav-aside.d.ts +4 -3
- package/layout/nav-aside.d.ts.map +1 -1
- package/layout/nav-aside.js +8 -4
- package/layout/nav-aside.js.map +1 -1
- package/layout/nav-layout.d.ts +4 -3
- package/layout/nav-layout.d.ts.map +1 -1
- package/layout/nav-layout.js +14 -9
- package/layout/nav-layout.js.map +1 -1
- package/layout/skeleton-screen.d.ts +5 -3
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +47 -22
- package/layout/skeleton-screen.js.map +1 -1
- package/layout/std.d.ts +1 -2
- package/layout/std.d.ts.map +1 -1
- package/layout/std.js +2 -13
- package/layout/std.js.map +1 -1
- package/layout/with-wrap.d.ts +2 -1
- package/layout/with-wrap.d.ts.map +1 -1
- package/layout/with-wrap.js +2 -1
- package/layout/with-wrap.js.map +1 -1
- package/lib/utils.d.ts +4 -0
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +32 -0
- package/lib/utils.js.map +1 -1
- package/package.json +10 -8
- package/react/group.d.ts +1 -0
- package/react/group.d.ts.map +1 -1
- package/react/group.js +4 -0
- package/react/group.js.map +1 -1
- package/react/items.d.ts +1 -0
- package/react/items.d.ts.map +1 -1
- package/react/items.js +4 -0
- package/react/items.js.map +1 -1
- package/tmpl.d.ts +7 -7
- package/tmpl.d.ts.map +1 -1
- package/tmpl.js +5 -4
- package/tmpl.js.map +1 -1
- package/view/details-expand.d.ts +5 -4
- package/view/details-expand.d.ts.map +1 -1
- package/view/details-expand.js +2 -1
- package/view/details-expand.js.map +1 -1
- package/view/down-drop.d.ts +4 -3
- package/view/down-drop.d.ts.map +1 -1
- package/view/down-drop.js +4 -4
- package/view/down-drop.js.map +1 -1
- package/view/float-tips.d.ts +8 -1
- package/view/float-tips.d.ts.map +1 -1
- package/view/float-tips.js +3 -1
- package/view/float-tips.js.map +1 -1
- package/view/menu-list.d.ts +4 -3
- package/view/menu-list.d.ts.map +1 -1
- package/view/menu-list.js +5 -4
- package/view/menu-list.js.map +1 -1
- package/view/rotation-pool.d.ts +4 -3
- package/view/rotation-pool.d.ts.map +1 -1
- package/view/rotation-pool.js +61 -58
- package/view/rotation-pool.js.map +1 -1
- package/view/route-view.d.ts +10 -10
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +24 -22
- package/view/route-view.js.map +1 -1
- package/view/scroll-x.d.ts +3 -2
- package/view/scroll-x.d.ts.map +1 -1
- package/view/scroll-x.js +5 -5
- package/view/scroll-x.js.map +1 -1
- package/with.d.ts +22 -15
- package/with.d.ts.map +1 -1
- package/with.js +14 -28
- package/with.js.map +1 -1
|
@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { css,
|
|
7
|
+
import { css, cssvarValues, define, GodownElement, html, ifDefined, property, query } from "../deps.js";
|
|
8
8
|
import { htmlSlot, svgDelta, svgX } from "../tmpl.js";
|
|
9
9
|
import { InputSTD } from "./std.js";
|
|
10
10
|
let SelectInput = class SelectInput extends InputSTD {
|
|
@@ -54,15 +54,13 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
|
54
54
|
return itemTemplates;
|
|
55
55
|
}
|
|
56
56
|
_focusCheck() {
|
|
57
|
-
var _a;
|
|
58
57
|
if (this.autofocus) {
|
|
59
|
-
|
|
58
|
+
this._input?.focus();
|
|
60
59
|
this.open = true;
|
|
61
60
|
}
|
|
62
61
|
}
|
|
63
62
|
focus(options) {
|
|
64
|
-
|
|
65
|
-
(_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
|
|
63
|
+
this._input?.focus(options);
|
|
66
64
|
this.open = true;
|
|
67
65
|
}
|
|
68
66
|
connectedCallback() {
|
|
@@ -79,15 +77,16 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
|
79
77
|
this.select(i);
|
|
80
78
|
});
|
|
81
79
|
this._focusCheck();
|
|
80
|
+
const click = "click";
|
|
82
81
|
this.assigned.forEach((option) => {
|
|
83
82
|
if (this.getOptionValue(option)) {
|
|
84
|
-
this.addEvent(option,
|
|
83
|
+
this.addEvent(option, click, () => {
|
|
85
84
|
this.select(this.getOptionValue(option), option.textContent);
|
|
86
85
|
});
|
|
87
86
|
}
|
|
88
87
|
else if (option.children) {
|
|
89
88
|
[...option.children].forEach((option) => {
|
|
90
|
-
this.addEvent(option,
|
|
89
|
+
this.addEvent(option, click, () => {
|
|
91
90
|
this.select(this.getOptionValue(option), option.textContent);
|
|
92
91
|
});
|
|
93
92
|
});
|
|
@@ -96,7 +95,7 @@ let SelectInput = class SelectInput extends InputSTD {
|
|
|
96
95
|
this.addEvent(this, "change", () => {
|
|
97
96
|
this.open = !this.only;
|
|
98
97
|
});
|
|
99
|
-
this.addEvent(document,
|
|
98
|
+
this.addEvent(document, click, (e) => {
|
|
100
99
|
if (!this.contains(e.target)) {
|
|
101
100
|
this.open = false;
|
|
102
101
|
}
|
|
@@ -208,17 +207,16 @@ SelectInput.styles = [
|
|
|
208
207
|
InputSTD.styles,
|
|
209
208
|
css `
|
|
210
209
|
:host {
|
|
211
|
-
background: var(${
|
|
212
|
-
color: var(${cssvar}--text);
|
|
210
|
+
background: var(${cssvarValues.input}--background);
|
|
213
211
|
display: inline-flex;
|
|
214
|
-
outline: var(${
|
|
215
|
-
height: var(${
|
|
216
|
-
width: var(${
|
|
217
|
-
border-radius:
|
|
212
|
+
outline: var(${cssvarValues.input}--outline-width) solid transparent;
|
|
213
|
+
height: var(${cssvarValues.input}--height);
|
|
214
|
+
width: var(${cssvarValues.input}--width);
|
|
215
|
+
border-radius: var(${cssvarValues.input}--radius);
|
|
218
216
|
}
|
|
219
217
|
|
|
220
218
|
:host([open]) {
|
|
221
|
-
outline-color: var(${
|
|
219
|
+
outline-color: var(${cssvarValues.input}--outline-color);
|
|
222
220
|
}
|
|
223
221
|
|
|
224
222
|
input {
|
|
@@ -266,7 +264,7 @@ SelectInput.styles = [
|
|
|
266
264
|
}
|
|
267
265
|
|
|
268
266
|
i.selected-item {
|
|
269
|
-
background: var(${
|
|
267
|
+
background: var(${cssvarValues.input}--true);
|
|
270
268
|
border-radius: inherit;
|
|
271
269
|
height: 100%;
|
|
272
270
|
float: left;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"select-input.js","sourceRoot":"","sources":["../../src/input-form/select-input.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { CSSResultGroup } from "../deps.js";
|
|
1
|
+
import { type CSSResultGroup } from "../deps.js";
|
|
2
|
+
import { type HTMLTemplate } from "../tmpl.js";
|
|
2
3
|
import { FormSTD } from "./std.js";
|
|
3
4
|
export declare class BaseForm extends FormSTD {
|
|
4
5
|
enctype: string;
|
|
5
|
-
static styles: CSSResultGroup
|
|
6
|
+
static styles: CSSResultGroup;
|
|
6
7
|
_form: HTMLFormElement;
|
|
7
|
-
|
|
8
|
-
render(): import("lit").TemplateResult<1>;
|
|
8
|
+
protected render(): HTMLTemplate;
|
|
9
9
|
reset(): void;
|
|
10
10
|
namevalue(enctype?: string): [string, Record<string, any>];
|
|
11
11
|
FormData(): FormData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,
|
|
1
|
+
{"version":3,"file":"sign-form.d.ts","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAiC,MAAM,YAAY,CAAC;AACrF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,qBACa,QAAS,SAAQ,OAAO;IACvB,OAAO,SAAyB;IAC5C,MAAM,CAAC,MAAM,iBAkBO;IACL,KAAK,EAAE,eAAe,CAAC;IAEtC,SAAS,CAAC,MAAM,IAAI,YAAY;IAQhC,KAAK;IA0BL,SAAS,CAAC,OAAO,SAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAgChE,QAAQ,IAAI,QAAQ;CA8BrB;AAED,qBACa,QAAS,SAAQ,QAAQ;CAAG;AAEzC,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;QACtB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/input-form/sign-form.js
CHANGED
|
@@ -4,9 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { css, define, html, property, query
|
|
8
|
-
import { FormSTD } from "./std.js";
|
|
7
|
+
import { css, define, html, property, query } from "../deps.js";
|
|
9
8
|
import { htmlSlot } from "../tmpl.js";
|
|
9
|
+
import { each } from "../lib/utils.js";
|
|
10
|
+
import { FormSTD } from "./std.js";
|
|
10
11
|
let BaseForm = class BaseForm extends FormSTD {
|
|
11
12
|
constructor() {
|
|
12
13
|
super(...arguments);
|
|
@@ -133,21 +134,10 @@ __decorate([
|
|
|
133
134
|
__decorate([
|
|
134
135
|
query("form")
|
|
135
136
|
], BaseForm.prototype, "_form", void 0);
|
|
136
|
-
__decorate([
|
|
137
|
-
queryAll("slot")
|
|
138
|
-
], BaseForm.prototype, "_slots", void 0);
|
|
139
137
|
BaseForm = __decorate([
|
|
140
138
|
define("base-form")
|
|
141
139
|
], BaseForm);
|
|
142
140
|
export { BaseForm };
|
|
143
|
-
function each(node, callback) {
|
|
144
|
-
if (node) {
|
|
145
|
-
callback(node);
|
|
146
|
-
for (const i of node.childNodes) {
|
|
147
|
-
each(i, callback);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
141
|
let SignForm = class SignForm extends BaseForm {
|
|
152
142
|
};
|
|
153
143
|
SignForm = __decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"sign-form.js","sourceRoot":"","sources":["../../src/input-form/sign-form.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAuB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAqB,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG5B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,OAAO;IAA9B;;QACO,YAAO,GAAG,qBAAqB,CAAC;IAsH9C,CAAC;IAhGW,MAAM;QACd,OAAO,IAAI,CAAA;QACP,QAAQ,CAAC,KAAK,CAAC;cACT,QAAQ,EAAE;QAChB,QAAQ,CAAC,KAAK,CAAC;YACX,CAAC;IACX,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAgC,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,GAAQ,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACjD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;YAC3D,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAS,EAAE;gBAC3C,IAAI,CAAC,CAAC,KAAK,EAAE;oBACX,CAAC,CAAC,KAAK,EAAE,CAAC;iBACX;gBACD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;aACrC;SACF;QACD,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;YAC3D,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAS,EAAE;gBAC3C,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;oBAC1B,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;iBAC9B;aACF;SACF;QACD,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;QAC9B,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;QAC3B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;YAC3D,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAS,EAAE;gBAC3C,IAAI,CAAC,CAAC,SAAS,EAAE;oBACf,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC;oBACpC,IAAI,IAAI,EAAE;wBACR,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;qBACtB;iBACF;qBAAM;oBACL,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;iBACzC;aACF;SACF;QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,QAAQ,EAAE;YACnC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;SACrB;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAS,EAAE,EAAE;YAC7B,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;gBACvC,IAAI,IAAI,EAAE;oBACR,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;iBACtB;aACF;QACH,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,QAAQ;QACN,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,QAAQ,CAAC,OAAO,GAAG,qBAAqB,CAAC;QACzC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;YAC9B,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAS,EAAE;gBAC3C,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACd,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;wBACvC,IAAI,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;qBACnB;iBACF;qBAAM;oBACL,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;iBACzC;aACF;SACF;QACD,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAS,EAAE,EAAE;YAC7B,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;gBACvC,IAAI,IAAI,EAAE;oBACR,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;iBAC9B;aACF;QACH,CAAC,CAAC,CAAC;QACH,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACjC;QACD,QAAQ,CAAC,MAAM,EAAE,CAAC;QAClB,OAAO,QAAQ,CAAC;IAClB,CAAC;;AApHM,eAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACgB,AAlBN,CAkBO;AAnBR;IAAX,QAAQ,EAAE;yCAAiC;AAoB7B;IAAd,KAAK,CAAC,MAAM,CAAC;uCAAwB;AArB3B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAuHpB;;AAGM,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ;CAAG,CAAA;AAA5B,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAAoB;;AAEzC,eAAe,QAAQ,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CSSResultGroup } from "../deps.js";
|
|
1
|
+
import { type CSSResultGroup, type HTMLTemplate } from "../deps.js";
|
|
2
2
|
import { InputSTD } from "./std.js";
|
|
3
3
|
export declare class SplitInput extends InputSTD {
|
|
4
|
-
static styles: CSSResultGroup
|
|
4
|
+
static styles: CSSResultGroup;
|
|
5
5
|
max: number;
|
|
6
6
|
index: number;
|
|
7
7
|
autofocus: boolean;
|
|
@@ -9,8 +9,8 @@ export declare class SplitInput extends InputSTD {
|
|
|
9
9
|
_spans: NodeListOf<HTMLSpanElement>;
|
|
10
10
|
current: number;
|
|
11
11
|
currentValue: (string | null)[];
|
|
12
|
-
render():
|
|
13
|
-
firstUpdated(): void;
|
|
12
|
+
protected render(): HTMLTemplate;
|
|
13
|
+
protected firstUpdated(): void;
|
|
14
14
|
_handleInput(e: InputEvent): void;
|
|
15
15
|
focus(): void;
|
|
16
16
|
focusAt(i?: number): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA8B,KAAK,YAAY,EAA6B,MAAM,YAAY,CAAC;AAC7I,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAMpC,qBACa,UAAW,SAAQ,QAAQ;IACtC,MAAM,CAAC,MAAM,iBAkDO;IACQ,GAAG,SAAK;IACR,KAAK,SAAM;IACV,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,SAAK;IACZ,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,SAAS,CAAC,YAAY;IAkBtB,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IASxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
|
@@ -4,8 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { css,
|
|
7
|
+
import { createScope, css, cssvarValues, define, html, property, query, queryAll } from "../deps.js";
|
|
8
8
|
import { InputSTD } from "./std.js";
|
|
9
|
+
const defineName = "split-input";
|
|
10
|
+
const cssScope = createScope(defineName);
|
|
9
11
|
let SplitInput = class SplitInput extends InputSTD {
|
|
10
12
|
constructor() {
|
|
11
13
|
super(...arguments);
|
|
@@ -21,7 +23,7 @@ let SplitInput = class SplitInput extends InputSTD {
|
|
|
21
23
|
${Array(this.max)
|
|
22
24
|
.fill(0)
|
|
23
25
|
.map(() => html `<span><i></i></span>`)}
|
|
24
|
-
<input @input="${this._handleInput}"
|
|
26
|
+
<input @input="${this._handleInput}" />
|
|
25
27
|
</div>
|
|
26
28
|
`;
|
|
27
29
|
}
|
|
@@ -76,16 +78,15 @@ let SplitInput = class SplitInput extends InputSTD {
|
|
|
76
78
|
this.focusAt();
|
|
77
79
|
}
|
|
78
80
|
focusAt(i = this.current) {
|
|
79
|
-
|
|
81
|
+
const focus = "focus";
|
|
80
82
|
this._spans.forEach((span) => {
|
|
81
|
-
span.classList.remove(
|
|
83
|
+
span.classList.remove(focus);
|
|
82
84
|
});
|
|
83
|
-
|
|
84
|
-
this._input.value = "
|
|
85
|
+
this._spans[i]?.classList.add(focus);
|
|
86
|
+
this._input.value = "";
|
|
85
87
|
}
|
|
86
88
|
blur(i = this.current) {
|
|
87
|
-
|
|
88
|
-
(_a = this._spans[i]) === null || _a === void 0 ? void 0 : _a.classList.remove("focus");
|
|
89
|
+
this._spans[i]?.classList.remove("focus");
|
|
89
90
|
this._input.blur();
|
|
90
91
|
}
|
|
91
92
|
reset() {
|
|
@@ -102,11 +103,10 @@ SplitInput.styles = [
|
|
|
102
103
|
InputSTD.styles,
|
|
103
104
|
css `
|
|
104
105
|
:host {
|
|
105
|
-
${
|
|
106
|
+
${cssScope}--outline: .12em solid var( ${cssvarValues.input}--outline-color);
|
|
106
107
|
display: inline-flex;
|
|
107
108
|
width: fit-content;
|
|
108
|
-
border-radius:
|
|
109
|
-
font-size: 147%;
|
|
109
|
+
border-radius: 1px;
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
* {
|
|
@@ -118,15 +118,15 @@ SplitInput.styles = [
|
|
|
118
118
|
vertical-align: top;
|
|
119
119
|
position: relative;
|
|
120
120
|
display: inline-flex;
|
|
121
|
+
gap: 0.2em;
|
|
121
122
|
}
|
|
122
123
|
|
|
123
124
|
span {
|
|
124
125
|
box-sizing: content-box;
|
|
125
126
|
vertical-align: top;
|
|
126
127
|
display: inline-flex;
|
|
127
|
-
width:
|
|
128
|
-
|
|
129
|
-
height: 1em;
|
|
128
|
+
width: 1.4em;
|
|
129
|
+
height: 1.4em;
|
|
130
130
|
pointer-events: all;
|
|
131
131
|
}
|
|
132
132
|
|
|
@@ -134,24 +134,19 @@ SplitInput.styles = [
|
|
|
134
134
|
height: inherit;
|
|
135
135
|
width: 100%;
|
|
136
136
|
z-index: 1;
|
|
137
|
-
background-color: var(${
|
|
138
|
-
font-style: normal;
|
|
137
|
+
background-color: var(${cssvarValues.input}--false);
|
|
139
138
|
text-align: center;
|
|
140
|
-
font-size: 80%;
|
|
141
|
-
line-height: unset;
|
|
142
139
|
}
|
|
143
140
|
|
|
144
141
|
input {
|
|
145
142
|
position: absolute;
|
|
146
143
|
opacity: 0;
|
|
147
144
|
left: 0;
|
|
148
|
-
right: 0;
|
|
149
145
|
top: 0;
|
|
150
|
-
bottom: 0;
|
|
151
146
|
}
|
|
152
147
|
|
|
153
148
|
.focus i {
|
|
154
|
-
outline: var(${
|
|
149
|
+
outline: var(${cssScope}--outline);
|
|
155
150
|
}
|
|
156
151
|
`,
|
|
157
152
|
];
|
|
@@ -171,7 +166,7 @@ __decorate([
|
|
|
171
166
|
queryAll("span")
|
|
172
167
|
], SplitInput.prototype, "_spans", void 0);
|
|
173
168
|
SplitInput = __decorate([
|
|
174
|
-
define(
|
|
169
|
+
define(defineName)
|
|
175
170
|
], SplitInput);
|
|
176
171
|
export { SplitInput };
|
|
177
172
|
export default SplitInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"split-input.js","sourceRoot":"","sources":["../../src/input-form/split-input.ts"],"names":[],"mappings":"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"}
|
package/input-form/std.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSSResultGroup, GodownElement } from "../deps.js";
|
|
2
2
|
export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
|
3
3
|
export declare class InputSTD extends GodownElement {
|
|
4
|
-
static styles: CSSResultGroup
|
|
4
|
+
static styles: CSSResultGroup;
|
|
5
5
|
name: string;
|
|
6
6
|
value: string | any;
|
|
7
7
|
label: string;
|
|
@@ -20,8 +20,9 @@ export declare class InputSTD extends GodownElement {
|
|
|
20
20
|
protected _initName(): void;
|
|
21
21
|
protected _compositionCheck(): void;
|
|
22
22
|
protected _focusCheck(): void;
|
|
23
|
+
protected _changeInputType(t: InputType): void;
|
|
23
24
|
focus(options?: FocusOptions): void;
|
|
24
|
-
firstUpdated(): void;
|
|
25
|
+
protected firstUpdated(): void;
|
|
25
26
|
protected targetValue(e: Event): string;
|
|
26
27
|
}
|
|
27
28
|
export declare class FormSTD<T extends object = object> extends GodownElement {
|
package/input-form/std.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,
|
|
1
|
+
{"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAgB,aAAa,EAAY,MAAM,YAAY,CAAC;AAExF,MAAM,MAAM,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;AAE1O,qBAAa,QAAS,SAAQ,aAAa;IACzC,MAAM,CAAC,MAAM,iBAQO;IACR,IAAI,EAAE,MAAM,CAAa;IACzB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAa;IAChC,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,CAAC,EAAE,MAAM,CAAa;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,sBAA6D;IAEtE,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAU7B,SAAS,CAAC,aAAa;IAIvB,iBAAiB;IAWjB,SAAS,CAAC,SAAS;IAQnB,SAAS,CAAC,iBAAiB;IAY3B,SAAS,CAAC,WAAW;IAMrB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS;IAIvC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK;CAO/B;AAED,qBAAa,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa;IACnE,MAAM,CAAC,MAAM,iBAAwB;IACzB,IAAI,SAAM;IACM,KAAK,IAAW;IAE5C,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,SAAS,oBAA+D;CACzE;;;;;AAED,wBAGE"}
|
package/input-form/std.js
CHANGED
|
@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { css,
|
|
7
|
+
import { css, cssvarValues, GodownElement, property } from "../deps.js";
|
|
8
8
|
export class InputSTD extends GodownElement {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
@@ -23,9 +23,8 @@ export class InputSTD extends GodownElement {
|
|
|
23
23
|
this._input.value = this.def;
|
|
24
24
|
}
|
|
25
25
|
_handleInput(e) {
|
|
26
|
-
var _a;
|
|
27
26
|
e.stopPropagation();
|
|
28
|
-
this.value =
|
|
27
|
+
this.value = e.target.value?.trim();
|
|
29
28
|
if (this.compositing) {
|
|
30
29
|
return;
|
|
31
30
|
}
|
|
@@ -68,9 +67,11 @@ export class InputSTD extends GodownElement {
|
|
|
68
67
|
this.focus();
|
|
69
68
|
}
|
|
70
69
|
}
|
|
70
|
+
_changeInputType(t) {
|
|
71
|
+
this._input.type = t;
|
|
72
|
+
}
|
|
71
73
|
focus(options) {
|
|
72
|
-
|
|
73
|
-
(_a = this._input) === null || _a === void 0 ? void 0 : _a.focus(options);
|
|
74
|
+
this._input?.focus(options);
|
|
74
75
|
}
|
|
75
76
|
firstUpdated() {
|
|
76
77
|
this._focusCheck();
|
|
@@ -88,27 +89,10 @@ export class InputSTD extends GodownElement {
|
|
|
88
89
|
InputSTD.styles = [
|
|
89
90
|
GodownElement.styles,
|
|
90
91
|
css `
|
|
91
|
-
:host {
|
|
92
|
-
${cssvar}--text: rgb(240 240 240);
|
|
93
|
-
${cssvar}--input-outline-color: rgb(25 130 180);
|
|
94
|
-
${cssvar}--input-outline-width: .15em;
|
|
95
|
-
${cssvar}--input-background: rgb(12 12 12);
|
|
96
|
-
${cssvar}--input-background-hover: rgb(42 42 42);
|
|
97
|
-
${cssvar}--input-true: rgb(47 129 237);
|
|
98
|
-
${cssvar}--input-false: rgb(204 204 204);
|
|
99
|
-
${cssvar}--input-width: 10.6rem;
|
|
100
|
-
${cssvar}--input-height: 1.6em;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
92
|
::-webkit-calendar-picker-indicator {
|
|
104
|
-
background-color: var(${
|
|
93
|
+
background-color: var(${cssvarValues.input}-true);
|
|
105
94
|
border-radius: 0.1rem;
|
|
106
95
|
}
|
|
107
|
-
|
|
108
|
-
:host(:focus),
|
|
109
|
-
:host(:focus-within) {
|
|
110
|
-
outline-color: var(${cssvar}--input-outline-color);
|
|
111
|
-
}
|
|
112
96
|
`,
|
|
113
97
|
];
|
|
114
98
|
__decorate([
|
package/input-form/std.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAkB,
|
|
1
|
+
{"version":3,"file":"std.js","sourceRoot":"","sources":["../../src/input-form/std.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { CSSResultGroup } from "../deps.js";
|
|
1
|
+
import { type CSSResultGroup } from "../deps.js";
|
|
2
|
+
import { type HTMLTemplate } from "../tmpl.js";
|
|
2
3
|
import { InputSTD } from "./std.js";
|
|
3
4
|
export declare class SwitchInput extends InputSTD {
|
|
4
|
-
static styles: CSSResultGroup
|
|
5
|
+
static styles: CSSResultGroup;
|
|
5
6
|
checked: boolean;
|
|
6
7
|
disabled: boolean;
|
|
7
8
|
base: "fat" | "rect";
|
|
@@ -9,7 +10,7 @@ export declare class SwitchInput extends InputSTD {
|
|
|
9
10
|
name: string;
|
|
10
11
|
value: string;
|
|
11
12
|
_input: HTMLInputElement;
|
|
12
|
-
render():
|
|
13
|
+
protected render(): HTMLTemplate;
|
|
13
14
|
reset(): void;
|
|
14
15
|
connectedCallback(): void;
|
|
15
16
|
protected _handleChange(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"switch-input.d.ts","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAA+C,MAAM,YAAY,CAAC;AAChH,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAKpC,qBACa,WAAY,SAAQ,QAAQ;IACvC,MAAM,CAAC,MAAM,iBA4HO;IACS,OAAO,UAAS;IAChB,QAAQ,UAAS;IAClC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC9B,GAAG,SAAW;IACd,IAAI,SAAc;IAClB,KAAK,SAAQ;IACT,MAAM,EAAE,gBAAgB,CAAC;IAEzC,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
|
|
@@ -4,9 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
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
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { css,
|
|
7
|
+
import { createScope, css, cssvarValues, define, html, property, query } from "../deps.js";
|
|
8
8
|
import { htmlSlot } from "../tmpl.js";
|
|
9
9
|
import { InputSTD } from "./std.js";
|
|
10
|
+
const defineName = "switch-input";
|
|
11
|
+
const cssScope = createScope(defineName);
|
|
10
12
|
let SwitchInput = class SwitchInput extends InputSTD {
|
|
11
13
|
constructor() {
|
|
12
14
|
super(...arguments);
|
|
@@ -53,8 +55,10 @@ SwitchInput.styles = [
|
|
|
53
55
|
InputSTD.styles,
|
|
54
56
|
css `
|
|
55
57
|
:host {
|
|
56
|
-
width: 3em;
|
|
57
|
-
height:
|
|
58
|
+
${cssScope}--width: 3em;
|
|
59
|
+
${cssScope}--height: calc(var(${cssScope}--width) / 2);
|
|
60
|
+
width: var(${cssScope}--width);
|
|
61
|
+
height: var(${cssScope}--height);
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
:host,
|
|
@@ -81,7 +85,7 @@ SwitchInput.styles = [
|
|
|
81
85
|
-moz-appearance: none;
|
|
82
86
|
position: relative;
|
|
83
87
|
font-size: inherit;
|
|
84
|
-
background
|
|
88
|
+
background: var(${cssvarValues.input}--false);
|
|
85
89
|
border-radius: inherit;
|
|
86
90
|
transition: all 0.3s;
|
|
87
91
|
}
|
|
@@ -129,19 +133,19 @@ SwitchInput.styles = [
|
|
|
129
133
|
|
|
130
134
|
.rect input:checked ~ aside div.true,
|
|
131
135
|
.rect .false {
|
|
132
|
-
background-color: var(${
|
|
136
|
+
background-color: var(${cssvarValues.input}--true);
|
|
133
137
|
}
|
|
134
138
|
|
|
135
139
|
.rect input:checked ~ aside div.false,
|
|
136
140
|
.rect .true {
|
|
137
|
-
background
|
|
141
|
+
background: var(${cssvarValues.input}--false);
|
|
138
142
|
}
|
|
139
143
|
|
|
140
144
|
.fat aside {
|
|
141
145
|
width: 1.2em;
|
|
142
146
|
height: 1.2em;
|
|
143
147
|
border-radius: 50%;
|
|
144
|
-
background
|
|
148
|
+
background: var(${cssvarValues.input}--control);
|
|
145
149
|
transition: 0.3s;
|
|
146
150
|
left: 0.15em;
|
|
147
151
|
top: 0.15em;
|
|
@@ -153,7 +157,7 @@ SwitchInput.styles = [
|
|
|
153
157
|
}
|
|
154
158
|
|
|
155
159
|
.fat input:checked {
|
|
156
|
-
background
|
|
160
|
+
background: var(${cssvarValues.input}--true);
|
|
157
161
|
}
|
|
158
162
|
|
|
159
163
|
.fat input:checked ~ aside {
|
|
@@ -194,7 +198,7 @@ __decorate([
|
|
|
194
198
|
query("input")
|
|
195
199
|
], SwitchInput.prototype, "_input", void 0);
|
|
196
200
|
SwitchInput = __decorate([
|
|
197
|
-
define(
|
|
201
|
+
define(defineName)
|
|
198
202
|
], SwitchInput);
|
|
199
203
|
export { SwitchInput };
|
|
200
204
|
export default SwitchInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch-input.js","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"switch-input.js","sourceRoot":"","sources":["../../src/input-form/switch-input.ts"],"names":[],"mappings":"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"}
|
package/items/alert-item.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type HTMLTemplate } from "../tmpl.js";
|
|
1
2
|
import ItemsSTD from "./std.js";
|
|
2
3
|
declare const colors: {
|
|
3
4
|
success: string[];
|
|
@@ -11,7 +12,7 @@ export declare class AlertItem extends ItemsSTD {
|
|
|
11
12
|
autoclose: number;
|
|
12
13
|
title: string;
|
|
13
14
|
content: string;
|
|
14
|
-
render():
|
|
15
|
+
protected render(): HTMLTemplate;
|
|
15
16
|
close(): void;
|
|
16
17
|
static alert(root: HTMLElement, option: Partial<AlertItem>): AlertItem;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert-item.d.ts","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAQ,MAAM,YAAY,CAAC;AAC/D,OAAO,QAAQ,MAAM,UAAU,CAAC;AAMhC,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,qBACa,SAAU,SAAQ,QAAQ;IACrC,MAAM,CAAC,MAAM,4BA+EX;IACU,IAAI,EAAE,MAAM,OAAO,MAAM,GAAG,MAAM,CAAU;IAC5B,SAAS,SAAQ;IACjC,KAAK,SAAM;IACX,OAAO,SAAM;IAEzB,SAAS,CAAC,MAAM,IAAI,YAAY;IAgBhC,KAAK;IAOL,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;CAMvE;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|