godown 3.4.0 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/godown+lit.iife.js +2 -2
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +2 -2
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +2 -2
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +5 -5
- package/build/godown.js +4 -4
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +5 -5
- package/build/godown.umd.js.map +1 -1
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -1
- package/components/avatar.js.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/card.js +1 -1
- package/components/card.js.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -1
- package/components/divider.js.map +1 -1
- package/components/range.d.ts +7 -6
- package/components/range.d.ts.map +1 -1
- package/components/range.js.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +5 -13
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -1
- package/components/switch.js.map +1 -1
- package/core/global-style.js +1 -1
- package/core/super-input.d.ts +2 -2
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -1
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +0 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +6 -18
- package/src/components/avatar.ts +2 -1
- package/src/components/button.ts +2 -3
- package/src/components/card.ts +4 -0
- package/src/components/details.ts +1 -1
- package/src/components/dialog.ts +4 -6
- package/src/components/divider.ts +2 -1
- package/src/components/range.ts +13 -11
- package/src/components/split.ts +2 -1
- package/src/components/switch.ts +43 -60
- package/src/core/global-style.ts +2 -2
- package/src/core/super-input.ts +13 -8
- package/src/core/super-openable.ts +0 -4
- package/tsconfig.json +33 -0
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
- package/dev/alert.d.ts +0 -9
- package/dev/alert.d.ts.map +0 -1
- package/dev/alert.js +0 -5
- package/dev/alert.js.map +0 -1
- package/dev/avatar.d.ts +0 -9
- package/dev/avatar.d.ts.map +0 -1
- package/dev/avatar.js +0 -5
- package/dev/avatar.js.map +0 -1
- package/dev/badge.d.ts +0 -9
- package/dev/badge.d.ts.map +0 -1
- package/dev/badge.js +0 -5
- package/dev/badge.js.map +0 -1
- package/dev/breath.d.ts +0 -9
- package/dev/breath.d.ts.map +0 -1
- package/dev/breath.js +0 -5
- package/dev/breath.js.map +0 -1
- package/dev/button.d.ts +0 -9
- package/dev/button.d.ts.map +0 -1
- package/dev/button.js +0 -5
- package/dev/button.js.map +0 -1
- package/dev/card.d.ts +0 -9
- package/dev/card.d.ts.map +0 -1
- package/dev/card.js +0 -5
- package/dev/card.js.map +0 -1
- package/dev/carousel.d.ts +0 -9
- package/dev/carousel.d.ts.map +0 -1
- package/dev/carousel.js +0 -5
- package/dev/carousel.js.map +0 -1
- package/dev/components/alert.d.ts +0 -55
- package/dev/components/alert.d.ts.map +0 -1
- package/dev/components/alert.js +0 -236
- package/dev/components/alert.js.map +0 -1
- package/dev/components/avatar.d.ts +0 -33
- package/dev/components/avatar.d.ts.map +0 -1
- package/dev/components/avatar.js +0 -118
- package/dev/components/avatar.js.map +0 -1
- package/dev/components/badge.d.ts +0 -31
- package/dev/components/badge.d.ts.map +0 -1
- package/dev/components/badge.js +0 -122
- package/dev/components/badge.js.map +0 -1
- package/dev/components/breath.d.ts +0 -36
- package/dev/components/breath.d.ts.map +0 -1
- package/dev/components/breath.js +0 -135
- package/dev/components/breath.js.map +0 -1
- package/dev/components/button.d.ts +0 -60
- package/dev/components/button.d.ts.map +0 -1
- package/dev/components/button.js +0 -288
- package/dev/components/button.js.map +0 -1
- package/dev/components/card.d.ts +0 -27
- package/dev/components/card.d.ts.map +0 -1
- package/dev/components/card.js +0 -83
- package/dev/components/card.js.map +0 -1
- package/dev/components/carousel.d.ts +0 -39
- package/dev/components/carousel.d.ts.map +0 -1
- package/dev/components/carousel.js +0 -184
- package/dev/components/carousel.js.map +0 -1
- package/dev/components/details.d.ts +0 -24
- package/dev/components/details.d.ts.map +0 -1
- package/dev/components/details.js +0 -124
- package/dev/components/details.js.map +0 -1
- package/dev/components/dialog.d.ts +0 -43
- package/dev/components/dialog.d.ts.map +0 -1
- package/dev/components/dialog.js +0 -154
- package/dev/components/dialog.js.map +0 -1
- package/dev/components/divider.d.ts +0 -17
- package/dev/components/divider.d.ts.map +0 -1
- package/dev/components/divider.js +0 -63
- package/dev/components/divider.js.map +0 -1
- package/dev/components/dragbox.d.ts +0 -42
- package/dev/components/dragbox.d.ts.map +0 -1
- package/dev/components/dragbox.js +0 -126
- package/dev/components/dragbox.js.map +0 -1
- package/dev/components/flex.d.ts +0 -34
- package/dev/components/flex.d.ts.map +0 -1
- package/dev/components/flex.js +0 -73
- package/dev/components/flex.js.map +0 -1
- package/dev/components/form.d.ts +0 -24
- package/dev/components/form.d.ts.map +0 -1
- package/dev/components/form.js +0 -76
- package/dev/components/form.js.map +0 -1
- package/dev/components/grid.d.ts +0 -38
- package/dev/components/grid.d.ts.map +0 -1
- package/dev/components/grid.js +0 -67
- package/dev/components/grid.js.map +0 -1
- package/dev/components/heading.d.ts +0 -31
- package/dev/components/heading.d.ts.map +0 -1
- package/dev/components/heading.js +0 -127
- package/dev/components/heading.js.map +0 -1
- package/dev/components/input.d.ts +0 -23
- package/dev/components/input.d.ts.map +0 -1
- package/dev/components/input.js +0 -99
- package/dev/components/input.js.map +0 -1
- package/dev/components/layout.d.ts +0 -28
- package/dev/components/layout.d.ts.map +0 -1
- package/dev/components/layout.js +0 -96
- package/dev/components/layout.js.map +0 -1
- package/dev/components/link.d.ts +0 -54
- package/dev/components/link.d.ts.map +0 -1
- package/dev/components/link.js +0 -110
- package/dev/components/link.js.map +0 -1
- package/dev/components/progress.d.ts +0 -16
- package/dev/components/progress.d.ts.map +0 -1
- package/dev/components/progress.js +0 -101
- package/dev/components/progress.js.map +0 -1
- package/dev/components/range.d.ts +0 -121
- package/dev/components/range.d.ts.map +0 -1
- package/dev/components/range.js +0 -391
- package/dev/components/range.js.map +0 -1
- package/dev/components/rotate.d.ts +0 -30
- package/dev/components/rotate.d.ts.map +0 -1
- package/dev/components/rotate.js +0 -93
- package/dev/components/rotate.js.map +0 -1
- package/dev/components/router.d.ts +0 -116
- package/dev/components/router.d.ts.map +0 -1
- package/dev/components/router.js +0 -240
- package/dev/components/router.js.map +0 -1
- package/dev/components/select.d.ts +0 -53
- package/dev/components/select.d.ts.map +0 -1
- package/dev/components/select.js +0 -269
- package/dev/components/select.js.map +0 -1
- package/dev/components/skeleton.d.ts +0 -28
- package/dev/components/skeleton.d.ts.map +0 -1
- package/dev/components/skeleton.js +0 -122
- package/dev/components/skeleton.js.map +0 -1
- package/dev/components/split.d.ts +0 -56
- package/dev/components/split.d.ts.map +0 -1
- package/dev/components/split.js +0 -219
- package/dev/components/split.js.map +0 -1
- package/dev/components/switch.d.ts +0 -40
- package/dev/components/switch.d.ts.map +0 -1
- package/dev/components/switch.js +0 -166
- package/dev/components/switch.js.map +0 -1
- package/dev/components/text.d.ts +0 -21
- package/dev/components/text.d.ts.map +0 -1
- package/dev/components/text.js +0 -96
- package/dev/components/text.js.map +0 -1
- package/dev/components/time.d.ts +0 -36
- package/dev/components/time.d.ts.map +0 -1
- package/dev/components/time.js +0 -75
- package/dev/components/time.js.map +0 -1
- package/dev/components/tooltip.d.ts +0 -51
- package/dev/components/tooltip.d.ts.map +0 -1
- package/dev/components/tooltip.js +0 -140
- package/dev/components/tooltip.js.map +0 -1
- package/dev/components/typewriter.d.ts +0 -49
- package/dev/components/typewriter.d.ts.map +0 -1
- package/dev/components/typewriter.js +0 -149
- package/dev/components/typewriter.js.map +0 -1
- package/dev/core/direction.d.ts +0 -27
- package/dev/core/direction.d.ts.map +0 -1
- package/dev/core/direction.js +0 -56
- package/dev/core/direction.js.map +0 -1
- package/dev/core/global-style.d.ts +0 -20
- package/dev/core/global-style.d.ts.map +0 -1
- package/dev/core/global-style.js +0 -82
- package/dev/core/global-style.js.map +0 -1
- package/dev/core/outline.d.ts +0 -20
- package/dev/core/outline.d.ts.map +0 -1
- package/dev/core/outline.js +0 -44
- package/dev/core/outline.js.map +0 -1
- package/dev/core/super-anchor.d.ts +0 -18
- package/dev/core/super-anchor.d.ts.map +0 -1
- package/dev/core/super-anchor.js +0 -60
- package/dev/core/super-anchor.js.map +0 -1
- package/dev/core/super-input.d.ts +0 -43
- package/dev/core/super-input.d.ts.map +0 -1
- package/dev/core/super-input.js +0 -197
- package/dev/core/super-input.js.map +0 -1
- package/dev/core/super-openable.d.ts +0 -16
- package/dev/core/super-openable.d.ts.map +0 -1
- package/dev/core/super-openable.js +0 -36
- package/dev/core/super-openable.js.map +0 -1
- package/dev/details.d.ts +0 -9
- package/dev/details.d.ts.map +0 -1
- package/dev/details.js +0 -5
- package/dev/details.js.map +0 -1
- package/dev/dialog.d.ts +0 -9
- package/dev/dialog.d.ts.map +0 -1
- package/dev/dialog.js +0 -5
- package/dev/dialog.js.map +0 -1
- package/dev/divider.d.ts +0 -9
- package/dev/divider.d.ts.map +0 -1
- package/dev/divider.js +0 -5
- package/dev/divider.js.map +0 -1
- package/dev/dragbox.d.ts +0 -9
- package/dev/dragbox.d.ts.map +0 -1
- package/dev/dragbox.js +0 -5
- package/dev/dragbox.js.map +0 -1
- package/dev/flex.d.ts +0 -9
- package/dev/flex.d.ts.map +0 -1
- package/dev/flex.js +0 -5
- package/dev/flex.js.map +0 -1
- package/dev/form.d.ts +0 -9
- package/dev/form.d.ts.map +0 -1
- package/dev/form.js +0 -5
- package/dev/form.js.map +0 -1
- package/dev/grid.d.ts +0 -9
- package/dev/grid.d.ts.map +0 -1
- package/dev/grid.js +0 -5
- package/dev/grid.js.map +0 -1
- package/dev/heading.d.ts +0 -9
- package/dev/heading.d.ts.map +0 -1
- package/dev/heading.js +0 -5
- package/dev/heading.js.map +0 -1
- package/dev/index.d.ts +0 -31
- package/dev/index.d.ts.map +0 -1
- package/dev/index.js +0 -31
- package/dev/index.js.map +0 -1
- package/dev/input.d.ts +0 -9
- package/dev/input.d.ts.map +0 -1
- package/dev/input.js +0 -5
- package/dev/input.js.map +0 -1
- package/dev/layout.d.ts +0 -9
- package/dev/layout.d.ts.map +0 -1
- package/dev/layout.js +0 -5
- package/dev/layout.js.map +0 -1
- package/dev/link.d.ts +0 -9
- package/dev/link.d.ts.map +0 -1
- package/dev/link.js +0 -5
- package/dev/link.js.map +0 -1
- package/dev/progress.d.ts +0 -9
- package/dev/progress.d.ts.map +0 -1
- package/dev/progress.js +0 -5
- package/dev/progress.js.map +0 -1
- package/dev/range.d.ts +0 -9
- package/dev/range.d.ts.map +0 -1
- package/dev/range.js +0 -5
- package/dev/range.js.map +0 -1
- package/dev/rotate.d.ts +0 -9
- package/dev/rotate.d.ts.map +0 -1
- package/dev/rotate.js +0 -5
- package/dev/rotate.js.map +0 -1
- package/dev/router.d.ts +0 -9
- package/dev/router.d.ts.map +0 -1
- package/dev/router.js +0 -5
- package/dev/router.js.map +0 -1
- package/dev/select.d.ts +0 -9
- package/dev/select.d.ts.map +0 -1
- package/dev/select.js +0 -5
- package/dev/select.js.map +0 -1
- package/dev/skeleton.d.ts +0 -9
- package/dev/skeleton.d.ts.map +0 -1
- package/dev/skeleton.js +0 -5
- package/dev/skeleton.js.map +0 -1
- package/dev/split.d.ts +0 -9
- package/dev/split.d.ts.map +0 -1
- package/dev/split.js +0 -5
- package/dev/split.js.map +0 -1
- package/dev/switch.d.ts +0 -9
- package/dev/switch.d.ts.map +0 -1
- package/dev/switch.js +0 -5
- package/dev/switch.js.map +0 -1
- package/dev/text.d.ts +0 -9
- package/dev/text.d.ts.map +0 -1
- package/dev/text.js +0 -5
- package/dev/text.js.map +0 -1
- package/dev/time.d.ts +0 -9
- package/dev/time.d.ts.map +0 -1
- package/dev/time.js +0 -5
- package/dev/time.js.map +0 -1
- package/dev/tooltip.d.ts +0 -9
- package/dev/tooltip.d.ts.map +0 -1
- package/dev/tooltip.js +0 -5
- package/dev/tooltip.js.map +0 -1
- package/dev/typewriter.d.ts +0 -9
- package/dev/typewriter.d.ts.map +0 -1
- package/dev/typewriter.js +0 -5
- package/dev/typewriter.js.map +0 -1
package/dev/button.d.ts
DELETED
package/dev/button.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAI5C,eAAe,MAAM,CAAC;AAEtB,cAAc,wBAAwB,CAAC;AAEvC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
|
package/dev/button.js
DELETED
package/dev/button.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,MAAM,CAAC,MAAM,EAAE,CAAC;AAEhB,eAAe,MAAM,CAAC;AAEtB,cAAc,wBAAwB,CAAC"}
|
package/dev/card.d.ts
DELETED
package/dev/card.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAIxC,eAAe,IAAI,CAAC;AAEpB,cAAc,sBAAsB,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
|
package/dev/card.js
DELETED
package/dev/card.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAExC,IAAI,CAAC,MAAM,EAAE,CAAC;AAEd,eAAe,IAAI,CAAC;AAEpB,cAAc,sBAAsB,CAAC"}
|
package/dev/carousel.d.ts
DELETED
package/dev/carousel.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAIhD,eAAe,QAAQ,CAAC;AAExB,cAAc,0BAA0B,CAAC;AAEzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}
|
package/dev/carousel.js
DELETED
package/dev/carousel.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../src/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAEhD,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC;AAExB,cAAc,0BAA0B,CAAC"}
|
@@ -1,55 +0,0 @@
|
|
1
|
-
import { type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode Alert} renders a alert.
|
5
|
-
*
|
6
|
-
* Color defaults to blue.
|
7
|
-
*
|
8
|
-
* @slot - Alert content.
|
9
|
-
* @slot title - Alert title.
|
10
|
-
* @slot icon - Alert icon.
|
11
|
-
* @fires close - Fires when the alert is closed.
|
12
|
-
* @category feedback
|
13
|
-
*/
|
14
|
-
declare class Alert extends GlobalStyle {
|
15
|
-
/**
|
16
|
-
* If it is a legal value, the icon and preset color will be rendered.
|
17
|
-
*/
|
18
|
-
call: "tip" | "success" | "info" | "warning" | "danger" | "error" | "help" | "deprecated";
|
19
|
-
/**
|
20
|
-
* The tone of the component.
|
21
|
-
* Overrides the color of the call.
|
22
|
-
*/
|
23
|
-
color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
|
24
|
-
/**
|
25
|
-
* Close delay, if 0, it will not be closed automatically.
|
26
|
-
*/
|
27
|
-
autoclose: number;
|
28
|
-
/**
|
29
|
-
* The title is bold and the icon height is the same as it.
|
30
|
-
*/
|
31
|
-
title: string;
|
32
|
-
/**
|
33
|
-
* Content, if zero value, will be rendered as an unnamed slot.
|
34
|
-
*/
|
35
|
-
content: string;
|
36
|
-
/**
|
37
|
-
* Set true to hide the close button.
|
38
|
-
*
|
39
|
-
* The behavior may change due to the {@linkcode variant} property.
|
40
|
-
*/
|
41
|
-
hideClose: boolean;
|
42
|
-
/**
|
43
|
-
* Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
|
44
|
-
*
|
45
|
-
* If variant is `"blockquote"`, hide the close button.
|
46
|
-
*/
|
47
|
-
variant: "blockquote" | "dark";
|
48
|
-
protected render(): TemplateResult<1>;
|
49
|
-
close(): void;
|
50
|
-
protected firstUpdated(): void;
|
51
|
-
static alert(root: HTMLElement, option: Partial<Alert>): Alert;
|
52
|
-
}
|
53
|
-
export default Alert;
|
54
|
-
export { Alert };
|
55
|
-
//# sourceMappingURL=alert.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAiElF;;;;;;;;;;GAUG;AACH,cA0DM,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,CAAU;IAExC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmCrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dev/components/alert.js
DELETED
@@ -1,236 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, constructCSSObject, godown, htmlSlot, htmlStyle, styles, toVar } from "@godown/element";
|
3
|
-
import iconCheckAltCircle from "@godown/f7-icon/icons/checkmark-alt-circle.js";
|
4
|
-
import iconExclamationCircle from "@godown/f7-icon/icons/exclamationmark-circle.js";
|
5
|
-
import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
|
6
|
-
import iconLightbulb from "@godown/f7-icon/icons/lightbulb.js";
|
7
|
-
import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
|
8
|
-
import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
|
9
|
-
import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
|
10
|
-
import iconXmark from "@godown/f7-icon/icons/xmark.js";
|
11
|
-
import { css, html } from "lit";
|
12
|
-
import { property } from "lit/decorators.js";
|
13
|
-
import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
|
14
|
-
const protoName = "alert";
|
15
|
-
const cssScope = scopePrefix(protoName);
|
16
|
-
const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
|
17
|
-
const genDark = (key) => {
|
18
|
-
return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
|
19
|
-
};
|
20
|
-
const darkStyles = constructCSSObject(vars, {
|
21
|
-
green: genDark("green"),
|
22
|
-
blue: genDark("blue"),
|
23
|
-
orange: genDark("orange"),
|
24
|
-
red: genDark("red"),
|
25
|
-
yellow: genDark("yellow"),
|
26
|
-
purple: genDark("purple"),
|
27
|
-
teal: genDark("teal"),
|
28
|
-
pink: genDark("pink"),
|
29
|
-
gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
|
30
|
-
white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
|
31
|
-
black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
|
32
|
-
}, () => ":host", (prop) => toVar(prop));
|
33
|
-
const calls = {
|
34
|
-
tip: {
|
35
|
-
color: "teal",
|
36
|
-
icon: iconLightbulb,
|
37
|
-
},
|
38
|
-
success: {
|
39
|
-
color: "green",
|
40
|
-
icon: iconCheckAltCircle,
|
41
|
-
},
|
42
|
-
info: {
|
43
|
-
color: "blue",
|
44
|
-
icon: iconInfoCircle,
|
45
|
-
},
|
46
|
-
warning: {
|
47
|
-
color: "orange",
|
48
|
-
icon: iconExclamationCircle,
|
49
|
-
},
|
50
|
-
danger: {
|
51
|
-
color: "red",
|
52
|
-
icon: iconXmarkCircle,
|
53
|
-
},
|
54
|
-
error: {
|
55
|
-
color: "red",
|
56
|
-
icon: iconXmarkCircle,
|
57
|
-
},
|
58
|
-
help: {
|
59
|
-
color: "purple",
|
60
|
-
icon: iconQuestionCircle,
|
61
|
-
},
|
62
|
-
deprecated: {
|
63
|
-
color: "gray",
|
64
|
-
icon: iconSlashCircle,
|
65
|
-
},
|
66
|
-
};
|
67
|
-
/**
|
68
|
-
* {@linkcode Alert} renders a alert.
|
69
|
-
*
|
70
|
-
* Color defaults to blue.
|
71
|
-
*
|
72
|
-
* @slot - Alert content.
|
73
|
-
* @slot title - Alert title.
|
74
|
-
* @slot icon - Alert icon.
|
75
|
-
* @fires close - Fires when the alert is closed.
|
76
|
-
* @category feedback
|
77
|
-
*/
|
78
|
-
let Alert = class Alert extends GlobalStyle {
|
79
|
-
constructor() {
|
80
|
-
super(...arguments);
|
81
|
-
/**
|
82
|
-
* The tone of the component.
|
83
|
-
* Overrides the color of the call.
|
84
|
-
*/
|
85
|
-
this.color = "blue";
|
86
|
-
/**
|
87
|
-
* Close delay, if 0, it will not be closed automatically.
|
88
|
-
*/
|
89
|
-
this.autoclose = 0;
|
90
|
-
/**
|
91
|
-
* Set true to hide the close button.
|
92
|
-
*
|
93
|
-
* The behavior may change due to the {@linkcode variant} property.
|
94
|
-
*/
|
95
|
-
this.hideClose = false;
|
96
|
-
/**
|
97
|
-
* Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
|
98
|
-
*
|
99
|
-
* If variant is `"blockquote"`, hide the close button.
|
100
|
-
*/
|
101
|
-
this.variant = "dark";
|
102
|
-
}
|
103
|
-
render() {
|
104
|
-
const color = calls[this.call]?.color || this.color;
|
105
|
-
const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
|
106
|
-
return html `
|
107
|
-
<div
|
108
|
-
part="root"
|
109
|
-
${attr(this.observedRecord)}
|
110
|
-
>
|
111
|
-
<div
|
112
|
-
part="icon"
|
113
|
-
class="start"
|
114
|
-
>
|
115
|
-
${icon}
|
116
|
-
</div>
|
117
|
-
<div part="content">
|
118
|
-
<strong part="title">${this.title || htmlSlot("title")}</strong>
|
119
|
-
${this.content || htmlSlot()}
|
120
|
-
</div>
|
121
|
-
${this.hideClose || this.variant === "blockquote"
|
122
|
-
? ""
|
123
|
-
: html `
|
124
|
-
<div
|
125
|
-
part="icon close"
|
126
|
-
class="end"
|
127
|
-
tabindex="0"
|
128
|
-
@click="${this.close}"
|
129
|
-
>
|
130
|
-
${iconXmark()}
|
131
|
-
</div>
|
132
|
-
`}
|
133
|
-
${htmlStyle(darkStyles[color])}
|
134
|
-
</div>
|
135
|
-
`;
|
136
|
-
}
|
137
|
-
close() {
|
138
|
-
this.remove();
|
139
|
-
this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
|
140
|
-
}
|
141
|
-
firstUpdated() {
|
142
|
-
if (this.autoclose) {
|
143
|
-
this.timeouts.add(setTimeout(() => this.close(), this.autoclose));
|
144
|
-
}
|
145
|
-
}
|
146
|
-
static alert(root, option) {
|
147
|
-
const ai = new this();
|
148
|
-
Object.assign(ai, option);
|
149
|
-
root.appendChild(ai);
|
150
|
-
return ai;
|
151
|
-
}
|
152
|
-
};
|
153
|
-
__decorate([
|
154
|
-
property()
|
155
|
-
], Alert.prototype, "call", void 0);
|
156
|
-
__decorate([
|
157
|
-
property()
|
158
|
-
], Alert.prototype, "color", void 0);
|
159
|
-
__decorate([
|
160
|
-
property({ type: Number })
|
161
|
-
], Alert.prototype, "autoclose", void 0);
|
162
|
-
__decorate([
|
163
|
-
property()
|
164
|
-
], Alert.prototype, "title", void 0);
|
165
|
-
__decorate([
|
166
|
-
property()
|
167
|
-
], Alert.prototype, "content", void 0);
|
168
|
-
__decorate([
|
169
|
-
property({ type: Boolean })
|
170
|
-
], Alert.prototype, "hideClose", void 0);
|
171
|
-
__decorate([
|
172
|
-
property()
|
173
|
-
], Alert.prototype, "variant", void 0);
|
174
|
-
Alert = __decorate([
|
175
|
-
godown(protoName),
|
176
|
-
styles(css `
|
177
|
-
:host,
|
178
|
-
:where(:host([contents]) [part="root"]) {
|
179
|
-
${cssScope}--border-radius: .2em;
|
180
|
-
${cssScope}--border-width: .075em;
|
181
|
-
${cssScope}--blockquote-width: .2em;
|
182
|
-
${cssScope}--blockquote-background: transparent;
|
183
|
-
${cssScope}--gap: .5em;
|
184
|
-
border-radius: var(${cssScope}--border-radius);
|
185
|
-
display: block;
|
186
|
-
width: 100%;
|
187
|
-
}
|
188
|
-
|
189
|
-
[part="root"] {
|
190
|
-
color: var(${cssScope}--color, currentColor);
|
191
|
-
display: grid;
|
192
|
-
align-items: center;
|
193
|
-
grid-template-columns: auto 1fr auto;
|
194
|
-
grid-template-rows: auto 1fr;
|
195
|
-
border-color: currentColor;
|
196
|
-
border-radius: inherit;
|
197
|
-
border-style: solid;
|
198
|
-
border-width: var(${cssScope}--border-width);
|
199
|
-
padding: var(${cssScope}--gap);
|
200
|
-
background: var(${cssScope}--background);
|
201
|
-
}
|
202
|
-
|
203
|
-
[variant="blockquote"] {
|
204
|
-
border-radius: 0;
|
205
|
-
border-width: 0;
|
206
|
-
border-left-width: var(${cssScope}--blockquote-width);
|
207
|
-
background: var(${cssScope}--blockquote-background);
|
208
|
-
}
|
209
|
-
|
210
|
-
[part~="icon"] {
|
211
|
-
display: grid;
|
212
|
-
align-items: center;
|
213
|
-
height: 2em;
|
214
|
-
}
|
215
|
-
|
216
|
-
.start svg {
|
217
|
-
margin-inline-end: var(${cssScope}--gap);
|
218
|
-
}
|
219
|
-
|
220
|
-
.end svg {
|
221
|
-
margin-inline-start: var(${cssScope}--gap);
|
222
|
-
}
|
223
|
-
|
224
|
-
svg {
|
225
|
-
width: 1.25em;
|
226
|
-
height: 1.25em;
|
227
|
-
}
|
228
|
-
|
229
|
-
[part="content"] {
|
230
|
-
grid-row: span 2 / span 2;
|
231
|
-
}
|
232
|
-
`)
|
233
|
-
], Alert);
|
234
|
-
export default Alert;
|
235
|
-
export { Alert };
|
236
|
-
//# sourceMappingURL=alert.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"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"}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import { type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode Avatar} renders a avatar.
|
5
|
-
*
|
6
|
-
* Renders as an image if it has a src property,
|
7
|
-
* otherwise falls back to name or nameless slot.
|
8
|
-
*
|
9
|
-
* @slot - Display content if no `src` or `name` provided.
|
10
|
-
* @category display
|
11
|
-
*/
|
12
|
-
declare class Avatar extends GlobalStyle {
|
13
|
-
/**
|
14
|
-
* The `src` property specifies the URL of the avatar image.
|
15
|
-
* If `src` is not provided, the component will display the `name` property instead.
|
16
|
-
*/
|
17
|
-
src: string | undefined | null;
|
18
|
-
/**
|
19
|
-
* Specifies the name or initials to display if no `src` is provided
|
20
|
-
*/
|
21
|
-
name: string;
|
22
|
-
/**
|
23
|
-
* If `true`, will make the avatar display as a circle.
|
24
|
-
*/
|
25
|
-
round: boolean;
|
26
|
-
protected render(): TemplateResult<1>;
|
27
|
-
protected _renderAvatar(): TemplateResult<1>;
|
28
|
-
formatName(): string;
|
29
|
-
protected _handleError(): void;
|
30
|
-
}
|
31
|
-
export default Avatar;
|
32
|
-
export { Avatar };
|
33
|
-
//# sourceMappingURL=avatar.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAyCM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAmB5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/dev/components/avatar.js
DELETED
@@ -1,118 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, godown, htmlSlot, omit, styles } from "@godown/element";
|
3
|
-
import { css, html } from "lit";
|
4
|
-
import { property } from "lit/decorators.js";
|
5
|
-
import { GlobalStyle, scopePrefix } from "../core/global-style.js";
|
6
|
-
const protoName = "avatar";
|
7
|
-
const cssScope = scopePrefix(protoName);
|
8
|
-
/**
|
9
|
-
* {@linkcode Avatar} renders a avatar.
|
10
|
-
*
|
11
|
-
* Renders as an image if it has a src property,
|
12
|
-
* otherwise falls back to name or nameless slot.
|
13
|
-
*
|
14
|
-
* @slot - Display content if no `src` or `name` provided.
|
15
|
-
* @category display
|
16
|
-
*/
|
17
|
-
let Avatar = class Avatar extends GlobalStyle {
|
18
|
-
constructor() {
|
19
|
-
super(...arguments);
|
20
|
-
/**
|
21
|
-
* Specifies the name or initials to display if no `src` is provided
|
22
|
-
*/
|
23
|
-
this.name = "";
|
24
|
-
/**
|
25
|
-
* If `true`, will make the avatar display as a circle.
|
26
|
-
*/
|
27
|
-
this.round = false;
|
28
|
-
}
|
29
|
-
render() {
|
30
|
-
return html `
|
31
|
-
<div
|
32
|
-
part="root"
|
33
|
-
${attr(omit(this.observedRecord, "src"))}
|
34
|
-
>
|
35
|
-
${this._renderAvatar()}
|
36
|
-
</div>
|
37
|
-
`;
|
38
|
-
}
|
39
|
-
_renderAvatar() {
|
40
|
-
if (this.src) {
|
41
|
-
return html `
|
42
|
-
<img
|
43
|
-
part="image"
|
44
|
-
src="${this.src}"
|
45
|
-
alt="${this.name}"
|
46
|
-
@error=${this._handleError}
|
47
|
-
/>
|
48
|
-
`;
|
49
|
-
}
|
50
|
-
if (this.name) {
|
51
|
-
return html `
|
52
|
-
<span part="name">${this.formatName()}</span>
|
53
|
-
`;
|
54
|
-
}
|
55
|
-
return htmlSlot();
|
56
|
-
}
|
57
|
-
formatName() {
|
58
|
-
return this.name;
|
59
|
-
}
|
60
|
-
_handleError() {
|
61
|
-
this.src = undefined;
|
62
|
-
}
|
63
|
-
};
|
64
|
-
__decorate([
|
65
|
-
property()
|
66
|
-
], Avatar.prototype, "src", void 0);
|
67
|
-
__decorate([
|
68
|
-
property()
|
69
|
-
], Avatar.prototype, "name", void 0);
|
70
|
-
__decorate([
|
71
|
-
property({ type: Boolean })
|
72
|
-
], Avatar.prototype, "round", void 0);
|
73
|
-
Avatar = __decorate([
|
74
|
-
godown(protoName),
|
75
|
-
styles(css `
|
76
|
-
:host {
|
77
|
-
${cssScope}--size: 2em;
|
78
|
-
width: var(${cssScope}--size);
|
79
|
-
height: var(${cssScope}--size);
|
80
|
-
vertical-align: bottom;
|
81
|
-
border-radius: 0.2em;
|
82
|
-
}
|
83
|
-
|
84
|
-
:host,
|
85
|
-
[part="root"] {
|
86
|
-
display: inline-flex;
|
87
|
-
}
|
88
|
-
|
89
|
-
:host([contents]) [part="root"] {
|
90
|
-
display: inline-flex;
|
91
|
-
width: inherit;
|
92
|
-
height: inherit;
|
93
|
-
}
|
94
|
-
|
95
|
-
:host([round]) {
|
96
|
-
border-radius: 50%;
|
97
|
-
}
|
98
|
-
|
99
|
-
[part="image"] {
|
100
|
-
width: 100%;
|
101
|
-
height: 100%;
|
102
|
-
object-fit: cover;
|
103
|
-
}
|
104
|
-
|
105
|
-
[part="root"] {
|
106
|
-
overflow: hidden;
|
107
|
-
position: relative;
|
108
|
-
border-radius: inherit;
|
109
|
-
width: 100%;
|
110
|
-
height: 100%;
|
111
|
-
align-items: center;
|
112
|
-
justify-content: center;
|
113
|
-
}
|
114
|
-
`)
|
115
|
-
], Avatar);
|
116
|
-
export default Avatar;
|
117
|
-
export { Avatar };
|
118
|
-
//# sourceMappingURL=avatar.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AA0CH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAQE;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;IAuChB,CAAC;IArCW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;;UAEtC,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA;;;iBAGA,IAAI,CAAC,GAAG;iBACR,IAAI,CAAC,IAAI;mBACP,IAAI,CAAC,YAAY;;OAE7B,CAAC;QACJ,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA;4BACW,IAAI,CAAC,UAAU,EAAE;OACtC,CAAC;QACJ,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACvB,CAAC;CACF,CAAA;AAnDC;IADC,QAAQ,EAAE;mCACoB;AAM/B;IADC,QAAQ,EAAE;oCACD;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAlBV,MAAM;IAzCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;iBACG,QAAQ;kBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCzB,CAAC;GACI,MAAM,CAyDX;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import { type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
import { DirectionCorner } from "../core/direction.js";
|
4
|
-
/**
|
5
|
-
* {@linkcode Badge} renders a badge.
|
6
|
-
*
|
7
|
-
* @slot - Badge content.
|
8
|
-
* @category display
|
9
|
-
*/
|
10
|
-
declare class Badge extends GlobalStyle {
|
11
|
-
/**
|
12
|
-
* The position of the badge relative to its parent element.
|
13
|
-
* Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
|
14
|
-
*/
|
15
|
-
position: DirectionCorner;
|
16
|
-
value: number;
|
17
|
-
/**
|
18
|
-
* If `true`, render a dot badge.
|
19
|
-
*/
|
20
|
-
dot: boolean;
|
21
|
-
/**
|
22
|
-
* The maximum value that can be displayed in the badge
|
23
|
-
* Values greater than this will be displayed as `max+` by default.
|
24
|
-
*/
|
25
|
-
max: number;
|
26
|
-
formatValue(value: number): string;
|
27
|
-
render(): TemplateResult<1>;
|
28
|
-
}
|
29
|
-
export default Badge;
|
30
|
-
export { Badge };
|
31
|
-
//# sourceMappingURL=badge.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;;;;;GAKG;AACH,cAsDM,KAAM,SAAQ,WAAW;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,eAAe,CAAe;IAGxC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAe5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|