godown 3.0.0-canary.4 → 3.0.0-canary.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.
- package/components/alert.d.ts +3 -2
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +16 -13
- package/components/alert.js.map +1 -1
- package/components/avatar.js.map +1 -1
- package/components/breath.d.ts +1 -1
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +4 -3
- package/components/button.d.ts.map +1 -1
- package/components/button.js +11 -12
- package/components/button.js.map +1 -1
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +1 -1
- package/components/carousel.js.map +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +2 -0
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +4 -6
- package/components/dialog.js.map +1 -1
- package/components/divider.js.map +1 -1
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +1 -1
- package/components/flex.js.map +1 -1
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +1 -1
- package/components/grid.js.map +1 -1
- package/components/input.js.map +1 -1
- package/components/layout.js.map +1 -1
- package/components/link.js.map +1 -1
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +36 -11
- package/components/range.d.ts.map +1 -1
- package/components/range.js +124 -43
- package/components/range.js.map +1 -1
- package/components/rotate.js.map +1 -1
- package/components/router.js.map +1 -1
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -0
- package/components/select.js.map +1 -1
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +2 -0
- package/components/split.js.map +1 -1
- package/components/switch.js.map +1 -1
- package/components/text.js.map +1 -1
- package/components/time.js.map +1 -1
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.js.map +1 -1
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.js.map +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/alert.d.ts +3 -2
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +18 -15
- package/dev/components/alert.js.map +1 -1
- package/dev/components/breath.d.ts +1 -1
- package/dev/components/button.d.ts +4 -3
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +11 -12
- package/dev/components/button.js.map +1 -1
- package/dev/components/carousel.d.ts +1 -1
- package/dev/components/dialog.d.ts +2 -0
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +4 -6
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/flex.d.ts +1 -1
- package/dev/components/grid.d.ts +1 -1
- package/dev/components/range.d.ts +36 -11
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +146 -81
- package/dev/components/range.js.map +1 -1
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +1 -0
- package/dev/components/select.js.map +1 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +2 -0
- package/dev/components/split.js.map +1 -1
- package/package.json +3 -3
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
@@ -2,6 +2,8 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
2
2
|
/**
|
3
3
|
* {@linkcode Alert} renders a alert.
|
4
4
|
*
|
5
|
+
* Color defaults to blue.
|
6
|
+
*
|
5
7
|
* @slot - Alert content.
|
6
8
|
* @slot title - Alert title.
|
7
9
|
* @slot icon - Alert icon.
|
@@ -17,7 +19,6 @@ declare class Alert extends GlobalStyle {
|
|
17
19
|
* Overrides the color of the call.
|
18
20
|
*/
|
19
21
|
color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink";
|
20
|
-
defaultColor: string;
|
21
22
|
/**
|
22
23
|
* Close delay, if 0, it will not be closed automatically.
|
23
24
|
*/
|
@@ -42,7 +43,7 @@ declare class Alert extends GlobalStyle {
|
|
42
43
|
* If variant is `"blockquote"`, hide the close button.
|
43
44
|
*/
|
44
45
|
variant: "blockquote" | "dark" | "light";
|
45
|
-
protected render(): import("lit").TemplateResult<1
|
46
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
46
47
|
close(): void;
|
47
48
|
protected firstUpdated(): void;
|
48
49
|
static alert(root: HTMLElement, option: Partial<Alert>): Alert;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AAiBA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;GASG;AACH,cAoEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEhH;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM;IAqBhB,KAAK;IAKL,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC"}
|
package/dev/components/alert.js
CHANGED
@@ -3,7 +3,8 @@ import { godown } from "@godown/element/decorators/godown.js";
|
|
3
3
|
import { styles } from "@godown/element/decorators/styles.js";
|
4
4
|
import { conditionIf } from "@godown/element/directives/condition-if.js";
|
5
5
|
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
6
|
-
import {
|
6
|
+
import { htmlStyle } from "@godown/element/directives/html-style.js";
|
7
|
+
import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
|
7
8
|
import iconCheckAltCircle from "@godown/f7-icon/icons/checkmark-alt-circle.js";
|
8
9
|
import iconExclamationCircle from "@godown/f7-icon/icons/exclamationmark-circle.js";
|
9
10
|
import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
|
@@ -12,7 +13,7 @@ import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
|
|
12
13
|
import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
|
13
14
|
import iconXmark from "@godown/f7-icon/icons/xmark.js";
|
14
15
|
import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
|
15
|
-
import { css, html
|
16
|
+
import { css, html } from "lit";
|
16
17
|
import { property } from "lit/decorators.js";
|
17
18
|
import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
|
18
19
|
const protoName = "alert";
|
@@ -21,7 +22,7 @@ const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
|
|
21
22
|
const genDark = (key) => {
|
22
23
|
return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
|
23
24
|
};
|
24
|
-
const darkStyles =
|
25
|
+
const darkStyles = constructCSSObject(vars, {
|
25
26
|
green: genDark("green"),
|
26
27
|
blue: genDark("blue"),
|
27
28
|
orange: genDark("orange"),
|
@@ -33,11 +34,11 @@ const darkStyles = constructCSS(vars, {
|
|
33
34
|
gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
|
34
35
|
white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
|
35
36
|
black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
|
36
|
-
}, (
|
37
|
+
}, () => `:host`, (prop) => toVar(prop));
|
37
38
|
const genLight = (key) => {
|
38
39
|
return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
|
39
40
|
};
|
40
|
-
const lightStyles =
|
41
|
+
const lightStyles = constructCSSObject(vars, {
|
41
42
|
green: genLight("green"),
|
42
43
|
blue: genLight("blue"),
|
43
44
|
orange: genLight("orange"),
|
@@ -49,7 +50,7 @@ const lightStyles = constructCSS(vars, {
|
|
49
50
|
gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
|
50
51
|
white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
|
51
52
|
black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
|
52
|
-
}, (
|
53
|
+
}, () => `:host`, (prop) => toVar(prop));
|
53
54
|
const calls = {
|
54
55
|
tip: {
|
55
56
|
color: "teal",
|
@@ -87,6 +88,8 @@ const calls = {
|
|
87
88
|
/**
|
88
89
|
* {@linkcode Alert} renders a alert.
|
89
90
|
*
|
91
|
+
* Color defaults to blue.
|
92
|
+
*
|
90
93
|
* @slot - Alert content.
|
91
94
|
* @slot title - Alert title.
|
92
95
|
* @slot icon - Alert icon.
|
@@ -95,7 +98,6 @@ const calls = {
|
|
95
98
|
let Alert = class Alert extends GlobalStyle {
|
96
99
|
constructor() {
|
97
100
|
super(...arguments);
|
98
|
-
this.defaultColor = "blue";
|
99
101
|
/**
|
100
102
|
* Close delay, if 0, it will not be closed automatically.
|
101
103
|
*/
|
@@ -114,16 +116,19 @@ let Alert = class Alert extends GlobalStyle {
|
|
114
116
|
this.variant = "dark";
|
115
117
|
}
|
116
118
|
render() {
|
117
|
-
const color =
|
119
|
+
const color = calls[this.call]?.color || this.color;
|
118
120
|
const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
|
119
|
-
return
|
121
|
+
return [
|
122
|
+
html `<div part="root" variant="${this.variant}">
|
120
123
|
<div part="icon">${icon}</div>
|
121
124
|
<div part="content">
|
122
125
|
<strong part="title">${this.title || htmlSlot("title")}</strong>
|
123
126
|
${this.content || htmlSlot()}
|
124
127
|
</div>
|
125
|
-
|
126
|
-
</div
|
128
|
+
${conditionIf(!this.hideClose && this.variant !== "blockquote", html `<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`)}
|
129
|
+
</div>`,
|
130
|
+
htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
|
131
|
+
];
|
127
132
|
}
|
128
133
|
close() {
|
129
134
|
this.remove();
|
@@ -157,16 +162,14 @@ __decorate([
|
|
157
162
|
property()
|
158
163
|
], Alert.prototype, "content", void 0);
|
159
164
|
__decorate([
|
160
|
-
property({
|
161
|
-
type: Boolean,
|
162
|
-
})
|
165
|
+
property({ type: Boolean })
|
163
166
|
], Alert.prototype, "hideClose", void 0);
|
164
167
|
__decorate([
|
165
168
|
property()
|
166
169
|
], Alert.prototype, "variant", void 0);
|
167
170
|
Alert = __decorate([
|
168
171
|
godown(protoName),
|
169
|
-
styles(
|
172
|
+
styles(css `
|
170
173
|
:host {
|
171
174
|
border-radius: var(${cssScope}--border-radius);
|
172
175
|
${cssScope}--border-radius: .25em;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,4CAA4C,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"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"}
|
@@ -24,7 +24,7 @@ declare class Breath extends GlobalStyle {
|
|
24
24
|
* Effect duration, ending in s or ms.
|
25
25
|
*/
|
26
26
|
duration: string;
|
27
|
-
protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
|
27
|
+
protected render(): (symbol | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
|
28
28
|
protected renderText(text: string): import("lit").TemplateResult<1>;
|
29
29
|
protected getTexts(): string[];
|
30
30
|
protected computeStyle(len: number): string;
|
@@ -1,7 +1,9 @@
|
|
1
1
|
import { GlobalStyle } from "../core/global-style.js";
|
2
2
|
declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black", string>;
|
3
3
|
/**
|
4
|
-
* {@linkcode Button}.
|
4
|
+
* {@linkcode Button} renders a button.
|
5
|
+
*
|
6
|
+
* Color defaults to black.
|
5
7
|
*
|
6
8
|
* @category input
|
7
9
|
*/
|
@@ -32,8 +34,7 @@ declare class Button extends GlobalStyle {
|
|
32
34
|
text: string;
|
33
35
|
_modalRoot: HTMLElement;
|
34
36
|
_root: HTMLElement;
|
35
|
-
|
36
|
-
protected render(): import("lit").TemplateResult<1>[];
|
37
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
37
38
|
focus(): void;
|
38
39
|
blur(): void;
|
39
40
|
firstUpdated(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;GAMG;AACH,cA8FM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC9C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,UAAU,EAAE,WAAW,CAAC;IAExB,KAAK,EAAE,WAAW,CAAC;IAEnB,SAAS,CAAC,MAAM;IAWhB,KAAK;IAQL,IAAI;IAKJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}
|
package/dev/components/button.js
CHANGED
@@ -1,21 +1,17 @@
|
|
1
|
-
var Button_1;
|
2
1
|
import { __decorate } from "tslib";
|
3
2
|
import { godown } from "@godown/element/decorators/godown.js";
|
4
3
|
import { part } from "@godown/element/decorators/part.js";
|
5
4
|
import { styles } from "@godown/element/decorators/styles.js";
|
6
5
|
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
7
6
|
import { htmlStyle } from "@godown/element/directives/html-style.js";
|
8
|
-
import { constructCSSObject } from "@godown/element/tools/css.js";
|
9
|
-
import { css, html
|
7
|
+
import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
|
8
|
+
import { css, html } from "lit";
|
10
9
|
import { property } from "lit/decorators.js";
|
11
10
|
import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
|
12
11
|
const protoName = "button";
|
13
12
|
const cssScope = scopePrefix(protoName);
|
14
13
|
const whiteFont = cssGlobalVars._colors.lightgray[0];
|
15
14
|
const blackFont = cssGlobalVars._colors.darkgray[6];
|
16
|
-
const toVar = (s) => {
|
17
|
-
return unsafeCSS(`var(${s})`);
|
18
|
-
};
|
19
15
|
const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
|
20
16
|
black: [
|
21
17
|
whiteFont, // color
|
@@ -72,13 +68,15 @@ const colors = constructCSSObject(["color", "background", "gradients"].map((k) =
|
|
72
68
|
cssGlobalVars._colors.teal[6], // background
|
73
69
|
cssGlobalVars._colors.teal[4], // gradients
|
74
70
|
],
|
75
|
-
}, () => `:host`, toVar);
|
71
|
+
}, () => `:host`, (prop) => toVar(prop));
|
76
72
|
/**
|
77
|
-
* {@linkcode Button}.
|
73
|
+
* {@linkcode Button} renders a button.
|
74
|
+
*
|
75
|
+
* Color defaults to black.
|
78
76
|
*
|
79
77
|
* @category input
|
80
78
|
*/
|
81
|
-
let Button =
|
79
|
+
let Button = class Button extends GlobalStyle {
|
82
80
|
constructor() {
|
83
81
|
super(...arguments);
|
84
82
|
/**
|
@@ -93,7 +91,7 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
93
91
|
<span part="modal-root"></span>
|
94
92
|
<div part="slot">${this.text || htmlSlot()}</div>
|
95
93
|
</div>`,
|
96
|
-
htmlStyle(
|
94
|
+
htmlStyle(colors[color]),
|
97
95
|
];
|
98
96
|
}
|
99
97
|
focus() {
|
@@ -101,9 +99,11 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
101
99
|
return;
|
102
100
|
}
|
103
101
|
this.active = true;
|
102
|
+
super.focus();
|
104
103
|
}
|
105
104
|
blur() {
|
106
105
|
this.active = false;
|
106
|
+
super.blur();
|
107
107
|
}
|
108
108
|
firstUpdated() {
|
109
109
|
this.events.add(this, "click", this._handelClick, true);
|
@@ -134,7 +134,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
134
134
|
return this.color;
|
135
135
|
}
|
136
136
|
};
|
137
|
-
Button.colors = colors;
|
138
137
|
__decorate([
|
139
138
|
property({ type: Boolean, reflect: true })
|
140
139
|
], Button.prototype, "disabled", void 0);
|
@@ -159,7 +158,7 @@ __decorate([
|
|
159
158
|
__decorate([
|
160
159
|
part("root")
|
161
160
|
], Button.prototype, "_root", void 0);
|
162
|
-
Button =
|
161
|
+
Button = __decorate([
|
163
162
|
godown(protoName),
|
164
163
|
styles(css `
|
165
164
|
:host(:not([disabled]):active) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"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"}
|
@@ -28,7 +28,7 @@ declare class Carousel extends GlobalStyle {
|
|
28
28
|
intervalID: number;
|
29
29
|
_cloneFirst: HTMLElement | undefined;
|
30
30
|
_cloneLast: HTMLElement | undefined;
|
31
|
-
protected render(): import("lit").TemplateResult<1>[];
|
31
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
32
32
|
protected firstUpdated(): Promise<void>;
|
33
33
|
disconnectedCallback(): void;
|
34
34
|
show(i: number): void;
|
@@ -23,6 +23,8 @@ declare class Dialog extends SuperOpenable {
|
|
23
23
|
private _modalInvoke;
|
24
24
|
protected render(): import("lit").TemplateResult<1>;
|
25
25
|
showModal(): void;
|
26
|
+
private _submitEvent;
|
27
|
+
private _keydownEvent;
|
26
28
|
protected updated(changedProperties: PropertyValues): void;
|
27
29
|
protected _handleKeydown(e: KeyboardEvent): void;
|
28
30
|
protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAkEM,MAAO,SAAQ,aAAa;IAEhC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM;IAOhB,SAAS;IAQT,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAkEM,MAAO,SAAQ,aAAa;IAEhC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM;IAOhB,SAAS;IAQT,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAcnD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAQzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC;IAMxD,KAAK;CAON;AAED,eAAe,MAAM,CAAC"}
|
package/dev/components/dialog.js
CHANGED
@@ -45,17 +45,15 @@ let Dialog = class Dialog extends SuperOpenable {
|
|
45
45
|
}
|
46
46
|
updated(changedProperties) {
|
47
47
|
if (changedProperties.has("open")) {
|
48
|
-
let submitEvent;
|
49
|
-
let keydownEvent;
|
50
48
|
if (this.open) {
|
51
|
-
|
49
|
+
this._submitEvent = this.events.add(this, "submit", this._handelSubmit);
|
52
50
|
if (this.key) {
|
53
|
-
|
51
|
+
this._keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
|
54
52
|
}
|
55
53
|
}
|
56
54
|
else {
|
57
|
-
this.events.remove(this, "submit",
|
58
|
-
this.events.remove(document, "keydown",
|
55
|
+
this.events.remove(this, "submit", this._submitEvent);
|
56
|
+
this.events.remove(document, "keydown", this._keydownEvent);
|
59
57
|
}
|
60
58
|
}
|
61
59
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,aAAkC,MAAM,2BAA2B,CAAC;AAE3E,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AAmEH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,aAAa;IAAlC;;QAEE,cAAS,GAAe,QAAQ,CAAC;QACjC;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QACd;;WAEG;QAEH,QAAG,GAAG,QAAQ,CAAC;
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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"}
|
package/dev/components/flex.d.ts
CHANGED
@@ -25,7 +25,7 @@ declare class Flex extends GlobalStyle {
|
|
25
25
|
* If true, set flex-direction to "column".
|
26
26
|
*/
|
27
27
|
vertical: boolean;
|
28
|
-
protected render(): import("lit").TemplateResult<1>[];
|
28
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
29
29
|
}
|
30
30
|
export default Flex;
|
31
31
|
//# sourceMappingURL=flex.d.ts.map
|
package/dev/components/grid.d.ts
CHANGED
@@ -25,7 +25,7 @@ declare class Grid extends GlobalStyle {
|
|
25
25
|
* CSS property `place-items` (`align-items justify-items`).
|
26
26
|
*/
|
27
27
|
items: string;
|
28
|
-
protected render(): import("lit").TemplateResult<1>[];
|
28
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
29
29
|
}
|
30
30
|
export default Grid;
|
31
31
|
//# sourceMappingURL=grid.d.ts.map
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import SuperInput from "../core/super-input.js";
|
2
2
|
/**
|
3
|
-
* {@linkcode Range} is similar to
|
3
|
+
* {@linkcode Range} is similar to `<input type="range">`.
|
4
4
|
*
|
5
|
-
* Value accepts
|
5
|
+
* Value accepts number, or array.
|
6
6
|
*
|
7
|
-
* Number
|
7
|
+
* Number has 1 handle, the array has the number of its elements and the minimum is 2.
|
8
8
|
*
|
9
9
|
* @category input
|
10
10
|
*/
|
@@ -21,32 +21,57 @@ declare class Range extends SuperInput {
|
|
21
21
|
* Sliding step length.
|
22
22
|
*/
|
23
23
|
step: number;
|
24
|
+
/**
|
25
|
+
* Display vertically
|
26
|
+
*/
|
24
27
|
vertical: boolean;
|
25
28
|
/**
|
26
29
|
* When `this.range` is true, it should be [number, number], otherwise number.
|
27
30
|
*/
|
28
|
-
value: number | [
|
31
|
+
value: number | number[];
|
29
32
|
/**
|
30
33
|
* The default of `this.value`.
|
31
34
|
*/
|
32
|
-
default:
|
35
|
+
default: typeof this.value;
|
33
36
|
_root: HTMLElement;
|
34
|
-
|
37
|
+
_handles: NodeListOf<HTMLElement>;
|
38
|
+
lastFocus?: number;
|
35
39
|
/**
|
36
40
|
* Returns true when the second number is greater than the first number
|
37
41
|
*/
|
38
42
|
get reverse(): boolean;
|
39
43
|
/**
|
40
|
-
*
|
44
|
+
* If value is array.
|
41
45
|
*/
|
42
46
|
get range(): boolean;
|
43
|
-
|
47
|
+
/**
|
48
|
+
* Return values in the form of an array.
|
49
|
+
*/
|
50
|
+
get rangeValue(): number[];
|
51
|
+
/**
|
52
|
+
* @param len Minimum result length.
|
53
|
+
* @param value Fill value.
|
54
|
+
* @returns Array with length of len.
|
55
|
+
*/
|
56
|
+
padValue(len: number, value?: number): number[];
|
44
57
|
protected render(): import("lit").TemplateResult<1>;
|
45
|
-
protected
|
58
|
+
protected renderHandle(index: number): import("lit").TemplateResult<1>;
|
59
|
+
private _keydownEvent;
|
60
|
+
focusHandle(index: number): void;
|
61
|
+
blurHandle(): void;
|
62
|
+
protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
|
63
|
+
createMouseDown(index: any): (e: any) => void;
|
46
64
|
protected _handleMousedownEnd(e: MouseEvent): void;
|
47
|
-
|
65
|
+
createSetValue(index?: number): (numberOrModifier: number | ((value: number) => number)) => void;
|
48
66
|
setEnd(value: number): void;
|
67
|
+
/**
|
68
|
+
* Compute value from event.
|
69
|
+
*/
|
49
70
|
protected _computeValue(e: MouseEvent): number;
|
71
|
+
/**
|
72
|
+
* Ensure that the values do not exceed the range of max and min.
|
73
|
+
*/
|
74
|
+
protected normalizeValue(value: number): number;
|
50
75
|
protected _handleMousedownRoot(e: MouseEvent): void;
|
51
76
|
protected createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
|
52
77
|
protected createMousemoveListener(callback: (arg0: number) => void): (e: MouseEvent) => void;
|
@@ -54,7 +79,7 @@ declare class Range extends SuperInput {
|
|
54
79
|
reset(): void;
|
55
80
|
swap(): void;
|
56
81
|
sort(): void;
|
57
|
-
toSorted():
|
82
|
+
toSorted(): typeof this.value;
|
58
83
|
}
|
59
84
|
export default Range;
|
60
85
|
//# sourceMappingURL=range.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"AAUA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cA2FM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,KAAK,EAAE,WAAW,CAAC;IAGnB,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGlC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM;IAsChB,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM;IAiBpC,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM;IASzB,UAAU;IAKV,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa;IAW1B,eAAe,CAAC,KAAK,KAAA;IAOrB,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,UAAU;IAM3C,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,sBACD,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAahE,MAAM,CAAC,KAAK,EAAE,MAAM;IAIpB;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAOrC;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM;IAMtC,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAgB5C,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU;IAavB,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU;IASvB,SAAS,CAAC,cAAc;IAaxB,KAAK;IAIL,IAAI;IAOJ,IAAI;IAIJ,QAAQ,IAAI,OAAO,IAAI,CAAC,KAAK;CAO9B;AAED,eAAe,KAAK,CAAC"}
|