godown 2.3.1 → 2.4.0
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 +16 -11
- package/effect/clip-text.js.map +1 -1
- package/effect/overbreath-text.d.ts +2 -1
- package/effect/overbreath-text.d.ts.map +1 -1
- package/effect/overbreath-text.js +18 -46
- 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 +85 -6
- package/glob.d.ts.map +1 -1
- package/glob.js +161 -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 +3 -2
- package/items/base-button.d.ts.map +1 -1
- package/items/base-button.js +27 -26
- 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 +4 -3
- package/layout/skeleton-screen.d.ts.map +1 -1
- package/layout/skeleton-screen.js +21 -20
- 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 +3 -0
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +25 -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 +5 -5
- package/view/route-view.d.ts.map +1 -1
- package/view/route-view.js +13 -10
- 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
@@ -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"}
|
package/items/alert-item.js
CHANGED
@@ -5,10 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
6
6
|
};
|
7
7
|
var AlertItem_1;
|
8
|
-
import { constructCSS,
|
8
|
+
import { constructCSS, createScope, css, define, html, property, unsafeCSS } from "../deps.js";
|
9
9
|
import { htmlSlot, svgX } from "../tmpl.js";
|
10
10
|
import ItemsSTD from "./std.js";
|
11
|
-
const
|
11
|
+
const defineName = "alert-item";
|
12
|
+
const cssvarScope = createScope(defineName);
|
13
|
+
const vars = ["color", "background", "border", "super"].map((v) => `${cssvarScope}--${v}`);
|
12
14
|
const colors = {
|
13
15
|
success: ["#3c763d", "#dff0d8", "#d6e9c6", "#2b542c"],
|
14
16
|
info: ["#31708f", "#d9edf7", "#bce8f1", "#245269"],
|
@@ -27,7 +29,7 @@ let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
|
|
27
29
|
if (this.autoclose) {
|
28
30
|
setTimeout(() => this.close(), this.autoclose);
|
29
31
|
}
|
30
|
-
return html
|
32
|
+
return html `<div class="${this.call} alert" role="alert">
|
31
33
|
<section class="content">
|
32
34
|
<strong>
|
33
35
|
<slot name="title"></slot>
|
@@ -42,7 +44,7 @@ let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
|
|
42
44
|
this.shadowRoot.querySelector(".alert").classList.add("hide");
|
43
45
|
setTimeout(() => {
|
44
46
|
this.remove();
|
45
|
-
},
|
47
|
+
}, 250);
|
46
48
|
}
|
47
49
|
static alert(root, option) {
|
48
50
|
const ai = new AlertItem_1();
|
@@ -57,26 +59,28 @@ AlertItem.styles = [
|
|
57
59
|
})),
|
58
60
|
css `
|
59
61
|
:host {
|
60
|
-
|
61
|
-
width:
|
62
|
-
|
62
|
+
${cssvarScope}--padding:0 0.25em 0 0.35em;
|
63
|
+
${cssvarScope}--border-width: 0.15em;
|
64
|
+
${cssvarScope}--border-radius: 0.4em;
|
65
|
+
border-radius: var(${cssvarScope}--border-radius);
|
66
|
+
margin: 0 auto;
|
67
|
+
display: block;
|
63
68
|
}
|
64
69
|
|
65
70
|
.hide {
|
66
71
|
opacity: 0;
|
67
|
-
transform: translateY(-
|
72
|
+
transform: translateY(-100%);
|
68
73
|
}
|
69
74
|
|
70
75
|
.alert {
|
76
|
+
transition: 0.25s;
|
71
77
|
display: flex;
|
72
78
|
justify-content: space-between;
|
73
|
-
padding:
|
74
|
-
border:
|
75
|
-
border
|
76
|
-
|
77
|
-
color: var(${
|
78
|
-
background-color: var(${cssvar}--background);
|
79
|
-
border-color: var(${cssvar}--border);
|
79
|
+
padding: var(${cssvarScope}--padding);
|
80
|
+
border-radius: inherit;
|
81
|
+
border: var(${cssvarScope}--border-width) solid var(${cssvarScope}--border);
|
82
|
+
color: var(${cssvarScope}--color);
|
83
|
+
background-color: var(${cssvarScope}--background);
|
80
84
|
animation: alert 0.25s ease-in-out;
|
81
85
|
}
|
82
86
|
|
@@ -87,12 +91,11 @@ AlertItem.styles = [
|
|
87
91
|
}
|
88
92
|
100% {
|
89
93
|
opacity: 1;
|
90
|
-
transform:
|
94
|
+
transform: none;
|
91
95
|
}
|
92
96
|
}
|
93
97
|
|
94
98
|
section.content {
|
95
|
-
margin: 0 0.25em 0 0.35em;
|
96
99
|
min-height: 1.6em;
|
97
100
|
line-height: 1.6em;
|
98
101
|
}
|
@@ -101,7 +104,7 @@ AlertItem.styles = [
|
|
101
104
|
height: fit-content;
|
102
105
|
width: fit-content;
|
103
106
|
border-radius: 50%;
|
104
|
-
transition:
|
107
|
+
transition: backdrop-filter inherit;
|
105
108
|
}
|
106
109
|
|
107
110
|
aside.close:hover {
|
@@ -115,17 +118,16 @@ AlertItem.styles = [
|
|
115
118
|
}
|
116
119
|
|
117
120
|
aside.close:hover path {
|
118
|
-
stroke: var(${
|
121
|
+
stroke: var(${cssvarScope}--super);
|
119
122
|
}
|
120
123
|
|
121
124
|
path {
|
122
|
-
stroke: var(${
|
123
|
-
transition: all 0.3s;
|
125
|
+
stroke: var(${cssvarScope}--color);
|
124
126
|
}
|
125
127
|
|
126
128
|
.alert ::slotted(a) {
|
127
129
|
font-weight: bold;
|
128
|
-
color: var(${
|
130
|
+
color: var(${cssvarScope}--super);
|
129
131
|
}
|
130
132
|
`,
|
131
133
|
];
|
@@ -142,7 +144,7 @@ __decorate([
|
|
142
144
|
property()
|
143
145
|
], AlertItem.prototype, "content", void 0);
|
144
146
|
AlertItem = AlertItem_1 = __decorate([
|
145
|
-
define(
|
147
|
+
define(defineName)
|
146
148
|
], AlertItem);
|
147
149
|
export { AlertItem };
|
148
150
|
export default AlertItem;
|
package/items/alert-item.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,
|
1
|
+
{"version":3,"file":"alert-item.js","sourceRoot":"","sources":["../../src/items/alert-item.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAqB,IAAI,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,QAAQ,MAAM,UAAU,CAAC;AAEhC,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,WAAW,KAAK,CAAC,EAAE,CAAC,CAAC;AAC3F,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACrD,CAAC;AAGK,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QAiFO,SAAI,GAAiC,MAAM,CAAC;QAC5B,cAAS,GAAG,IAAI,CAAC;QACjC,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAG,EAAE,CAAC;IA+B3B,CAAC;IA7BW,MAAM;QACd,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SAChD;QACD,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,IAAI;;;;YAI3B,IAAI,CAAC,KAAK;;UAEZ,QAAQ,EAAE,GAAG,IAAI,CAAC,OAAO;;qCAEE,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;WAC/C,CAAC;IACV,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAiB,EAAE,MAA0B;QACxD,MAAM,EAAE,GAAG,IAAI,WAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;;AAjHM,gBAAM,GAAG;IACd,SAAS,CACP,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;QACjC,OAAO,IAAI,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CACH;IACD,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;6BACQ,WAAW;;;;;;;;;;;;;;uBAcjB,WAAW;;sBAEZ,WAAW,6BAA6B,WAAW;qBACpD,WAAW;gCACA,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAsCrB,WAAW;;;;sBAIX,WAAW;;;;;qBAKZ,WAAW;;KAE3B;CACF,AA/EY,CA+EX;AACU;IAAX,QAAQ,EAAE;uCAA6C;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AACjC;IAAX,QAAQ,EAAE;wCAAY;AACX;IAAX,QAAQ,EAAE;0CAAc;AApFd,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CAmHrB;;AAED,eAAe,SAAS,CAAC"}
|
package/items/avatar-a.d.ts
CHANGED
@@ -1,13 +1,14 @@
|
|
1
|
+
import { type HTMLTemplate } from "../tmpl.js";
|
1
2
|
import ItemsSTD from "./std.js";
|
2
3
|
export declare class AvatarAnchor extends ItemsSTD {
|
3
|
-
static styles: import("lit").CSSResult;
|
4
|
+
static styles: import("lit").CSSResult[];
|
4
5
|
src: string | undefined | null;
|
5
6
|
def: string;
|
6
7
|
href: any;
|
7
8
|
name: string;
|
8
9
|
more: number;
|
9
|
-
render():
|
10
|
-
renderAva
|
10
|
+
protected render(): HTMLTemplate;
|
11
|
+
private renderAva;
|
11
12
|
imgOnError(e: ErrorEvent): void;
|
12
13
|
}
|
13
14
|
export default AvatarAnchor;
|
package/items/avatar-a.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"avatar-a.d.ts","sourceRoot":"","sources":["../../src/items/avatar-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,qBACa,YAAa,SAAQ,QAAQ;IACxC,MAAM,CAAC,MAAM,4BAwCX;IACU,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAM;IACpC,GAAG,EAAE,MAAM,CAAa;IACxB,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IAErC,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,SAAS;IAgBjB,UAAU,CAAC,CAAC,EAAE,UAAU;CAOzB;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,YAAY,CAAC;KAC1B;CACF"}
|