godown 3.0.0-canary.1 → 3.0.0-canary.10
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/README.md +37 -8
- package/components/alert.d.ts +5 -3
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +24 -14
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +5 -1
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +7 -3
- package/components/avatar.js.map +1 -1
- package/components/breath.d.ts +2 -1
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +5 -4
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +16 -9
- package/components/button.d.ts.map +1 -1
- package/components/button.js +22 -20
- package/components/button.js.map +1 -1
- package/components/card.d.ts +1 -2
- package/components/card.d.ts.map +1 -1
- package/components/card.js +5 -11
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +6 -5
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +3 -2
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +5 -2
- package/components/details.d.ts.map +1 -1
- package/components/details.js +5 -2
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +8 -4
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +17 -12
- 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.d.ts +7 -7
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -1
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +2 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +8 -0
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +0 -2
- package/components/form.d.ts.map +1 -1
- package/components/form.js +0 -2
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +8 -3
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -0
- package/components/grid.js.map +1 -1
- package/components/input.d.ts +2 -3
- package/components/input.d.ts.map +1 -1
- package/components/input.js +3 -6
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +3 -6
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +21 -10
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +3 -1
- package/components/link.d.ts.map +1 -1
- package/components/link.js +3 -1
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +2 -11
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +6 -15
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +43 -17
- package/components/range.d.ts.map +1 -1
- package/components/range.js +132 -58
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +1 -1
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -1
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +6 -8
- package/components/router.d.ts.map +1 -1
- package/components/router.js +10 -10
- package/components/router.js.map +1 -1
- package/components/select.d.ts +4 -8
- package/components/select.d.ts.map +1 -1
- package/components/select.js +42 -41
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +3 -4
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +18 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +52 -19
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +4 -4
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +6 -6
- package/components/switch.js.map +1 -1
- package/components/text.js +3 -3
- package/components/text.js.map +1 -1
- package/components/time.d.ts +4 -20
- package/components/time.d.ts.map +1 -1
- package/components/time.js +5 -66
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +11 -1
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +23 -5
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +2 -2
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +2 -2
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +8 -1
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.js +1 -1
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +2 -3
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +3 -6
- 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 +5 -3
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +35 -24
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +5 -1
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +7 -6
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/breath.d.ts +2 -1
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +3 -1
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +16 -9
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +29 -25
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +1 -2
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +21 -29
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +6 -5
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +9 -7
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +5 -2
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +4 -1
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +8 -4
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +23 -18
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +1 -1
- package/dev/components/divider.js +1 -1
- package/dev/components/dragbox.d.ts +7 -7
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +2 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +8 -0
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +0 -2
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +0 -2
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +8 -3
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +1 -0
- package/dev/components/grid.js.map +1 -1
- package/dev/components/input.d.ts +2 -3
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +1 -20
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +3 -6
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +23 -10
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +3 -1
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +3 -1
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +2 -11
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +7 -16
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +43 -17
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +157 -99
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +1 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +1 -1
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +6 -8
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +10 -10
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +4 -8
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +46 -44
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +2 -3
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +18 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +55 -22
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +4 -4
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +12 -13
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.js +3 -3
- package/dev/components/time.d.ts +4 -20
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +5 -66
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +11 -1
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +39 -16
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +2 -2
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +0 -1
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +8 -9
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-input.d.ts +2 -3
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +21 -20
- package/dev/core/super-input.js.map +1 -1
- package/dev/range.d.ts +1 -1
- package/dev/range.d.ts.map +1 -1
- package/index.js +13 -13
- package/package.json +9 -7
- package/range.d.ts +1 -1
- package/range.d.ts.map +1 -1
- package/src/alert.ts +11 -0
- package/src/avatar.ts +11 -0
- package/src/breath.ts +13 -0
- package/src/button.ts +11 -0
- package/src/card.ts +11 -0
- package/src/carousel.ts +11 -0
- package/src/components/alert.ts +282 -0
- package/src/components/avatar.ts +95 -0
- package/src/components/breath.ts +153 -0
- package/src/components/button.ts +286 -0
- package/src/components/card.ts +80 -0
- package/src/components/carousel.ts +169 -0
- package/src/components/details.ts +116 -0
- package/src/components/dialog.ts +165 -0
- package/src/components/divider.ts +44 -0
- package/src/components/dragbox.ts +127 -0
- package/src/components/flex.ts +70 -0
- package/src/components/form.ts +82 -0
- package/src/components/grid.ts +75 -0
- package/src/components/input.ts +72 -0
- package/src/components/layout.ts +82 -0
- package/src/components/link.ts +38 -0
- package/src/components/progress.ts +95 -0
- package/src/components/range.ts +404 -0
- package/src/components/rotate.ts +92 -0
- package/src/components/router.ts +273 -0
- package/src/components/select.ts +268 -0
- package/src/components/skeleton.ts +118 -0
- package/src/components/split.ts +221 -0
- package/src/components/switch.ts +180 -0
- package/src/components/text.ts +95 -0
- package/src/components/time.ts +81 -0
- package/src/components/tooltip.ts +138 -0
- package/src/components/typewriter.ts +154 -0
- package/src/core/global-style.ts +86 -0
- package/src/core/super-anchor.ts +52 -0
- package/src/core/super-input.ts +230 -0
- package/src/core/super-openable.ts +51 -0
- package/src/details.ts +11 -0
- package/src/dialog.ts +11 -0
- package/src/divider.ts +11 -0
- package/src/dragbox.ts +11 -0
- package/src/flex.ts +11 -0
- package/src/form.ts +11 -0
- package/src/grid.ts +11 -0
- package/src/index.ts +28 -0
- package/src/input.ts +13 -0
- package/src/layout.ts +12 -0
- package/src/link.ts +13 -0
- package/src/progress.ts +12 -0
- package/src/range.ts +13 -0
- package/src/rotate.ts +13 -0
- package/src/router.ts +12 -0
- package/src/select.ts +13 -0
- package/src/skeleton.ts +13 -0
- package/src/split.ts +13 -0
- package/src/switch.ts +13 -0
- package/src/text.ts +13 -0
- package/src/time.ts +13 -0
- package/src/tooltip.ts +13 -0
- package/src/typewriter.ts +11 -0
- 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,7 +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";
|
21
|
+
color: "white" | "black" | "gray" | "green" | "teal" | "blue" | "red" | "purple" | "orange" | "yellow" | "pink" | "none";
|
20
22
|
/**
|
21
23
|
* Close delay, if 0, it will not be closed automatically.
|
22
24
|
*/
|
@@ -32,7 +34,7 @@ declare class Alert extends GlobalStyle {
|
|
32
34
|
/**
|
33
35
|
* Set true to hide the close button.
|
34
36
|
*
|
35
|
-
* The behavior may change due to the {@linkcode variant} property
|
37
|
+
* The behavior may change due to the {@linkcode variant} property.
|
36
38
|
*/
|
37
39
|
hideClose: boolean;
|
38
40
|
/**
|
@@ -41,7 +43,7 @@ declare class Alert extends GlobalStyle {
|
|
41
43
|
* If variant is `"blockquote"`, hide the close button.
|
42
44
|
*/
|
43
45
|
variant: "blockquote" | "dark" | "light";
|
44
|
-
protected render(): import("lit").TemplateResult<1
|
46
|
+
protected render(): (symbol | import("lit").TemplateResult<1>)[];
|
45
47
|
close(): void;
|
46
48
|
protected firstUpdated(): void;
|
47
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":"AAgBA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"AAgBA,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;IAoBhB,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
@@ -1,9 +1,9 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
2
|
import { godown } from "@godown/element/decorators/godown.js";
|
3
3
|
import { styles } from "@godown/element/decorators/styles.js";
|
4
|
-
import { conditionIf } from "@godown/element/directives/condition-if.js";
|
5
4
|
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
6
|
-
import {
|
5
|
+
import { htmlStyle } from "@godown/element/directives/html-style.js";
|
6
|
+
import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
|
7
7
|
import iconCheckAltCircle from "@godown/f7-icon/icons/checkmark-alt-circle.js";
|
8
8
|
import iconExclamationCircle from "@godown/f7-icon/icons/exclamationmark-circle.js";
|
9
9
|
import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
|
@@ -12,7 +12,7 @@ import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
|
|
12
12
|
import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
|
13
13
|
import iconXmark from "@godown/f7-icon/icons/xmark.js";
|
14
14
|
import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
|
15
|
-
import { css, html
|
15
|
+
import { css, html } from "lit";
|
16
16
|
import { property } from "lit/decorators.js";
|
17
17
|
import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
|
18
18
|
const protoName = "alert";
|
@@ -21,7 +21,7 @@ const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
|
|
21
21
|
const genDark = (key) => {
|
22
22
|
return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
|
23
23
|
};
|
24
|
-
const darkStyles =
|
24
|
+
const darkStyles = constructCSSObject(vars, {
|
25
25
|
green: genDark("green"),
|
26
26
|
blue: genDark("blue"),
|
27
27
|
orange: genDark("orange"),
|
@@ -33,11 +33,11 @@ const darkStyles = constructCSS(vars, {
|
|
33
33
|
gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
|
34
34
|
white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
|
35
35
|
black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
|
36
|
-
}, (
|
36
|
+
}, () => `:host`, (prop) => toVar(prop));
|
37
37
|
const genLight = (key) => {
|
38
38
|
return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
|
39
39
|
};
|
40
|
-
const lightStyles =
|
40
|
+
const lightStyles = constructCSSObject(vars, {
|
41
41
|
green: genLight("green"),
|
42
42
|
blue: genLight("blue"),
|
43
43
|
orange: genLight("orange"),
|
@@ -49,7 +49,7 @@ const lightStyles = constructCSS(vars, {
|
|
49
49
|
gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
|
50
50
|
white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
|
51
51
|
black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
|
52
|
-
}, (
|
52
|
+
}, () => `:host`, (prop) => toVar(prop));
|
53
53
|
const calls = {
|
54
54
|
tip: {
|
55
55
|
color: "teal",
|
@@ -87,6 +87,8 @@ const calls = {
|
|
87
87
|
/**
|
88
88
|
* {@linkcode Alert} renders a alert.
|
89
89
|
*
|
90
|
+
* Color defaults to blue.
|
91
|
+
*
|
90
92
|
* @slot - Alert content.
|
91
93
|
* @slot title - Alert title.
|
92
94
|
* @slot icon - Alert icon.
|
@@ -95,6 +97,11 @@ const calls = {
|
|
95
97
|
let Alert = class Alert extends GlobalStyle {
|
96
98
|
constructor() {
|
97
99
|
super(...arguments);
|
100
|
+
/**
|
101
|
+
* The tone of the component.
|
102
|
+
* Overrides the color of the call.
|
103
|
+
*/
|
104
|
+
this.color = "blue";
|
98
105
|
/**
|
99
106
|
* Close delay, if 0, it will not be closed automatically.
|
100
107
|
*/
|
@@ -102,7 +109,7 @@ let Alert = class Alert extends GlobalStyle {
|
|
102
109
|
/**
|
103
110
|
* Set true to hide the close button.
|
104
111
|
*
|
105
|
-
* The behavior may change due to the {@linkcode variant} property
|
112
|
+
* The behavior may change due to the {@linkcode variant} property.
|
106
113
|
*/
|
107
114
|
this.hideClose = false;
|
108
115
|
/**
|
@@ -113,16 +120,21 @@ let Alert = class Alert extends GlobalStyle {
|
|
113
120
|
this.variant = "dark";
|
114
121
|
}
|
115
122
|
render() {
|
116
|
-
const color =
|
123
|
+
const color = calls[this.call]?.color || this.color;
|
117
124
|
const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
|
118
|
-
return
|
125
|
+
return [
|
126
|
+
html `<div part="root" variant="${this.variant}">
|
119
127
|
<div part="icon">${icon}</div>
|
120
128
|
<div part="content">
|
121
129
|
<strong part="title">${this.title || htmlSlot("title")}</strong>
|
122
130
|
${this.content || htmlSlot()}
|
123
131
|
</div>
|
124
|
-
|
125
|
-
|
132
|
+
${!this.hideClose && this.variant !== "blockquote"
|
133
|
+
? html `<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`
|
134
|
+
: ""}
|
135
|
+
</div>`,
|
136
|
+
htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
|
137
|
+
];
|
126
138
|
}
|
127
139
|
close() {
|
128
140
|
this.remove();
|
@@ -156,16 +168,14 @@ __decorate([
|
|
156
168
|
property()
|
157
169
|
], Alert.prototype, "content", void 0);
|
158
170
|
__decorate([
|
159
|
-
property({
|
160
|
-
type: Boolean,
|
161
|
-
})
|
171
|
+
property({ type: Boolean })
|
162
172
|
], Alert.prototype, "hideClose", void 0);
|
163
173
|
__decorate([
|
164
174
|
property()
|
165
175
|
], Alert.prototype, "variant", void 0);
|
166
176
|
Alert = __decorate([
|
167
177
|
godown(protoName),
|
168
|
-
styles(
|
178
|
+
styles(css `
|
169
179
|
:host {
|
170
180
|
border-radius: var(${cssScope}--border-radius);
|
171
181
|
${cssScope}--border-radius: .25em;
|
@@ -176,9 +186,10 @@ Alert = __decorate([
|
|
176
186
|
width: 100%;
|
177
187
|
}
|
178
188
|
|
179
|
-
[part=
|
189
|
+
[part=root] {
|
180
190
|
--color: var(${cssScope}--color);
|
181
191
|
color: var(--color);
|
192
|
+
width: 100%;
|
182
193
|
transition: 0.25s;
|
183
194
|
display: flex;
|
184
195
|
justify-content: space-between;
|
@@ -188,7 +199,7 @@ Alert = __decorate([
|
|
188
199
|
background: var(${cssScope}--background);
|
189
200
|
}
|
190
201
|
|
191
|
-
[variant=
|
202
|
+
[variant=blockquote] {
|
192
203
|
border-radius: 0;
|
193
204
|
border-left: var(${cssScope}--blockquote-width) solid var(--color);
|
194
205
|
border-bottom: none;
|
@@ -197,34 +208,34 @@ Alert = __decorate([
|
|
197
208
|
background: transparent;
|
198
209
|
}
|
199
210
|
|
200
|
-
[part=
|
211
|
+
[part=content]{
|
201
212
|
color: var(--color);
|
202
213
|
}
|
203
214
|
|
204
|
-
[part=
|
215
|
+
[part=root] {
|
205
216
|
display: grid;
|
206
217
|
align-items: center;
|
207
218
|
grid-template-columns: auto 1fr auto;
|
208
219
|
grid-template-rows: auto 1fr;
|
209
220
|
}
|
210
221
|
|
211
|
-
[part=
|
222
|
+
[part=title] {
|
212
223
|
line-height: 2em;
|
213
224
|
}
|
214
225
|
|
215
|
-
[part=
|
226
|
+
[part=icon] {
|
216
227
|
display: inline-grid;
|
217
228
|
align-items: center;
|
218
229
|
height: 2em;
|
219
230
|
}
|
220
231
|
|
221
|
-
[part=
|
232
|
+
[part=icon] svg {
|
222
233
|
margin-right: .5em;
|
223
234
|
width: 1.25em;
|
224
235
|
height: 1.25em;
|
225
236
|
}
|
226
237
|
|
227
|
-
[part=
|
238
|
+
[part=content] {
|
228
239
|
grid-row: span 2 / span 2;
|
229
240
|
line-height: 1.5em;
|
230
241
|
}
|
@@ -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,
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.ts"],"names":[],"mappings":"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"}
|
@@ -5,6 +5,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
5
5
|
* Renders as an image if it has a src property,
|
6
6
|
* otherwise falls back to name or nameless slot.
|
7
7
|
*
|
8
|
+
* @slot - Display content if no `src` or `name` provided.
|
8
9
|
* @category display
|
9
10
|
*/
|
10
11
|
declare class Avatar extends GlobalStyle {
|
@@ -13,9 +14,12 @@ declare class Avatar extends GlobalStyle {
|
|
13
14
|
*/
|
14
15
|
src: string | undefined | null;
|
15
16
|
/**
|
16
|
-
* If the image is not available,
|
17
|
+
* If the image is not available, display name (call {@linkcode Avatar.format}).
|
17
18
|
*/
|
18
19
|
name: string;
|
20
|
+
/**
|
21
|
+
* Display rounded.
|
22
|
+
*/
|
19
23
|
round: boolean;
|
20
24
|
protected render(): import("lit").TemplateResult<1>;
|
21
25
|
private _renderAvatar;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAiCM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,aAAa;IAUrB,MAAM;IAIN,YAAY;CAGb;AAED,eAAe,MAAM,CAAC"}
|
package/dev/components/avatar.js
CHANGED
@@ -12,15 +12,19 @@ const cssScope = scopePrefix(protoName);
|
|
12
12
|
* Renders as an image if it has a src property,
|
13
13
|
* otherwise falls back to name or nameless slot.
|
14
14
|
*
|
15
|
+
* @slot - Display content if no `src` or `name` provided.
|
15
16
|
* @category display
|
16
17
|
*/
|
17
18
|
let Avatar = class Avatar extends GlobalStyle {
|
18
19
|
constructor() {
|
19
20
|
super(...arguments);
|
20
21
|
/**
|
21
|
-
* If the image is not available,
|
22
|
+
* If the image is not available, display name (call {@linkcode Avatar.format}).
|
22
23
|
*/
|
23
24
|
this.name = "";
|
25
|
+
/**
|
26
|
+
* Display rounded.
|
27
|
+
*/
|
24
28
|
this.round = false;
|
25
29
|
}
|
26
30
|
render() {
|
@@ -66,21 +70,18 @@ Avatar = __decorate([
|
|
66
70
|
border-radius:50%;
|
67
71
|
}
|
68
72
|
|
69
|
-
[part=
|
73
|
+
[part=image] {
|
70
74
|
width: 100%;
|
71
75
|
height: 100%;
|
72
76
|
object-fit: cover;
|
73
77
|
}
|
74
78
|
|
75
|
-
[part=
|
79
|
+
[part=root] {
|
76
80
|
overflow: hidden;
|
77
81
|
position: relative;
|
78
82
|
border-radius: inherit;
|
79
83
|
width: 100%;
|
80
84
|
height: 100%;
|
81
|
-
}
|
82
|
-
|
83
|
-
[part="root"] {
|
84
85
|
display: flex;
|
85
86
|
align-items: center;
|
86
87
|
justify-content: center;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,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
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,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;AAkCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAAhC;;QAOE;;WAEG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;IAuBhB,CAAC;IArBW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC9D,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,0BAA0B,IAAI,CAAC,GAAG,YAAY,IAAI,CAAC,YAAY,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC;QACnG,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;QACzD,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;IACvB,CAAC;CACF,CAAA;AAnCC;IADC,QAAQ,EAAE;mCACoB;AAM/B;IADC,QAAQ,EAAE;oCACD;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAjBV,MAAM;IAjCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;mBACG,QAAQ;oBACP,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,CACF;GACK,MAAM,CAwCX;AAED,eAAe,MAAM,CAAC"}
|
@@ -11,6 +11,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
11
11
|
*
|
12
12
|
* Inspired by Vercel home page (2023).
|
13
13
|
*
|
14
|
+
* @slot - Breathing parts.
|
14
15
|
* @category effect
|
15
16
|
*/
|
16
17
|
declare class Breath extends GlobalStyle {
|
@@ -24,7 +25,7 @@ declare class Breath extends GlobalStyle {
|
|
24
25
|
* Effect duration, ending in s or ms.
|
25
26
|
*/
|
26
27
|
duration: string;
|
27
|
-
protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
|
28
|
+
protected render(): (symbol | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
|
28
29
|
protected renderText(text: string): import("lit").TemplateResult<1>;
|
29
30
|
protected getTexts(): string[];
|
30
31
|
protected computeStyle(len: number): string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF
|
1
|
+
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cA4DM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;IAOjC,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM;IAoBlC,SAAS,CAAC,aAAa;CAUxB;AAED,eAAe,MAAM,CAAC"}
|
package/dev/components/breath.js
CHANGED
@@ -19,6 +19,7 @@ const cssScope = scopePrefix(defineName);
|
|
19
19
|
*
|
20
20
|
* Inspired by Vercel home page (2023).
|
21
21
|
*
|
22
|
+
* @slot - Breathing parts.
|
22
23
|
* @category effect
|
23
24
|
*/
|
24
25
|
let Breath = class Breath extends GlobalStyle {
|
@@ -46,7 +47,7 @@ let Breath = class Breath extends GlobalStyle {
|
|
46
47
|
+ (() => {
|
47
48
|
let style1 = "";
|
48
49
|
for (let number = 1; number <= len; number++) {
|
49
|
-
const delay = -
|
50
|
+
const delay = -duration / len * (len - number + 1);
|
50
51
|
const defaultNumber = ((number - 1) % 3) + 1;
|
51
52
|
style1 +=
|
52
53
|
`.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
|
@@ -95,6 +96,7 @@ Breath = __decorate([
|
|
95
96
|
width: fit-content;
|
96
97
|
font-size: 2em;
|
97
98
|
align-items: center;
|
99
|
+
direction: ltr;
|
98
100
|
}
|
99
101
|
|
100
102
|
::selection {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAEzC
|
1
|
+
{"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"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"}
|
@@ -1,7 +1,15 @@
|
|
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
|
+
* Create modal animation upon clicking.
|
7
|
+
*
|
8
|
+
* Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
|
9
|
+
*
|
10
|
+
* Default color is `black`.
|
11
|
+
*
|
12
|
+
* Set the color to `none` to prevent applying styles.
|
5
13
|
*
|
6
14
|
* @category input
|
7
15
|
*/
|
@@ -11,7 +19,7 @@ declare class Button extends GlobalStyle {
|
|
11
19
|
*/
|
12
20
|
disabled: boolean;
|
13
21
|
/**
|
14
|
-
*
|
22
|
+
* Display ghost.
|
15
23
|
*/
|
16
24
|
ghost: boolean;
|
17
25
|
/**
|
@@ -19,7 +27,7 @@ declare class Button extends GlobalStyle {
|
|
19
27
|
*/
|
20
28
|
active: boolean;
|
21
29
|
/**
|
22
|
-
*
|
30
|
+
* Display rounded.
|
23
31
|
*/
|
24
32
|
round: boolean;
|
25
33
|
/**
|
@@ -27,13 +35,12 @@ declare class Button extends GlobalStyle {
|
|
27
35
|
*/
|
28
36
|
color: "none" | keyof typeof colors;
|
29
37
|
/**
|
30
|
-
*
|
38
|
+
* Content text.
|
31
39
|
*/
|
32
|
-
|
33
|
-
_modalRoot: HTMLElement;
|
34
|
-
_root: HTMLElement;
|
35
|
-
|
36
|
-
protected render(): import("lit").TemplateResult<1>[];
|
40
|
+
content: string;
|
41
|
+
protected _modalRoot: HTMLElement;
|
42
|
+
protected _root: HTMLElement;
|
43
|
+
protected render(): import("lit").TemplateResult<1>;
|
37
44
|
focus(): void;
|
38
45
|
blur(): void;
|
39
46
|
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;;;;;;;;;;;;GAYG;AACH,cA8FM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM;IAUhB,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,26 +1,22 @@
|
|
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
|
-
const whiteFont = cssGlobalVars.
|
15
|
-
const blackFont = cssGlobalVars.
|
16
|
-
const toVar = (s) => {
|
17
|
-
return unsafeCSS(`var(${s})`);
|
18
|
-
};
|
13
|
+
const whiteFont = cssGlobalVars.white;
|
14
|
+
const blackFont = cssGlobalVars.black;
|
19
15
|
const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
|
20
16
|
black: [
|
21
17
|
whiteFont, // color
|
22
18
|
cssGlobalVars._colors.darkgray[7], // background
|
23
|
-
cssGlobalVars._colors.darkgray[
|
19
|
+
cssGlobalVars._colors.darkgray[5], // gradients
|
24
20
|
],
|
25
21
|
gray: [
|
26
22
|
whiteFont, // color
|
@@ -72,13 +68,21 @@ 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
|
+
* Create modal animation upon clicking.
|
76
|
+
*
|
77
|
+
* Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
|
78
|
+
*
|
79
|
+
* Default color is `black`.
|
80
|
+
*
|
81
|
+
* Set the color to `none` to prevent applying styles.
|
78
82
|
*
|
79
83
|
* @category input
|
80
84
|
*/
|
81
|
-
let Button =
|
85
|
+
let Button = class Button extends GlobalStyle {
|
82
86
|
constructor() {
|
83
87
|
super(...arguments);
|
84
88
|
/**
|
@@ -88,22 +92,23 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
88
92
|
}
|
89
93
|
render() {
|
90
94
|
const color = this.nextColor();
|
91
|
-
return
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
</div
|
96
|
-
|
97
|
-
];
|
95
|
+
return html `<div part="root">
|
96
|
+
<span part="modal-root"></span>
|
97
|
+
<div part="content">
|
98
|
+
${[this.content || htmlSlot(), htmlStyle(colors[color])]}
|
99
|
+
</div>
|
100
|
+
</div>`;
|
98
101
|
}
|
99
102
|
focus() {
|
100
103
|
if (this.disabled) {
|
101
104
|
return;
|
102
105
|
}
|
103
106
|
this.active = true;
|
107
|
+
super.focus();
|
104
108
|
}
|
105
109
|
blur() {
|
106
110
|
this.active = false;
|
111
|
+
super.blur();
|
107
112
|
}
|
108
113
|
firstUpdated() {
|
109
114
|
this.events.add(this, "click", this._handelClick, true);
|
@@ -134,7 +139,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
|
|
134
139
|
return this.color;
|
135
140
|
}
|
136
141
|
};
|
137
|
-
Button.colors = colors;
|
138
142
|
__decorate([
|
139
143
|
property({ type: Boolean, reflect: true })
|
140
144
|
], Button.prototype, "disabled", void 0);
|
@@ -152,14 +156,14 @@ __decorate([
|
|
152
156
|
], Button.prototype, "color", void 0);
|
153
157
|
__decorate([
|
154
158
|
property()
|
155
|
-
], Button.prototype, "
|
159
|
+
], Button.prototype, "content", void 0);
|
156
160
|
__decorate([
|
157
161
|
part("modal-root")
|
158
162
|
], Button.prototype, "_modalRoot", void 0);
|
159
163
|
__decorate([
|
160
164
|
part("root")
|
161
165
|
], Button.prototype, "_root", void 0);
|
162
|
-
Button =
|
166
|
+
Button = __decorate([
|
163
167
|
godown(protoName),
|
164
168
|
styles(css `
|
165
169
|
:host(:not([disabled]):active) {
|
@@ -209,7 +213,7 @@ Button = Button_1 = __decorate([
|
|
209
213
|
cursor: pointer;
|
210
214
|
}
|
211
215
|
|
212
|
-
[part=
|
216
|
+
[part=root] {
|
213
217
|
width: 100%;
|
214
218
|
height: 100%;
|
215
219
|
overflow: hidden;
|
@@ -220,7 +224,7 @@ Button = Button_1 = __decorate([
|
|
220
224
|
transition-duration: inherit;
|
221
225
|
}
|
222
226
|
|
223
|
-
[part=
|
227
|
+
[part=content] {
|
224
228
|
padding: var(${cssScope}--padding);
|
225
229
|
}
|
226
230
|
|
@@ -241,7 +245,7 @@ Button = Button_1 = __decorate([
|
|
241
245
|
@keyframes kf {
|
242
246
|
0% {
|
243
247
|
transform: scale(0) translate(-50%, -50%);
|
244
|
-
opacity: var(${cssScope}--modal-opacity, 0.
|
248
|
+
opacity: var(${cssScope}--modal-opacity, 0.1);
|
245
249
|
}
|
246
250
|
80% {
|
247
251
|
transform: scale(1) translate(-50%, -50%);
|
@@ -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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"}
|
package/dev/components/card.d.ts
CHANGED
@@ -11,10 +11,9 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
11
11
|
* @category display
|
12
12
|
*/
|
13
13
|
declare class Card extends GlobalStyle {
|
14
|
-
shadow: "none" | "always" | "hover";
|
15
14
|
footer: boolean;
|
16
15
|
header: boolean;
|
17
|
-
protected render(): (
|
16
|
+
protected render(): (string | import("lit").TemplateResult<1>)[];
|
18
17
|
}
|
19
18
|
export default Card;
|
20
19
|
//# sourceMappingURL=card.d.ts.map
|