godown 3.0.0-canary.5 → 3.0.0-canary.7
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 +4 -3
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +21 -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 +9 -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.d.ts +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +1 -1
- package/components/divider.js +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.d.ts +1 -1
- package/components/progress.js +1 -1
- package/components/progress.js.map +1 -1
- 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 +1 -1
- package/components/select.js +1 -1
- package/components/select.js.map +1 -1
- package/components/skeleton.js.map +1 -1
- package/components/split.js.map +1 -1
- package/components/switch.js.map +1 -1
- package/components/text.js.map +1 -1
- package/components/time.d.ts +0 -16
- package/components/time.d.ts.map +1 -1
- package/components/time.js +4 -57
- 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 +4 -3
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +23 -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 +9 -12
- package/dev/components/button.js.map +1 -1
- package/dev/components/carousel.d.ts +1 -1
- package/dev/components/details.d.ts +1 -1
- package/dev/components/details.js +1 -1
- package/dev/components/dialog.d.ts +1 -1
- package/dev/components/dialog.js +1 -1
- package/dev/components/divider.d.ts +1 -1
- package/dev/components/divider.js +1 -1
- package/dev/components/flex.d.ts +1 -1
- package/dev/components/grid.d.ts +1 -1
- package/dev/components/progress.d.ts +1 -1
- package/dev/components/progress.js +1 -1
- package/dev/components/select.d.ts +1 -1
- package/dev/components/select.js +1 -1
- package/dev/components/time.d.ts +0 -16
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +4 -57
- package/dev/components/time.js.map +1 -1
- package/package.json +5 -4
- 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.
|
@@ -16,8 +18,7 @@ declare class Alert extends GlobalStyle {
|
|
16
18
|
* The tone of the component.
|
17
19
|
* Overrides the color of the call.
|
18
20
|
*/
|
19
|
-
color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink";
|
20
|
-
defaultColor: string;
|
21
|
+
color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
|
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,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;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,11 @@ const calls = {
|
|
95
98
|
let Alert = class Alert extends GlobalStyle {
|
96
99
|
constructor() {
|
97
100
|
super(...arguments);
|
98
|
-
|
101
|
+
/**
|
102
|
+
* The tone of the component.
|
103
|
+
* Overrides the color of the call.
|
104
|
+
*/
|
105
|
+
this.color = "blue";
|
99
106
|
/**
|
100
107
|
* Close delay, if 0, it will not be closed automatically.
|
101
108
|
*/
|
@@ -114,16 +121,19 @@ let Alert = class Alert extends GlobalStyle {
|
|
114
121
|
this.variant = "dark";
|
115
122
|
}
|
116
123
|
render() {
|
117
|
-
const color =
|
124
|
+
const color = calls[this.call]?.color || this.color;
|
118
125
|
const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
|
119
|
-
return
|
126
|
+
return [
|
127
|
+
html `<div part="root" variant="${this.variant}">
|
120
128
|
<div part="icon">${icon}</div>
|
121
129
|
<div part="content">
|
122
130
|
<strong part="title">${this.title || htmlSlot("title")}</strong>
|
123
131
|
${this.content || htmlSlot()}
|
124
132
|
</div>
|
125
|
-
|
126
|
-
</div
|
133
|
+
${conditionIf(!this.hideClose && this.variant !== "blockquote", html `<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`)}
|
134
|
+
</div>`,
|
135
|
+
htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
|
136
|
+
];
|
127
137
|
}
|
128
138
|
close() {
|
129
139
|
this.remove();
|
@@ -157,16 +167,14 @@ __decorate([
|
|
157
167
|
property()
|
158
168
|
], Alert.prototype, "content", void 0);
|
159
169
|
__decorate([
|
160
|
-
property({
|
161
|
-
type: Boolean,
|
162
|
-
})
|
170
|
+
property({ type: Boolean })
|
163
171
|
], Alert.prototype, "hideClose", void 0);
|
164
172
|
__decorate([
|
165
173
|
property()
|
166
174
|
], Alert.prototype, "variant", void 0);
|
167
175
|
Alert = __decorate([
|
168
176
|
godown(protoName),
|
169
|
-
styles(
|
177
|
+
styles(css `
|
170
178
|
:host {
|
171
179
|
border-radius: var(${cssScope}--border-radius);
|
172
180
|
${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() {
|
@@ -136,7 +134,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
136
134
|
return this.color;
|
137
135
|
}
|
138
136
|
};
|
139
|
-
Button.colors = colors;
|
140
137
|
__decorate([
|
141
138
|
property({ type: Boolean, reflect: true })
|
142
139
|
], Button.prototype, "disabled", void 0);
|
@@ -161,7 +158,7 @@ __decorate([
|
|
161
158
|
__decorate([
|
162
159
|
part("root")
|
163
160
|
], Button.prototype, "_root", void 0);
|
164
|
-
Button =
|
161
|
+
Button = __decorate([
|
165
162
|
godown(protoName),
|
166
163
|
styles(css `
|
167
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;
|
@@ -10,7 +10,7 @@ import SuperOpenable from "../core/super-openable.js";
|
|
10
10
|
const protoName = "details";
|
11
11
|
const cssScope = scopePrefix(protoName);
|
12
12
|
/**
|
13
|
-
* {@linkcode Details} similar to
|
13
|
+
* {@linkcode Details} similar to `<details>`.
|
14
14
|
*
|
15
15
|
* @category display
|
16
16
|
*/
|
@@ -2,7 +2,7 @@ import { type HandlerEvent } from "@godown/element";
|
|
2
2
|
import { type PropertyValues } from "lit";
|
3
3
|
import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
|
4
4
|
/**
|
5
|
-
* {@linkcode Dialog} similar to
|
5
|
+
* {@linkcode Dialog} similar to `<dialog>`.
|
6
6
|
*
|
7
7
|
* Like dialog, it listens for submit events and closes itself when the target method is "dialog".
|
8
8
|
*
|
package/dev/components/dialog.js
CHANGED
@@ -9,7 +9,7 @@ import SuperOpenable from "../core/super-openable.js";
|
|
9
9
|
const protoName = "dialog";
|
10
10
|
const cssScope = scopePrefix(protoName);
|
11
11
|
/**
|
12
|
-
* {@linkcode Dialog} similar to
|
12
|
+
* {@linkcode Dialog} similar to `<dialog>`.
|
13
13
|
*
|
14
14
|
* Like dialog, it listens for submit events and closes itself when the target method is "dialog".
|
15
15
|
*
|
@@ -5,7 +5,7 @@ import { property } from "lit/decorators.js";
|
|
5
5
|
import { GlobalStyle } from "../core/global-style.js";
|
6
6
|
const protoName = "divider";
|
7
7
|
/**
|
8
|
-
* {@linkcode Divider} similar to
|
8
|
+
* {@linkcode Divider} similar to `<hr>`.
|
9
9
|
*
|
10
10
|
* This component does not render content.
|
11
11
|
*
|
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
|
@@ -6,7 +6,7 @@ import { property } from "lit/decorators.js";
|
|
6
6
|
import { cssGlobalVars, GlobalStyle } from "../core/global-style.js";
|
7
7
|
const protoName = "progress";
|
8
8
|
/**
|
9
|
-
* {@linkcode Progress} similar to
|
9
|
+
* {@linkcode Progress} similar to `<progress>`.
|
10
10
|
*
|
11
11
|
* @category feedback
|
12
12
|
*/
|
package/dev/components/select.js
CHANGED
@@ -29,7 +29,7 @@ function updateChecked(element, operation) {
|
|
29
29
|
}
|
30
30
|
const protoName = "select";
|
31
31
|
/**
|
32
|
-
* {@linkcode Select} is similar to
|
32
|
+
* {@linkcode Select} is similar to `<select>`.
|
33
33
|
*
|
34
34
|
* Elements with the value attribute/property can be used as options.
|
35
35
|
*
|
package/dev/components/time.d.ts
CHANGED
@@ -12,7 +12,6 @@ declare class Time extends GlobalStyle {
|
|
12
12
|
escape: string;
|
13
13
|
/**
|
14
14
|
* Format strings.
|
15
|
-
* {@linkcode Time.fmt}
|
16
15
|
*/
|
17
16
|
format: string;
|
18
17
|
/**
|
@@ -33,21 +32,6 @@ declare class Time extends GlobalStyle {
|
|
33
32
|
protected updated(changedProperties: PropertyValues): void;
|
34
33
|
disconnectedCallback(): void;
|
35
34
|
startTimeout(): number;
|
36
|
-
/**
|
37
|
-
* Y for year\
|
38
|
-
* M for month\
|
39
|
-
* D for day\
|
40
|
-
* h for hour\
|
41
|
-
* m for minute\
|
42
|
-
* s for second\
|
43
|
-
* S for milli second\
|
44
|
-
* Z for time zone.
|
45
|
-
*
|
46
|
-
* @param fm Format string.
|
47
|
-
* @param tm Time.
|
48
|
-
* @returns Format result
|
49
|
-
*/
|
50
|
-
static fmt(fm: string, tm: Date, em: string): string;
|
51
35
|
}
|
52
36
|
export default Time;
|
53
37
|
//# sourceMappingURL=time.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IACb;;OAEG;IAEH,MAAM,SAA8B;IACpC;;OAEG;IAEH,IAAI,OAAc;IAClB;;OAEG;IAEH,OAAO,SAAK;IACZ;;OAEG;IAEH,GAAG,SAAK;IAER,SAAS,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;CAKb;AAED,eAAe,IAAI,CAAC"}
|
package/dev/components/time.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
var Time_1;
|
2
1
|
import { __decorate } from "tslib";
|
3
2
|
import { godown } from "@godown/element/decorators/godown.js";
|
4
3
|
import { styles } from "@godown/element/decorators/styles.js";
|
4
|
+
import fmtime from "fmtime";
|
5
5
|
import { css } from "lit";
|
6
6
|
import { property } from "lit/decorators.js";
|
7
7
|
import { GlobalStyle } from "../core/global-style.js";
|
@@ -11,7 +11,7 @@ const protoName = "time";
|
|
11
11
|
*
|
12
12
|
* @category display
|
13
13
|
*/
|
14
|
-
let Time =
|
14
|
+
let Time = class Time extends GlobalStyle {
|
15
15
|
constructor() {
|
16
16
|
super(...arguments);
|
17
17
|
/**
|
@@ -20,7 +20,6 @@ let Time = Time_1 = class Time extends GlobalStyle {
|
|
20
20
|
this.escape = "%";
|
21
21
|
/**
|
22
22
|
* Format strings.
|
23
|
-
* {@linkcode Time.fmt}
|
24
23
|
*/
|
25
24
|
this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
|
26
25
|
/**
|
@@ -37,7 +36,7 @@ let Time = Time_1 = class Time extends GlobalStyle {
|
|
37
36
|
this.gap = 0;
|
38
37
|
}
|
39
38
|
render() {
|
40
|
-
return
|
39
|
+
return fmtime(this.format, this.time, this.escape);
|
41
40
|
}
|
42
41
|
firstUpdated() {
|
43
42
|
if (this.timeout) {
|
@@ -60,58 +59,6 @@ let Time = Time_1 = class Time extends GlobalStyle {
|
|
60
59
|
this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
|
61
60
|
}, Math.abs(this.timeout));
|
62
61
|
}
|
63
|
-
/**
|
64
|
-
* Y for year\
|
65
|
-
* M for month\
|
66
|
-
* D for day\
|
67
|
-
* h for hour\
|
68
|
-
* m for minute\
|
69
|
-
* s for second\
|
70
|
-
* S for milli second\
|
71
|
-
* Z for time zone.
|
72
|
-
*
|
73
|
-
* @param fm Format string.
|
74
|
-
* @param tm Time.
|
75
|
-
* @returns Format result
|
76
|
-
*/
|
77
|
-
static fmt(fm, tm, em) {
|
78
|
-
if (!fm) {
|
79
|
-
return fm;
|
80
|
-
}
|
81
|
-
tm = typeof tm === "string" ? new Date(tm) : tm;
|
82
|
-
if (isNaN(tm.getTime())) {
|
83
|
-
return fm;
|
84
|
-
}
|
85
|
-
const rest = [];
|
86
|
-
const replaced = `${em}${em}`;
|
87
|
-
fm = fm.replace(new RegExp(`${em}([ZYMDhmsS${em}])`, "g"), (_, p1) => {
|
88
|
-
rest.push(p1);
|
89
|
-
return replaced;
|
90
|
-
});
|
91
|
-
function formatNumber(n, max = 2) {
|
92
|
-
return n.toString().padStart(max, "0").split("");
|
93
|
-
}
|
94
|
-
const z = tm.getTimezoneOffset() / -60;
|
95
|
-
const switcher = {
|
96
|
-
Z: [z >= 0 ? "+" + z.toString() : z.toString()],
|
97
|
-
Y: tm.getFullYear().toString().split(""),
|
98
|
-
M: formatNumber(tm.getMonth() + 1),
|
99
|
-
D: formatNumber(tm.getDate()),
|
100
|
-
h: formatNumber(tm.getHours()),
|
101
|
-
m: formatNumber(tm.getMinutes()),
|
102
|
-
s: formatNumber(tm.getSeconds()),
|
103
|
-
S: formatNumber(tm.getMilliseconds(), 3),
|
104
|
-
};
|
105
|
-
const result = [];
|
106
|
-
for (const f of fm.split("").reverse()) {
|
107
|
-
const s = switcher[f]?.pop();
|
108
|
-
result.push(s ? s : f);
|
109
|
-
}
|
110
|
-
return result
|
111
|
-
.reverse()
|
112
|
-
.join("")
|
113
|
-
.replace(new RegExp(replaced, "g"), () => rest.shift());
|
114
|
-
}
|
115
62
|
};
|
116
63
|
__decorate([
|
117
64
|
property()
|
@@ -128,7 +75,7 @@ __decorate([
|
|
128
75
|
__decorate([
|
129
76
|
property({ type: Number })
|
130
77
|
], Time.prototype, "gap", void 0);
|
131
|
-
Time =
|
78
|
+
Time = __decorate([
|
132
79
|
godown(protoName),
|
133
80
|
styles(css `:host{text-align: center;}`)
|
134
81
|
], Time);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAuB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;GAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QACb;;WAEG;QAEH,WAAM,GAAG,0BAA0B,CAAC;QACpC;;WAEG;QAEH,SAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAClB;;WAEG;QAEH,YAAO,GAAG,CAAC,CAAC;QACZ;;WAEG;QAEH,QAAG,GAAG,CAAC,CAAC;IAgCV,CAAC;IA5BW,MAAM;QACd,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACvC,CAAC;IACH,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,YAAY;QACV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,CAAC;CACF,CAAA;AApDC;IADC,QAAQ,EAAE;oCACE;AAKb;IADC,QAAQ,EAAE;oCACyB;AAKpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACT;AAKlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACf;AAKZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCACnB;AAzBJ,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC;GAClC,IAAI,CAyDT;AAED,eAAe,IAAI,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "godown",
|
3
|
-
"version": "3.0.0-canary.
|
3
|
+
"version": "3.0.0-canary.7",
|
4
4
|
"description": "Simple, stylized, semantic web components",
|
5
5
|
"type": "module",
|
6
6
|
"main": "index.js",
|
@@ -18,17 +18,18 @@
|
|
18
18
|
"repository": {
|
19
19
|
"type": "git",
|
20
20
|
"url": "https://github.com/startracex/godown.git",
|
21
|
-
"directory": "packages/
|
21
|
+
"directory": "packages/godown"
|
22
22
|
},
|
23
23
|
"keywords": [],
|
24
24
|
"author": "startracex",
|
25
25
|
"license": "MIT",
|
26
26
|
"dependencies": {
|
27
|
+
"fmtime": "^0.0.3",
|
27
28
|
"lit": "^3.0.0",
|
28
29
|
"tslib": "^2.7.0",
|
29
30
|
"@godown/colors": "^0.0.0",
|
30
|
-
"@godown/f7-icon": "^0.0.
|
31
|
-
"@godown/element": "^0.0.
|
31
|
+
"@godown/f7-icon": "^0.0.2",
|
32
|
+
"@godown/element": "^0.0.2"
|
32
33
|
},
|
33
34
|
"publishConfig": {
|
34
35
|
"access": "public"
|