godown 3.0.0-canary.14 → 3.0.0-canary.16
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/alert.js +1 -1
- package/alert.js.map +1 -1
- package/avatar.js +1 -1
- package/avatar.js.map +1 -1
- package/breath.js +1 -1
- package/breath.js.map +1 -1
- package/button.js +1 -1
- package/button.js.map +1 -1
- package/card.js +1 -1
- package/card.js.map +1 -1
- package/carousel.js +1 -1
- package/carousel.js.map +1 -1
- package/components/alert.d.ts +2 -0
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -1
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +1 -0
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -1
- package/components/avatar.js.map +1 -1
- package/components/breath.d.ts +3 -2
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -1
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +2 -1
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -1
- package/components/card.d.ts +1 -0
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -1
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +2 -0
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +2 -2
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +3 -1
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +1 -0
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -1
- package/components/dragbox.d.ts +2 -1
- 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 +1 -0
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +1 -1
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +1 -0
- package/components/form.d.ts.map +1 -1
- package/components/form.js +1 -1
- package/components/grid.d.ts +1 -0
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -1
- package/components/grid.js.map +1 -1
- package/components/input.d.ts +3 -0
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +4 -3
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -1
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +1 -0
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -1
- package/components/progress.d.ts +1 -0
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -1
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +6 -2
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -1
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +1 -0
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -1
- package/components/router.d.ts +4 -5
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -1
- package/components/router.js.map +1 -1
- package/components/select.d.ts +5 -1
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -1
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts +1 -0
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +1 -1
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +5 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +2 -0
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -1
- package/components/switch.js.map +1 -1
- package/components/text.d.ts +1 -0
- package/components/text.d.ts.map +1 -1
- package/components/text.js +1 -1
- package/components/text.js.map +1 -1
- package/components/time.d.ts +3 -1
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -1
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +1 -0
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -1
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +2 -1
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -1
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts +1 -1
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -1
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +1 -1
- 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 +1 -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/details.js +1 -1
- package/details.js.map +1 -1
- package/dev/components/alert.d.ts +2 -0
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +7 -7
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +1 -0
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +4 -5
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/breath.d.ts +3 -2
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +14 -20
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +2 -1
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +2 -1
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +1 -0
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +2 -5
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +2 -0
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +7 -10
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +2 -2
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +16 -24
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +3 -1
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +2 -0
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +1 -0
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +23 -22
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts +2 -1
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +3 -1
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +1 -0
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +2 -1
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +1 -0
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +1 -0
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +1 -0
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +3 -2
- package/dev/components/grid.js.map +1 -1
- package/dev/components/input.d.ts +3 -0
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +15 -12
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +4 -3
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +12 -15
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +1 -0
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +1 -0
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +1 -0
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +39 -38
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +6 -2
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +15 -17
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +1 -0
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +1 -0
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +4 -5
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +11 -18
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +5 -1
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +30 -23
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts +1 -0
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +4 -2
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +5 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +14 -8
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +2 -0
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +8 -10
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts +1 -0
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +3 -6
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +3 -1
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +4 -3
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +1 -0
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +9 -11
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +2 -1
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +1 -0
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +1 -1
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +2 -4
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +20 -18
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +1 -1
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +35 -34
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts +1 -1
- package/dev/core/super-openable.d.ts.map +1 -1
- package/dev/core/super-openable.js +1 -1
- package/dev/core/super-openable.js.map +1 -1
- package/dialog.js +1 -1
- package/dialog.js.map +1 -1
- package/divider.js +1 -1
- package/divider.js.map +1 -1
- package/dragbox.js +1 -1
- package/dragbox.js.map +1 -1
- package/flex.js +1 -1
- package/flex.js.map +1 -1
- package/form.js +1 -1
- package/form.js.map +1 -1
- package/grid.js +1 -1
- package/grid.js.map +1 -1
- package/input.js +1 -1
- package/input.js.map +1 -1
- package/layout.js +1 -1
- package/layout.js.map +1 -1
- package/link.js +1 -1
- package/link.js.map +1 -1
- package/package.json +4 -4
- package/progress.js +1 -1
- package/progress.js.map +1 -1
- package/range.js +1 -1
- package/range.js.map +1 -1
- package/rotate.js +1 -1
- package/rotate.js.map +1 -1
- package/router.js +1 -1
- package/router.js.map +1 -1
- package/select.js +1 -1
- package/select.js.map +1 -1
- package/skeleton.js +1 -1
- package/skeleton.js.map +1 -1
- package/src/components/alert.ts +7 -7
- package/src/components/avatar.ts +4 -5
- package/src/components/breath.ts +18 -22
- package/src/components/button.ts +3 -2
- package/src/components/card.ts +2 -5
- package/src/components/carousel.ts +7 -10
- package/src/components/details.ts +16 -24
- package/src/components/dialog.ts +3 -1
- package/src/components/divider.ts +26 -25
- package/src/components/dragbox.ts +4 -2
- package/src/components/flex.ts +5 -2
- package/src/components/form.ts +1 -0
- package/src/components/grid.ts +6 -3
- package/src/components/input.ts +15 -12
- package/src/components/layout.ts +7 -14
- package/src/components/link.ts +1 -0
- package/src/components/progress.ts +42 -39
- package/src/components/range.ts +15 -21
- package/src/components/rotate.ts +1 -0
- package/src/components/router.ts +15 -14
- package/src/components/select.ts +31 -24
- package/src/components/skeleton.ts +4 -2
- package/src/components/split.ts +20 -11
- package/src/components/switch.ts +8 -10
- package/src/components/text.ts +6 -7
- package/src/components/time.ts +5 -4
- package/src/components/tooltip.ts +9 -13
- package/src/components/typewriter.ts +6 -3
- package/src/core/global-style.ts +3 -6
- package/src/core/super-anchor.ts +23 -19
- package/src/core/super-input.ts +36 -35
- package/src/core/super-openable.ts +2 -2
- package/switch.js +1 -1
- package/switch.js.map +1 -1
- package/text.js +1 -1
- package/text.js.map +1 -1
- package/time.js +1 -1
- package/time.js.map +1 -1
- package/tooltip.js +1 -1
- package/tooltip.js.map +1 -1
- package/typewriter.js +1 -1
- package/typewriter.js.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/alert.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import e from"./components/alert.js";e.define();export{e as default};
|
1
|
+
import e from"./components/alert.js";export{Alert}from"./components/alert.js";e.define();export{e as default};
|
2
2
|
//# sourceMappingURL=alert.js.map
|
package/alert.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["src/alert.ts"],"sourcesContent":null,"names":["Alert","define"],"mappings":"
|
1
|
+
{"version":3,"file":"alert.js","sources":["src/alert.ts"],"sourcesContent":null,"names":["Alert","define"],"mappings":"8EAEAA,EAAMC"}
|
package/avatar.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import a from"./components/avatar.js";a.define();export{a as default};
|
1
|
+
import a from"./components/avatar.js";export{Avatar}from"./components/avatar.js";a.define();export{a as default};
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
package/avatar.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["src/avatar.ts"],"sourcesContent":null,"names":["Avatar","define"],"mappings":"
|
1
|
+
{"version":3,"file":"avatar.js","sources":["src/avatar.ts"],"sourcesContent":null,"names":["Avatar","define"],"mappings":"iFAEAA,EAAOC"}
|
package/breath.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import e from"./components/breath.js";e.define();export{e as default};
|
1
|
+
import e from"./components/breath.js";export{Breath}from"./components/breath.js";e.define();export{e as default};
|
2
2
|
//# sourceMappingURL=breath.js.map
|
package/breath.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.js","sources":["src/breath.ts"],"sourcesContent":null,"names":["Breath","define"],"mappings":"
|
1
|
+
{"version":3,"file":"breath.js","sources":["src/breath.ts"],"sourcesContent":null,"names":["Breath","define"],"mappings":"iFAEAA,EAAOC"}
|
package/button.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import o from"./components/button.js";o.define();export{o as default};
|
1
|
+
import o from"./components/button.js";export{Button}from"./components/button.js";o.define();export{o as default};
|
2
2
|
//# sourceMappingURL=button.js.map
|
package/button.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sources":["src/button.ts"],"sourcesContent":null,"names":["Button","define"],"mappings":"
|
1
|
+
{"version":3,"file":"button.js","sources":["src/button.ts"],"sourcesContent":null,"names":["Button","define"],"mappings":"iFAEAA,EAAOC"}
|
package/card.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import o from"./components/card.js";export{Card}from"./components/card.js";o.define();export{o as default};
|
2
2
|
//# sourceMappingURL=card.js.map
|
package/card.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card.js","sources":["src/card.ts"],"sourcesContent":null,"names":["Card","define"],"mappings":"
|
1
|
+
{"version":3,"file":"card.js","sources":["src/card.ts"],"sourcesContent":null,"names":["Card","define"],"mappings":"2EAEAA,EAAKC"}
|
package/carousel.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import o from"./components/carousel.js";export{Carousel}from"./components/carousel.js";o.define();export{o as default};
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
package/carousel.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["src/carousel.ts"],"sourcesContent":null,"names":["Carousel","define"],"mappings":"
|
1
|
+
{"version":3,"file":"carousel.js","sources":["src/carousel.ts"],"sourcesContent":null,"names":["Carousel","define"],"mappings":"uFAEAA,EAASC"}
|
package/components/alert.d.ts
CHANGED
@@ -8,6 +8,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
8
8
|
* @slot - Alert content.
|
9
9
|
* @slot title - Alert title.
|
10
10
|
* @slot icon - Alert icon.
|
11
|
+
* @fires close - Fires when the alert is closed.
|
11
12
|
* @category feedback
|
12
13
|
*/
|
13
14
|
declare class Alert extends GlobalStyle {
|
@@ -50,4 +51,5 @@ declare class Alert extends GlobalStyle {
|
|
50
51
|
static alert(root: HTMLElement, option: Partial<Alert>): Alert;
|
51
52
|
}
|
52
53
|
export default Alert;
|
54
|
+
export { Alert };
|
53
55
|
//# sourceMappingURL=alert.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AAcA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AAcA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAwFlF;;;;;;;;;;GAUG;AACH,cAIM,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,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,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/components/alert.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as t}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{htmlStyle as l}from"@godown/element/directives/html-style.js";import{constructCSSObject as s,toVar as c}from"@godown/element/tools/css.js";import n from"@godown/f7-icon/icons/checkmark-alt-circle.js";import a from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import m from"@godown/f7-icon/icons/slash-circle.js";import h from"@godown/f7-icon/icons/xmark.js";import u from"@godown/f7-icon/icons/xmark-circle.js";import{css as b,html as v}from"lit";import{property as y}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as w,GlobalStyle as k}from"../core/global-style.js";const $="alert",j=f($),_=["color","background"].map((o=>`${j}--${o}`)),x=o=>[w._colors[o][5],w._colors[o][9]],q=s(_,{green:x("green"),blue:x("blue"),orange:x("orange"),red:x("red"),yellow:x("yellow"),purple:x("purple"),teal:x("teal"),pink:x("pink"),gray:[w._colors.lightgray[5],w._colors.darkgray[5]],white:[w._colors.lightgray[2],w._colors.darkgray[7]],black:[w._colors.darkgray[8],w._colors.lightgray[5]]},(()=>":host"),(o=>c(o))),C=o=>[w._colors[o][6],w._colors[o][0]],E=s(_,{green:C("green"),blue:C("blue"),orange:C("orange"),red:C("red"),yellow:C("yellow"),purple:C("purple"),teal:C("teal"),pink:C("pink"),gray:[w._colors.darkgray[5],w._colors.lightgray[7]],white:[w._colors.lightgray[0],w._colors.darkgray[0]],black:[w._colors.darkgray[7],w._colors.lightgray[3]]},(()=>":host"),(o=>c(o))),A={tip:{color:"teal",icon:p},success:{color:"green",icon:n},info:{color:"blue",icon:d},warning:{color:"orange",icon:a},danger:{color:"red",icon:u},error:{color:"red",icon:u},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:m}};let B=class Alert extends k{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=A[this.call]?.color||this.color,r=this.call?A[this.call].icon():i("icon");return v`<div part="root" ${e(this.observedRecord)}><div part="icon">${r}</div><div part="content"><strong part="title">${this.title||i("title")}
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as t}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{htmlStyle as l}from"@godown/element/directives/html-style.js";import{constructCSSObject as s,toVar as c}from"@godown/element/tools/css.js";import n from"@godown/f7-icon/icons/checkmark-alt-circle.js";import a from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import m from"@godown/f7-icon/icons/slash-circle.js";import h from"@godown/f7-icon/icons/xmark.js";import u from"@godown/f7-icon/icons/xmark-circle.js";import{css as b,html as v}from"lit";import{property as y}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as w,GlobalStyle as k}from"../core/global-style.js";const $="alert",j=f($),_=["color","background"].map((o=>`${j}--${o}`)),x=o=>[w._colors[o][5],w._colors[o][9]],q=s(_,{green:x("green"),blue:x("blue"),orange:x("orange"),red:x("red"),yellow:x("yellow"),purple:x("purple"),teal:x("teal"),pink:x("pink"),gray:[w._colors.lightgray[5],w._colors.darkgray[5]],white:[w._colors.lightgray[2],w._colors.darkgray[7]],black:[w._colors.darkgray[8],w._colors.lightgray[5]]},(()=>":host"),(o=>c(o))),C=o=>[w._colors[o][6],w._colors[o][0]],E=s(_,{green:C("green"),blue:C("blue"),orange:C("orange"),red:C("red"),yellow:C("yellow"),purple:C("purple"),teal:C("teal"),pink:C("pink"),gray:[w._colors.darkgray[5],w._colors.lightgray[7]],white:[w._colors.lightgray[0],w._colors.darkgray[0]],black:[w._colors.darkgray[7],w._colors.lightgray[3]]},(()=>":host"),(o=>c(o))),A={tip:{color:"teal",icon:p},success:{color:"green",icon:n},info:{color:"blue",icon:d},warning:{color:"orange",icon:a},danger:{color:"red",icon:u},error:{color:"red",icon:u},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:m}};let B=class Alert extends k{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=A[this.call]?.color||this.color,r=this.call?A[this.call].icon():i("icon");return v`<div part="root" ${e(this.observedRecord)}><div part="icon">${r}</div><div part="content"><strong part="title">${this.title||i("title")}</strong> ${this.content||i()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="close" tabindex="0" @click="${this.close}">${h()}</div>`} ${l("light"===this.variant?E[o]:q[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&setTimeout((()=>this.close()),this.autoclose)}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([y()],B.prototype,"call",void 0),o([y()],B.prototype,"color",void 0),o([y({type:Number})],B.prototype,"autoclose",void 0),o([y()],B.prototype,"title",void 0),o([y()],B.prototype,"content",void 0),o([y({type:Boolean})],B.prototype,"hideClose",void 0),o([y()],B.prototype,"variant",void 0),B=o([r($),t(b`:host,:where(:host([contents]) [part=root]){border-radius:var(${j}--border-radius);${j}--border-radius:.25em;${j}--border-width:.075em;${j}--blockquote-width:.2em;${j}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${j}--color);color:var(--color);width:100%;transition:.25s;display:flex;justify-content:space-between;padding:var(${j}--padding);border-radius:inherit;border:var(${j}--border-width) solid var(--color);background:var(${j}--background)}[variant=blockquote]{border-radius:0;border-left:var(${j}--blockquote-width) solid var(--color);border-bottom:none;border-right:none;border-top:none;background:0 0}[part=content]{color:var(--color)}[part=root]{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{display:inline-grid;align-items:center;height:2em}[part=icon] svg{margin-right:.5em;width:1.25em;height:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)],B);var N=B;export{B as Alert,N as default};
|
2
2
|
//# sourceMappingURL=alert.js.map
|
package/components/alert.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","vars","map","v","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","genLight","lightStyles","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","autoclose","hideClose","variant","render","call","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","htmlStyle","remove","dispatchEvent","CustomEvent","bubbles","composed","firstUpdated","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"2gCAmBA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAEvBG,EAAO,CAAC,QAAS,cAAcC,KAAKC,GAAM,GAAGJ,MAAaI,MAE1DC,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAaC,EACjBR,EACA,CACES,MAAON,EAAQ,SACfO,KAAMP,EAAQ,QACdQ,OAAQR,EAAQ,UAChBS,IAAKT,EAAQ,OACbU,OAAQV,EAAQ,UAChBW,OAAQX,EAAQ,UAChBY,KAAMZ,EAAQ,QACda,KAAMb,EAAQ,QACdc,KAAM,CAACZ,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC1EC,MAAO,CAACf,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC3EE,MAAO,CAAChB,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZE,EAAYpB,GACT,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DqB,EAAcjB,EAClBR,EACA,CACES,MAAOe,EAAS,SAChBd,KAAMc,EAAS,QACfb,OAAQa,EAAS,UACjBZ,IAAKY,EAAS,OACdX,OAAQW,EAAS,UACjBV,OAAQU,EAAS,UACjBT,KAAMS,EAAS,QACfR,KAAMQ,EAAS,QACfP,KAAM,CAACZ,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,IAC1EE,MAAO,CAACf,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC3EE,MAAO,CAAChB,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZI,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,
|
1
|
+
{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","vars","map","v","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","genLight","lightStyles","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","autoclose","hideClose","variant","render","call","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","htmlStyle","remove","dispatchEvent","CustomEvent","bubbles","composed","firstUpdated","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"2gCAmBA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAEvBG,EAAO,CAAC,QAAS,cAAcC,KAAKC,GAAM,GAAGJ,MAAaI,MAE1DC,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAaC,EACjBR,EACA,CACES,MAAON,EAAQ,SACfO,KAAMP,EAAQ,QACdQ,OAAQR,EAAQ,UAChBS,IAAKT,EAAQ,OACbU,OAAQV,EAAQ,UAChBW,OAAQX,EAAQ,UAChBY,KAAMZ,EAAQ,QACda,KAAMb,EAAQ,QACdc,KAAM,CAACZ,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC1EC,MAAO,CAACf,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC3EE,MAAO,CAAChB,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZE,EAAYpB,GACT,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DqB,EAAcjB,EAClBR,EACA,CACES,MAAOe,EAAS,SAChBd,KAAMc,EAAS,QACfb,OAAQa,EAAS,UACjBZ,IAAKY,EAAS,OACdX,OAAQW,EAAS,UACjBV,OAAQU,EAAS,UACjBT,KAAMS,EAAS,QACfR,KAAMQ,EAAS,QACfP,KAAM,CAACZ,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,IAC1EE,MAAO,CAACf,EAAcC,QAAQY,UAAU,GAAIb,EAAcC,QAAQa,SAAS,IAC3EE,MAAO,CAAChB,EAAcC,QAAQa,SAAS,GAAId,EAAcC,QAAQY,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZI,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,IAmBV,IAAMC,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAYEC,KAAKnB,MAYQ,OAMbmB,KAASC,UAAG,EAoBZD,KAASE,WAAG,EAQZF,KAAOG,QAAoC,OAEjC,MAAAC,GACR,MAAMvB,EAAQF,EAAMqB,KAAKK,OAAOxB,OAASmB,KAAKnB,MACxCC,EAAOkB,KAAKK,KAAO1B,EAAMqB,KAAKK,MAAMvB,OAASwB,EAAS,QAC5D,OAAOC,CAAI,oBAAoBC,EAAKR,KAAKS,oCACpB3B,mDAEMkB,KAAKU,OAASJ,EAAS,qBAC5CN,KAAKW,SAAWL,YAGnBN,KAAKE,WAA8B,eAAjBF,KAAKG,QAEpB,GADAI,CAAI,0CAA0CP,KAAKY,UAAUC,eAG/DC,EAA2B,UAAjBd,KAAKG,QAAsBzB,EAAYG,GAASrB,EAAWqB,YAI3E,KAAA+B,GACEZ,KAAKe,SACLf,KAAKgB,cAAc,IAAIC,YAAY,QAAS,CAAEC,SAAS,EAAMC,UAAU,KAG/D,YAAAC,GACJpB,KAAKC,WACPoB,YAAW,IAAMrB,KAAKY,SAASZ,KAAKC,WAIxC,YAAOqB,CAAMC,EAAmBC,GAC9B,MAAMC,EAAK,IAAIzB,KAGf,OAFA0B,OAAOC,OAAOF,EAAID,GAClBD,EAAKK,YAAYH,GACVA,IAxFTI,EAAA,CADCC,KACwFjC,EAAAkC,UAAA,YAAA,GAOzFF,EAAA,CADCC,KAakBjC,EAAAkC,UAAA,aAAA,GAMnBF,EAAA,CADCC,EAAS,CAAEE,KAAMC,UACLpC,EAAAkC,UAAA,iBAAA,GAMbF,EAAA,CADCC,KACYjC,EAAAkC,UAAA,aAAA,GAMbF,EAAA,CADCC,KACcjC,EAAAkC,UAAA,eAAA,GAQfF,EAAA,CADCC,EAAS,CAAEE,KAAME,WACDrC,EAAAkC,UAAA,iBAAA,GAQjBF,EAAA,CADCC,KACgDjC,EAAAkC,UAAA,eAAA,GA1D7ClC,EAAKgC,EAAA,CAJVM,EAAOrF,GACPsF,EACCC,CAAG,iEAAiEtF,qBAA4BA,0BAAiCA,0BAAiCA,4BAAmCA,oEAA2EA,kHAA0HA,gDAAuDA,sDAA6DA,uEAA8EA,+cAExkB8C,GAiGN,IAAAyC,EAAezC"}
|
package/components/avatar.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,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,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,OAAO,CAAC,aAAa;IAUrB,MAAM,IAAI,MAAM;IAIhB,YAAY,IAAI,IAAI;CAGrB;AAED,eAAe,MAAM,CAAC"}
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,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,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,OAAO,CAAC,aAAa;IAUrB,MAAM,IAAI,MAAM;IAIhB,YAAY,IAAI,IAAI;CAGrB;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/avatar.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as o}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{omit as s}from"@godown/element/tools/lib.js";import{css as a,html as n}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as m,GlobalStyle as h}from"../core/global-style.js";const l="avatar",p=m(l);let c=class Avatar extends h{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${e(s(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" @error="${this._handleError}" alt="${this.name}">`:this.name?n`<span part="name">${this.format()}</span>`:i()}format(){return this.name}_handleError(){this.src=void 0}};t([d()],c.prototype,"src",void 0),t([d()],c.prototype,"name",void 0),t([d({type:Boolean})],c.prototype,"round",void 0),c=t([r(l),o(a`:host{${p}--size:2em;width:var(${p}--size);height:var(${p}--size);vertical-align:bottom}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%;align-items:center;justify-content:center}`)],c);var v=c;export{v as default};
|
1
|
+
import{__decorate as t}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as o}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{omit as s}from"@godown/element/tools/lib.js";import{css as a,html as n}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as m,GlobalStyle as h}from"../core/global-style.js";const l="avatar",p=m(l);let c=class Avatar extends h{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${e(s(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" @error="${this._handleError}" alt="${this.name}">`:this.name?n`<span part="name">${this.format()}</span>`:i()}format(){return this.name}_handleError(){this.src=void 0}};t([d()],c.prototype,"src",void 0),t([d()],c.prototype,"name",void 0),t([d({type:Boolean})],c.prototype,"round",void 0),c=t([r(l),o(a`:host{${p}--size:2em;width:var(${p}--size);height:var(${p}--size);vertical-align:bottom}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%;align-items:center;justify-content:center}`)],c);var v=c;export{c as Avatar,v as default};
|
2
2
|
//# sourceMappingURL=avatar.js.map
|
package/components/avatar.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","format","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","Avatar$1"],"mappings":"weAUA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKC,EAAKN,KAAKO,eAAgB,
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","format","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","Avatar$1"],"mappings":"weAUA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKC,EAAKN,KAAKO,eAAgB,WAAWP,KAAKQ,wBAGxE,aAAAA,GACN,OAAIR,KAAKS,IACAL,CAAI,0BAA0BJ,KAAKS,gBAAeT,KAAKU,sBAAqBV,KAAKC,SAEtFD,KAAKC,KACAG,CAAI,qBAAqBJ,KAAKW,kBAEhCC,IAGT,MAAAD,GACE,OAAOX,KAAKC,KAGd,YAAAS,GACEV,KAAKS,SAAMI,IAjCbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAA,GAM9BF,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAA,GAjBTnB,EAAMiB,EAAA,CAJXK,EAAOzB,GACP0B,EACCC,CAAG,SAAS1B,yBAAgCA,uBAA8BA,oXAEtEE,GA0CN,IAAAyB,EAAezB"}
|
package/components/breath.d.ts
CHANGED
@@ -29,8 +29,9 @@ declare class Breath extends GlobalStyle {
|
|
29
29
|
protected render(): TemplateResult<1>;
|
30
30
|
protected renderText(text: string): TemplateResult<1>;
|
31
31
|
protected getTexts(): string[];
|
32
|
-
protected
|
33
|
-
protected parseDuration(): number;
|
32
|
+
protected _computeStyle(len: number): string;
|
33
|
+
protected parseDuration(): number | undefined;
|
34
34
|
}
|
35
35
|
export default Breath;
|
36
|
+
export { Breath };
|
36
37
|
//# sourceMappingURL=breath.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAIrD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAiB5C,SAAS,CAAC,aAAa,IAAI,MAAM,GAAG,SAAS;CAW9C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/breath.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as r}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlStyle as i}from"@godown/element/directives/html-style.js";import{css as n,html as a}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as d}from"../core/global-style.js";const p="breath"
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as r}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlStyle as i}from"@godown/element/directives/html-style.js";import{css as n,html as a}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as d}from"../core/global-style.js";const p="breath",m=l(p);let $=class Breath extends d{render(){const t=this.getTexts();return a`<div part="root" ${e(this.observedRecord)}>${[t.map(this.renderText),i(this._computeStyle(t.length))]}</div>`}renderText(t){return a`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.text)?this.text:(this.text||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const o=50/t,r=this.parseDuration()||2*t+2;let e="";for(let o=1;o<=t;o++){e+=`.rel:nth-child(${o}) .colorful{animation-delay:${-r/t*(t-o+1)}s;background:var(${m}--${o},var(${m}--${(o-1)%3+1}));}`}return`.colorful{animation-duration:${r}s;}@keyframes colorfulN{0%,${3*o}%{opacity:0;}${o}%,${2*o}%{opacity:1;}}${e}`}parseDuration(){const{duration:t}=this;if(t){if(t.endsWith("s"))return Number.parseFloat(t.slice(0,-1));if(t.endsWith("ms"))return Number.parseFloat(t.slice(0,-2))/1e3}}};t([s()],$.prototype,"text",void 0),t([s()],$.prototype,"duration",void 0),$=t([o(p),r(n`:host{${m}--deg:60deg;${m}--1-1:var(${c._colors.red[5]});${m}--1-2:var(${c._colors.yellow[5]});${m}--2-1:var(${c._colors.green[5]});${m}--2-2:var(${c._colors.purple[5]});${m}--3-1:var(${c._colors.blue[5]});${m}--3-2:var(${c._colors.pink[5]});${m}--1:linear-gradient(var(${m}--deg),var(${m}--1-1),var(${m}--1-2));${m}--2:linear-gradient(var(${m}--deg),var(${m}--2-1),var(${m}--2-2));${m}--3:linear-gradient(var(${m}--deg),var(${m}--3-1),var(${m}--3-2))}`,n`:host{margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em}`,n`.colorful,.nocolor{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${c.clipBackground})}`)],$);var u=$;export{$ as Breath,u as default};
|
2
2
|
//# sourceMappingURL=breath.js.map
|
package/components/breath.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","
|
1
|
+
{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","_computeStyle","length","text","Array","isArray","textContent","split","filter","x","len","gap","duration","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"ycASA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAAoBC,EAAKH,KAAKI,mBACvC,CAACL,EAAMM,IAAIL,KAAKM,YAAaC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAI1D,UAAAH,CAAWI,GACnB,OAAOR,CAAI,2CACeQ,mCACCA,kBAInB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKU,MAAQV,KAAKU,MAAQV,KAAKU,MAAQV,KAAKa,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAGjG,aAAAR,CAAcS,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWnB,KAAKoB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GACE,kBAAkBC,iCAHLH,EAAWF,GAAOA,EAAMK,EAAS,sBAGkC5B,MAAa4B,SAAc5B,OAFrF4B,EAAS,GAAK,EAAK,QAI7C,MAAA,gCACkCH,+BAA4C,EAAND,iBAAuBA,MACrF,EAANA,kBACeG,IAIX,aAAAD,GACR,MAAMD,SAAEA,GAAanB,KACrB,GAAImB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAI,IAE9C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAI,IAAM,OAlDxDC,EAAA,CADCC,KACsBhC,EAAAiC,UAAA,YAAA,GAMvBF,EAAA,CADCC,KACehC,EAAAiC,UAAA,gBAAA,GAbZjC,EAAM+B,EAAA,CANXG,EAAOrC,GACPsC,EACCC,CAAG,SAAStC,gBAAuBA,cAAqBuC,EAAcC,QAAQC,IAAI,OAAOzC,cAAqBuC,EAAcC,QAAQE,OAAO,OAAO1C,cAAqBuC,EAAcC,QAAQG,MAAM,OAAO3C,cAAqBuC,EAAcC,QAAQI,OAAO,OAAO5C,cAAqBuC,EAAcC,QAAQK,KAAK,OAAO7C,cAAqBuC,EAAcC,QAAQM,KAAK,OAAO9C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBsC,CAAG,qSACHA,CAAG,ySAA4SC,EAAcQ,qBAEzT7C,GA+DN,IAAA8C,EAAe9C"}
|
package/components/button.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { TemplateResult } from "lit";
|
1
|
+
import { type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
3
|
type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
|
4
4
|
declare const colors: Record<Colors, string>;
|
@@ -51,4 +51,5 @@ declare class Button extends GlobalStyle {
|
|
51
51
|
nextColor(): Colors | "none";
|
52
52
|
}
|
53
53
|
export default Button;
|
54
|
+
export { Button };
|
54
55
|
//# sourceMappingURL=button.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AAOA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;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,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAe3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/button.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as t}from"@godown/element/decorators/godown.js";import{part as r}from"@godown/element/decorators/part.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as a}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";import{constructCSSObject as s,toVar as l}from"@godown/element/tools/css.js";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as m}from"../core/global-style.js";const u="button",v=h(u),f=g.white,y=g.black,b=s(["color","background","gradients"].map((o=>`${v}--${o}`)),{black:[f,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[f,g._colors.darkgray[1],g._colors.lightgray[8]],white:[y,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[f,g._colors.blue[6],g._colors.blue[4]],green:[f,g._colors.green[6],g._colors.green[4]],red:[f,g._colors.red[6],g._colors.red[4]],orange:[f,g._colors.orange[6],g._colors.orange[4]],pink:[f,g._colors.pink[6],g._colors.pink[4]],purple:[f,g._colors.purple[6],g._colors.purple[4]],yellow:[y,g._colors.yellow[6],g._colors.yellow[4]],teal:[f,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>l(o)));let $=class Button extends m{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${i(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||a(),n(b[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this.getBoundingClientRect(),e=r.height,i=r.width,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([r("modal-root")],$.prototype,"_modalRoot",void 0),o([r("root")],$.prototype,"_root",void 0),$=o([t(u),e(d`:host(:not([disabled]):active){transform:scale(var(${v}--focus-scale))}:host([round]){${v}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${v}--modal-background:var(${v}--ghost-color);box-shadow:inset 0 0 0 var(${v}--ghost-width) var(${v}--ghost-color);color:var(${v}--ghost-color);background:0 0}`,d`:host{${v}--padding-x:.5em;${v}--padding-y:min(calc(var(${v}--padding-x) / 2),.25em);${v}--padding:var(${v}--padding-y) var(${v}--padding-x);${v}--modal-animation-duration:1s;${v}--ghost-width:.08em;${v}--focus-scale:.97;${v}--deg:45deg;${v}--ghost-color:var(${v}--background);color:var(${v}--color,inherit);background:linear-gradient(var(${v}--deg),var(${v}--background),var(${v}--gradients,var(${v}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=content]{padding:var(${v}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${v}--modal-background,currentColor);animation-duration:var(${v}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${v}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{_ as default};
|
1
|
+
import{__decorate as o}from"tslib";import{godown as t}from"@godown/element/decorators/godown.js";import{part as r}from"@godown/element/decorators/part.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as a}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";import{constructCSSObject as s,toVar as l}from"@godown/element/tools/css.js";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as m}from"../core/global-style.js";const u="button",v=h(u),f=g.white,y=g.black,b=s(["color","background","gradients"].map((o=>`${v}--${o}`)),{black:[f,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[f,g._colors.darkgray[1],g._colors.lightgray[8]],white:[y,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[f,g._colors.blue[6],g._colors.blue[4]],green:[f,g._colors.green[6],g._colors.green[4]],red:[f,g._colors.red[6],g._colors.red[4]],orange:[f,g._colors.orange[6],g._colors.orange[4]],pink:[f,g._colors.pink[6],g._colors.pink[4]],purple:[f,g._colors.purple[6],g._colors.purple[4]],yellow:[y,g._colors.yellow[6],g._colors.yellow[4]],teal:[f,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>l(o)));let $=class Button extends m{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${i(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||a(),n(b[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this.getBoundingClientRect(),e=r.height,i=r.width,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([r("modal-root")],$.prototype,"_modalRoot",void 0),o([r("root")],$.prototype,"_root",void 0),$=o([t(u),e(d`:host(:not([disabled]):active){transform:scale(var(${v}--focus-scale))}:host([round]){${v}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${v}--modal-background:var(${v}--ghost-color);box-shadow:inset 0 0 0 var(${v}--ghost-width) var(${v}--ghost-color);color:var(${v}--ghost-color);background:0 0}`,d`:host{${v}--padding-x:.5em;${v}--padding-y:min(calc(var(${v}--padding-x) / 2),.25em);${v}--padding:var(${v}--padding-y) var(${v}--padding-x);${v}--modal-animation-duration:1s;${v}--ghost-width:.08em;${v}--focus-scale:.97;${v}--deg:45deg;${v}--ghost-color:var(${v}--background);color:var(${v}--color,inherit);background:linear-gradient(var(${v}--deg),var(${v}--background),var(${v}--gradients,var(${v}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=content]{padding:var(${v}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${v}--modal-background,currentColor);animation-duration:var(${v}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${v}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
|
2
2
|
//# sourceMappingURL=button.js.map
|
package/components/card.d.ts
CHANGED
package/components/card.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/card.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as o}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as t}from"@godown/element/directives/attr.js";import{htmlSlot as d}from"@godown/element/directives/html-slot.js";import{css as a,html as i}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as n,cssGlobalVars as l,GlobalStyle as b}from"../core/global-style.js";const m="card",p=n(m);let c=class Card extends b{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return i`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};o([s({type:Boolean})],c.prototype,"footer",void 0),o([s({type:Boolean})],c.prototype,"header",void 0),c=o([r(m),e(a`:host{${p}--background:var(${l.background});${p}--border-width:.0375em;${p}--border-color:transparent;${p}--border-background:var(${l.passive});${p}--padding:.75em;color:var(${l.foreground});background:var(${p}--background);border-width:var(${p}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${p}--padding)}:host,slot{border-color:var(${p}--border-background);border-style:solid}[name=footer]{border-top-width:var(${p}--border-width)}[name=header]{border-bottom-width:var(${p}--border-width)}`)],c);var h=c;export{h as default};
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as t}from"@godown/element/directives/attr.js";import{htmlSlot as d}from"@godown/element/directives/html-slot.js";import{css as a,html as i}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as n,cssGlobalVars as l,GlobalStyle as b}from"../core/global-style.js";const m="card",p=n(m);let c=class Card extends b{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return i`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};o([s({type:Boolean})],c.prototype,"footer",void 0),o([s({type:Boolean})],c.prototype,"header",void 0),c=o([r(m),e(a`:host{${p}--background:var(${l.background});${p}--border-width:.0375em;${p}--border-color:transparent;${p}--border-background:var(${l.passive});${p}--padding:.75em;color:var(${l.foreground});background:var(${p}--background);border-width:var(${p}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${p}--padding)}:host,slot{border-color:var(${p}--border-background);border-style:solid}[name=footer]{border-top-width:var(${p}--border-width)}[name=header]{border-bottom-width:var(${p}--border-width)}`)],c);var h=c;export{c as Card,h as default};
|
2
2
|
//# sourceMappingURL=card.js.map
|
package/components/card.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","godown","styles","css","cssGlobalVars","background","passive","foreground","Card$1"],"mappings":"ucAWA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAMC,QAAG,EAGTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,
|
1
|
+
{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","godown","styles","css","cssGlobalVars","background","passive","foreground","Card$1"],"mappings":"ucAWA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAMC,QAAG,EAGTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,mBACrC,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAP7FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAA,GAGdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAA,GALVf,EAAIW,EAAA,CAJTK,EAAOnB,GACPoB,EACCC,CAAG,SAASpB,qBAA4BqB,EAAcC,eAAetB,2BAAkCA,+BAAsCA,4BAAmCqB,EAAcE,YAAYvB,8BAAqCqB,EAAcG,8BAA8BxB,mCAA0CA,uIAA8IA,2CAAkDA,+EAAsFA,0DAAiEA,sBAExpBE,GAcN,IAAAuB,EAAevB"}
|
package/components/carousel.d.ts
CHANGED
@@ -11,6 +11,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
11
11
|
* If no width, it will be the width of the first element.
|
12
12
|
*
|
13
13
|
* @slot - Carousel items, should maintain the same size.
|
14
|
+
* @fires change - Fired when the index changes.
|
14
15
|
* @category display
|
15
16
|
*/
|
16
17
|
declare class Carousel extends GlobalStyle {
|
@@ -40,4 +41,5 @@ declare class Carousel extends GlobalStyle {
|
|
40
41
|
checkInterval(): void;
|
41
42
|
}
|
42
43
|
export default Carousel;
|
44
|
+
export { Carousel };
|
43
45
|
//# sourceMappingURL=carousel.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cAIrB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKrB,IAAI,IAAI,IAAI;IAUZ,IAAI,IAAI,IAAI;IAUZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAQrE,aAAa,IAAI,IAAI;CAUtB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/carousel.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as o}from"@godown/element/decorators/part.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as s}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";import h from"@godown/f7-icon/icons/chevron-left.js";import l from"@godown/f7-icon/icons/chevron-right.js";import{css as a,html as d}from"lit";import{property as c}from"lit/decorators.js";import{GlobalStyle as m}from"../core/global-style.js";let p=class Carousel extends m{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return d`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${h()}</i><div part="move-root" style="transform:${`translateX(-${this.index+1}00%)`}">${r()}</div><i part="next" @click="${this.next}">${l()} </i>${n(`:host,:host([contents]) [part=root]{width:${this.width};}`)}</div>`}async firstUpdated(){await this.updateComplete,this.children.length&&(this.width||=`${this.firstElementChild.offsetWidth}px`,this._cloneFirst?.remove(),this._cloneLast?.remove(),this._cloneLast=this.firstElementChild.cloneNode(!0),this._cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this._cloneLast),this.insertBefore(this._cloneFirst,this.firstElementChild),this.show(this.index)),this.checkInterval()}disconnectedCallback(){clearInterval(this.intervalID)}show(t){this.index=t}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1),this.checkInterval()}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1),this.checkInterval()}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,e&&(this._moveRoot.style.transition="none"),this._moveRoot.getBoundingClientRect()}checkInterval(){this.autoChange&&(this.intervalID&&clearInterval(this.intervalID),this.intervalID=window.setInterval((()=>{this.next()}),this.autoChange))}};t([c({type:Number})],p.prototype,"index",void 0),t([c({type:Number})],p.prototype,"autoChange",void 0),t([c()],p.prototype,"width",void 0),t([o("move-root")],p.prototype,"_moveRoot",void 0),p=t([e("carousel"),i(a`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],p);var v=p;export{v as default};
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as o}from"@godown/element/decorators/part.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as s}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";import h from"@godown/f7-icon/icons/chevron-left.js";import l from"@godown/f7-icon/icons/chevron-right.js";import{css as a,html as d}from"lit";import{property as c}from"lit/decorators.js";import{GlobalStyle as m}from"../core/global-style.js";let p=class Carousel extends m{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return d`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${h()}</i><div part="move-root" style="transform:${`translateX(-${this.index+1}00%)`}">${r()}</div><i part="next" @click="${this.next}">${l()} </i>${n(`:host,:host([contents]) [part=root]{width:${this.width};}`)}</div>`}async firstUpdated(){await this.updateComplete,this.children.length&&(this.width||=`${this.firstElementChild.offsetWidth}px`,this._cloneFirst?.remove(),this._cloneLast?.remove(),this._cloneLast=this.firstElementChild.cloneNode(!0),this._cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this._cloneLast),this.insertBefore(this._cloneFirst,this.firstElementChild),this.show(this.index)),this.checkInterval()}disconnectedCallback(){clearInterval(this.intervalID)}show(t){this.index=t,this.dispatchEvent(new CustomEvent("change",{detail:t,composed:!0}))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1),this.checkInterval()}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1),this.checkInterval()}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,e&&(this._moveRoot.style.transition="none"),this._moveRoot.getBoundingClientRect()}checkInterval(){this.autoChange&&(this.intervalID&&clearInterval(this.intervalID),this.intervalID=window.setInterval((()=>{this.next()}),this.autoChange))}};t([c({type:Number})],p.prototype,"index",void 0),t([c({type:Number})],p.prototype,"autoChange",void 0),t([c()],p.prototype,"width",void 0),t([o("move-root")],p.prototype,"_moveRoot",void 0),p=t([e("carousel"),i(a`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],p);var v=p;export{p as Carousel,v as default};
|
2
2
|
//# sourceMappingURL=carousel.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","htmlStyle","width","firstUpdated","updateComplete","children","length","firstElementChild","offsetWidth","_cloneFirst","remove","_cloneLast","cloneNode","lastElementChild","appendChild","insertBefore","show","checkInterval","disconnectedCallback","clearInterval","intervalID","i","childElementCount","_doTranslateX","xValue","noTransition","_moveRoot","style","transform","transition","getBoundingClientRect","window","setInterval","__decorate","property","type","Number","prototype","part","godown","styles","css","Carousel$1"],"mappings":"
|
1
|
+
{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","htmlStyle","width","firstUpdated","updateComplete","children","length","firstElementChild","offsetWidth","_cloneFirst","remove","_cloneLast","cloneNode","lastElementChild","appendChild","insertBefore","show","checkInterval","disconnectedCallback","clearInterval","intervalID","i","dispatchEvent","CustomEvent","detail","composed","childElementCount","_doTranslateX","xValue","noTransition","_moveRoot","style","transform","transition","getBoundingClientRect","window","setInterval","__decorate","property","type","Number","prototype","part","godown","styles","css","Carousel$1"],"mappings":"6oBAiCA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAiBH,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,0CACdN,KAAKO,SAAUC,iDACC,eAAeR,KAAKC,MAAQ,YAAYQ,mCACxDT,KAAKU,SAAUC,WACtCC,EAAU,6CAA6CZ,KAAKa,mBAIxD,kBAAMC,SACRd,KAAKe,eAEPf,KAAKgB,SAASC,SAChBjB,KAAKa,QAAU,GAAIb,KAAKkB,kBAAkCC,gBAE1DnB,KAAKoB,aAAaC,SAClBrB,KAAKsB,YAAYD,SACjBrB,KAAKsB,WAAatB,KAAKkB,kBAAkBK,WAAU,GACnDvB,KAAKoB,YAAcpB,KAAKwB,iBAAiBD,WAAU,GACnDvB,KAAKyB,YAAYzB,KAAKsB,YACtBtB,KAAK0B,aAAa1B,KAAKoB,YAAapB,KAAKkB,mBACzClB,KAAK2B,KAAK3B,KAAKC,QAEjBD,KAAK4B,gBAGP,oBAAAC,GACEC,cAAc9B,KAAK+B,YAGrB,IAAAJ,CAAKK,GACHhC,KAAKC,MAAQ+B,EACbhC,KAAKiC,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQH,EAAGI,UAAU,KAGtE,IAAA1B,GACMV,KAAKC,QAAUD,KAAKqC,kBAAoB,GAC1CrC,KAAKsC,cAAc,KAAK,GACxBtC,KAAK2B,KAAK,IAEV3B,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGP,IAAArB,GACqB,IAAfP,KAAKC,OACPD,KAAKsC,cAAc,IAAItC,KAAKqC,kBAAoB,QAAQ,GACxDrC,KAAK2B,KAAK3B,KAAKgB,SAASC,OAAS,IAEjCjB,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGG,aAAAU,CAAcC,EAAgBC,GACtCxC,KAAKyC,UAAUC,MAAMC,UAAY,cAAcJ,KAC3CC,IACFxC,KAAKyC,UAAUC,MAAME,WAAa,QAEpC5C,KAAKyC,UAAUI,wBAGjB,aAAAjB,GACM5B,KAAKE,aACHF,KAAK+B,YACPD,cAAc9B,KAAK+B,YAErB/B,KAAK+B,WAAae,OAAOC,aAAY,KACnC/C,KAAKU,MAAM,GACVV,KAAKE,eA7FZ8C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACTtD,EAAAuD,UAAA,aAAA,GAMTJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJtD,EAAAuD,UAAA,kBAAA,GAMdJ,EAAA,CADCC,KACYpD,EAAAuD,UAAA,aAAA,GAGHJ,EAAA,CADTK,EAAK,cAC0BxD,EAAAuD,UAAA,iBAAA,GApB5BvD,EAAQmD,EAAA,CAJbM,EAhBiB,YAiBjBC,EACCC,CAAG,qbAEC3D,GAuGN,IAAA4D,EAAe5D"}
|
package/components/details.d.ts
CHANGED
@@ -5,7 +5,7 @@ import SuperOpenable from "../core/super-openable.js";
|
|
5
5
|
*
|
6
6
|
* @slot summary - Details summary if no `summary` is provided.
|
7
7
|
* @slot - Details content.
|
8
|
-
* @fires change - Fired when the
|
8
|
+
* @fires change - Fired when the open changes.
|
9
9
|
* @category display
|
10
10
|
*/
|
11
11
|
declare class Details extends SuperOpenable {
|
@@ -17,8 +17,8 @@ declare class Details extends SuperOpenable {
|
|
17
17
|
* Summary text.
|
18
18
|
*/
|
19
19
|
summary: string;
|
20
|
-
protected _dd: HTMLDataListElement;
|
21
20
|
protected render(): TemplateResult<1>;
|
22
21
|
}
|
23
22
|
export default Details;
|
23
|
+
export { Details };
|
24
24
|
//# sourceMappingURL=details.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;
|
1
|
+
{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/components/details.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import s from"@godown/f7-icon/icons/chevron-down.js";import{css as
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import s from"@godown/f7-icon/icons/chevron-down.js";import{css as a,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const m="details",c=d(m);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${e(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary||r("summary")}</span> <span><i part="icon">${s()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height:0">${r()}</div></dd></dl>`}};t([l({type:Boolean})],f.prototype,"fill",void 0),t([l()],f.prototype,"summary",void 0),f=t([o(m),i(a`:host{${c}--icon-deg-open:0deg;${c}--icon-deg-close:90deg;${c}--icon-space:0.3em;${c}--summary-direction:row;${c}--transition:.3s;height:-moz-fit-content;height:fit-content;display:block;transition:var(${c}--transition)}[part=root]{height:100%;position:relative;overflow:hidden}[part=title]{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background:inherit;align-items:center;flex-direction:var(${c}--summary-direction)}[part=details]{display:grid;overflow:hidden;grid-template-rows:0fr;transition:var(${c}--transition);transition-property:grid-template-rows}:host([open]) [part=details]{grid-template-rows:1fr}:host([float]) [part=details]{top:100%;position:absolute}[part=icon]{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(${c}--icon-space);transition:var(${c}--transition);transform:rotate(var(${c}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${c}--icon-deg-open))}`)],f);var h=f;export{f as Details,h as default};
|
2
2
|
//# sourceMappingURL=details.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","
|
1
|
+
{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","godown","styles","css","Details$1"],"mappings":"igBAWA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAAmBC,EAAKL,KAAKM,4CACXN,KAAKO,sCACPP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAGOT,KAAKC,KAAO,IAAMD,KAAKU,SAAW,mCAC9BF,wBAjBpCG,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAA,GAMZJ,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAA,GAXRlB,EAAOc,EAAA,CAJZK,EAAOtB,GACPuB,EACCC,CAAG,SAASvB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,0NAAiOA,2GAAkHA,yQAAgRA,iCAAwCA,uCAA8CA,sEAA6EA,wBAEr/BE,GA4BN,IAAAsB,EAAetB"}
|
package/components/dialog.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import type { HandlerEvent } from "@godown/element";
|
2
2
|
import { type PropertyValues, type TemplateResult } from "lit";
|
3
3
|
import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
|
4
4
|
/**
|
@@ -8,6 +8,7 @@ import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
|
|
8
8
|
*
|
9
9
|
* It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
|
10
10
|
*
|
11
|
+
* @fires change - Fires when the open changes.
|
11
12
|
* @category feedback
|
12
13
|
*/
|
13
14
|
declare class Dialog extends SuperOpenable {
|
@@ -34,4 +35,5 @@ declare class Dialog extends SuperOpenable {
|
|
34
35
|
close(): void;
|
35
36
|
}
|
36
37
|
export default Dialog;
|
38
|
+
export { Dialog };
|
37
39
|
//# sourceMappingURL=dialog.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;;GASG;AACH,cAIM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAY;IAEjC;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAM/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/dialog.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as n}from"@godown/element/directives/html-slot.js";import{css as s,html as r}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as l}from"../core/global-style.js";import m from"../core/super-openable.js";const p="dialog",h=a(p);let c=class Dialog extends m{constructor(){super(...arguments),this.direction="center",this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return r`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this._modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this._submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this._keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this._submitEvent),this.events.remove(document,"keydown",this._keydownEvent)))}_handleKeydown(t){t.preventDefault();const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&this.close()}_handelSubmit(t){"dialog"===t.target.method&&this.close()}close(){this._modalInvoke&&(this.modal=!1,this._modalInvoke=!1),this.open=!1}};t([d()],c.prototype,"direction",void 0),t([d({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([d()],c.prototype,"key",void 0),c=t([o(p),e(s`:host{${h}--background:none;${h}--background-modal:var(${l.background});${h}--opacity-modal:0.2;background:var(${h}--background);pointer-events:none;visibility:hidden;position:fixed;z-index:1;inset:0}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{pointer-events:all;visibility:visible;opacity:var(${h}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${h}--background-modal)}[part=root]{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)],c);var v=c;export{v as default};
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as n}from"@godown/element/directives/html-slot.js";import{css as s,html as r}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as l}from"../core/global-style.js";import m from"../core/super-openable.js";const p="dialog",h=a(p);let c=class Dialog extends m{constructor(){super(...arguments),this.direction="center",this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return r`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this._modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this._submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this._keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this._submitEvent),this.events.remove(document,"keydown",this._keydownEvent)))}_handleKeydown(t){t.preventDefault();const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&this.close()}_handelSubmit(t){"dialog"===t.target.method&&this.close()}close(){this._modalInvoke&&(this.modal=!1,this._modalInvoke=!1),this.open=!1}};t([d()],c.prototype,"direction",void 0),t([d({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([d()],c.prototype,"key",void 0),c=t([o(p),e(s`:host{${h}--background:none;${h}--background-modal:var(${l.background});${h}--opacity-modal:0.2;background:var(${h}--background);pointer-events:none;visibility:hidden;position:fixed;z-index:1;inset:0}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{pointer-events:all;visibility:visible;opacity:var(${h}--opacity-modal)}[part=modal]{visibility:hidden;opacity:0;width:100%;height:100%;position:absolute;background:var(${h}--background-modal)}[part=root]{width:100%;height:100%;display:flex;position:relative;align-items:center;justify-content:center}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)],c);var v=c;export{c as Dialog,v as default};
|
2
2
|
//# sourceMappingURL=dialog.js.map
|
package/components/dialog.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","direction","modal","key","_modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","_submitEvent","events","add","_handelSubmit","_keydownEvent","document","_handleKeydown","bind","remove","e","preventDefault","keys","split","includes","code","close","target","method","__decorate","property","prototype","type","Boolean","reflect","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"+dAWA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","direction","modal","key","_modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","_submitEvent","events","add","_handelSubmit","_keydownEvent","document","_handleKeydown","bind","remove","e","preventDefault","keys","split","includes","code","close","target","method","__decorate","property","prototype","type","Boolean","reflect","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"+dAWA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAgB7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAASC,UAAe,SAMxBD,KAAKE,OAAG,EAMRF,KAAGG,IAAG,SAEEH,KAAYI,cAAG,EAEb,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKP,KAAKQ,iEAEfC,kBAI5B,SAAAC,GACOV,KAAKE,QACRF,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKW,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBd,KAAKe,MACPf,KAAKgB,aAAehB,KAAKiB,OAAOC,IAAIlB,KAAM,SAAUA,KAAKmB,eACrDnB,KAAKG,MACPH,KAAKoB,cAAgBpB,KAAKiB,OAAOC,IAAIG,SAAU,UAAWrB,KAAKsB,eAAeC,KAAKvB,UAGrFA,KAAKiB,OAAOO,OAAOxB,KAAM,SAAUA,KAAKgB,cACxChB,KAAKiB,OAAOO,OAAOH,SAAU,UAAWrB,KAAKoB,iBAKzC,cAAAE,CAAeG,GACvBA,EAAEC,iBACF,MAAMC,EAAO3B,KAAKG,IAAIyB,MAAM,UACxBD,EAAKE,SAASJ,EAAEtB,MAAQwB,EAAKE,SAASJ,EAAEK,QAC1C9B,KAAK+B,QAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,QACXjC,KAAK+B,QAIT,KAAAA,GACM/B,KAAKI,eACPJ,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKe,MAAO,IAnEdmB,EAAA,CADCC,KAC+BtC,EAAAuC,UAAA,iBAAA,GAMhCF,EAAA,CADCC,EAAS,CAAEE,KAAMC,QAASC,SAAS,KACvB1C,EAAAuC,UAAA,aAAA,GAMbF,EAAA,CADCC,KACatC,EAAAuC,UAAA,WAAA,GAjBVvC,EAAMqC,EAAA,CAJXM,EAAO9C,GACP+C,EACCC,CAAG,SAAS/C,sBAA6BA,2BAAkCgD,EAAcC,eAAejD,uCAA8CA,8MAAqNA,sHAA6HA,wWAEpeE,GA4EN,IAAAgD,EAAehD"}
|
package/components/divider.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/components/divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC"}
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../src/components/divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/components/divider.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element/decorators/index.js";import{attr as e}from"@godown/element/directives/attr.js";import{css as i,html as s}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as d}from"../core/global-style.js";let l=class Divider extends d{constructor(){super(...arguments),this.vertical=!1}render(){return s`<div part="root" ${e(this.observedRecord)}></div>`}};t([a({type:Boolean,reflect:!0})],l.prototype,"vertical",void 0),l=t([o("divider"),r(i`:host{width:100%;height:.05em;margin:auto;display:block;background:currentColor}:host([vertical]){width:.05em;height:max(1em,100%)}:host([contents]) [part=root]{width:100%;height:.05em;margin:auto;display:block;background:currentColor}[part=root]{display:contents}`)],l);var m=l;export{m as default};
|
1
|
+
import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element/decorators/index.js";import{attr as e}from"@godown/element/directives/attr.js";import{css as i,html as s}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as d}from"../core/global-style.js";let l=class Divider extends d{constructor(){super(...arguments),this.vertical=!1}render(){return s`<div part="root" ${e(this.observedRecord)}></div>`}};t([a({type:Boolean,reflect:!0})],l.prototype,"vertical",void 0),l=t([o("divider"),r(i`:host{width:100%;height:.05em;margin:auto;display:block;background:currentColor}:host([vertical]){width:.05em;height:max(1em,100%)}:host([contents]) [part=root]{width:100%;height:.05em;margin:auto;display:block;background:currentColor}[part=root]{display:contents}`)],l);var m=l;export{l as Divider,m as default};
|
2
2
|
//# sourceMappingURL=divider.js.map
|
package/components/dragbox.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { EventListenerFunc } from "@godown/element/tools/events.js";
|
1
|
+
import type { EventListenerFunc } from "@godown/element/tools/events.js";
|
2
2
|
import { type TemplateResult } from "lit";
|
3
3
|
import { GlobalStyle } from "../core/global-style.js";
|
4
4
|
/**
|
@@ -38,4 +38,5 @@ declare class Dragbox extends GlobalStyle {
|
|
38
38
|
reset(): void;
|
39
39
|
}
|
40
40
|
export default Dragbox;
|
41
|
+
export { Dragbox };
|
41
42
|
//# sourceMappingURL=dragbox.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../src/components/dragbox.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;
|
1
|
+
{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../src/components/dragbox.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,EAAE,CAAS;IAEnB;;OAEG;IAEH,CAAC,SAAU;IAEX;;OAEG;IAEH,CAAC,SAAU;IAEX,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAU/C,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAC9C,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAE/C,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB1C,KAAK,IAAI,IAAI;CAWd;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/components/dragbox.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{styles as s}from"@godown/element/decorators/styles.js";import{attr as o}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{css as r,html as h}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as n}from"../core/global-style.js";let f=class Dragbox extends n{constructor(){super(...arguments),this.drag=!1,this.x="auto",this.y="auto"}get offsetsWidth(){return this.offsetParent?.clientWidth??document.body.offsetWidth}get offsetsHeight(){return this.offsetParent?.clientHeight??document.body.offsetHeight}render(){return h`<div part="root" ${o(this.observedRecord)} @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${i()}</div>`}firstUpdated(){this.reset()}_handleDragStart(t){this.cx=t.clientX,this.cy=t.clientY,this.t=this.offsetTop,this.l=this.offsetLeft,this.drag=!0,this._handleMouseMove=this.events.add(document,"mousemove",this._handleDrag.bind(this)),this._handleMouseLeave=this.events.add(document,"mouseleave",this._handleDragEnd.bind(this))}_handleDragEnd(){this.drag=!1,this.events.remove(document,"mousemove",this._handleMouseMove),this.events.remove(document,"mouseleave",this._handleMouseLeave)}_handleDrag(t){if(!this.drag)return;const e=t.clientX-(this.cx-this.l),s=t.clientY-(this.cy-this.t),{style:o,offsetsWidth:i,offsetsHeight:r,offsetWidth:h,offsetHeight:d}=this;o.left=e<0?"0":e<i-h?`${e}px`:i-h+'"px"',o.top=s<0?"0":s<r-d?`${s}px`:r-d+"px"}reset(){const{x:t,y:e,style:s,offsetsWidth:o,offsetsHeight:i,offsetWidth:r,offsetHeight:h,offsetLeft:d,offsetTop:n}=this;s.left=t||"0",s.top=e||"0",d>o-r&&(s.left=o-r+"px"),n>i-h&&(s.top=i-h+"px")}};t([d()],f.prototype,"x",void 0),t([d()],f.prototype,"y",void 0),f=t([e("dragbox"),s(r`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}`)],f);var a=f;export{a as default};
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{styles as s}from"@godown/element/decorators/styles.js";import{attr as o}from"@godown/element/directives/attr.js";import{htmlSlot as i}from"@godown/element/directives/html-slot.js";import{css as r,html as h}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as n}from"../core/global-style.js";let f=class Dragbox extends n{constructor(){super(...arguments),this.drag=!1,this.x="auto",this.y="auto"}get offsetsWidth(){return this.offsetParent?.clientWidth??document.body.offsetWidth}get offsetsHeight(){return this.offsetParent?.clientHeight??document.body.offsetHeight}render(){return h`<div part="root" ${o(this.observedRecord)} @mousedown="${this._handleDragStart}" @mouseup="${this._handleDragEnd}">${i()}</div>`}firstUpdated(){this.reset()}_handleDragStart(t){this.cx=t.clientX,this.cy=t.clientY,this.t=this.offsetTop,this.l=this.offsetLeft,this.drag=!0,this._handleMouseMove=this.events.add(document,"mousemove",this._handleDrag.bind(this)),this._handleMouseLeave=this.events.add(document,"mouseleave",this._handleDragEnd.bind(this))}_handleDragEnd(){this.drag=!1,this.events.remove(document,"mousemove",this._handleMouseMove),this.events.remove(document,"mouseleave",this._handleMouseLeave)}_handleDrag(t){if(!this.drag)return;const e=t.clientX-(this.cx-this.l),s=t.clientY-(this.cy-this.t),{style:o,offsetsWidth:i,offsetsHeight:r,offsetWidth:h,offsetHeight:d}=this;o.left=e<0?"0":e<i-h?`${e}px`:i-h+'"px"',o.top=s<0?"0":s<r-d?`${s}px`:r-d+"px"}reset(){const{x:t,y:e,style:s,offsetsWidth:o,offsetsHeight:i,offsetWidth:r,offsetHeight:h,offsetLeft:d,offsetTop:n}=this;s.left=t||"0",s.top=e||"0",d>o-r&&(s.left=o-r+"px"),n>i-h&&(s.top=i-h+"px")}};t([d()],f.prototype,"x",void 0),t([d()],f.prototype,"y",void 0),f=t([e("dragbox"),s(r`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}`)],f);var a=f;export{f as Dragbox,a as default};
|
2
2
|
//# sourceMappingURL=dragbox.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":["Dragbox","GlobalStyle","constructor","this","drag","x","y","offsetsWidth","offsetParent","clientWidth","document","body","offsetWidth","offsetsHeight","clientHeight","offsetHeight","render","html","attr","observedRecord","_handleDragStart","_handleDragEnd","htmlSlot","firstUpdated","reset","e","cx","clientX","cy","clientY","t","offsetTop","l","offsetLeft","_handleMouseMove","events","add","_handleDrag","bind","_handleMouseLeave","remove","nl","nt","style","left","top","__decorate","property","prototype","godown","styles","css","Dragbox$1"],"mappings":"maAqBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAeUC,KAAIC,MAAG,EAUfD,KAACE,EAAG,OAMJF,KAACG,EAAG,OA3BJ,gBAAIC,GACF,OAAOJ,KAAKK,cAAcC,aAAeC,SAASC,KAAKC,YAMzD,iBAAIC,GACF,OAAOV,KAAKK,cAAcM,cAAgBJ,SAASC,KAAKI,aAqBhD,MAAAC,GACR,OAAOC,CAAI,oBAEPC,EAAKf,KAAKgB,+BACEhB,KAAKiB,+BACPjB,KAAKkB,
|
1
|
+
{"version":3,"file":"dragbox.js","sources":["../src/components/dragbox.ts"],"sourcesContent":null,"names":["Dragbox","GlobalStyle","constructor","this","drag","x","y","offsetsWidth","offsetParent","clientWidth","document","body","offsetWidth","offsetsHeight","clientHeight","offsetHeight","render","html","attr","observedRecord","_handleDragStart","_handleDragEnd","htmlSlot","firstUpdated","reset","e","cx","clientX","cy","clientY","t","offsetTop","l","offsetLeft","_handleMouseMove","events","add","_handleDrag","bind","_handleMouseLeave","remove","nl","nt","style","left","top","__decorate","property","prototype","godown","styles","css","Dragbox$1"],"mappings":"maAqBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAeUC,KAAIC,MAAG,EAUfD,KAACE,EAAG,OAMJF,KAACG,EAAG,OA3BJ,gBAAIC,GACF,OAAOJ,KAAKK,cAAcC,aAAeC,SAASC,KAAKC,YAMzD,iBAAIC,GACF,OAAOV,KAAKK,cAAcM,cAAgBJ,SAASC,KAAKI,aAqBhD,MAAAC,GACR,OAAOC,CAAI,oBAEPC,EAAKf,KAAKgB,+BACEhB,KAAKiB,+BACPjB,KAAKkB,mBAEfC,YAII,YAAAC,GACRpB,KAAKqB,QAGG,gBAAAJ,CAAiBK,GACzBtB,KAAKuB,GAAKD,EAAEE,QACZxB,KAAKyB,GAAKH,EAAEI,QACZ1B,KAAK2B,EAAI3B,KAAK4B,UACd5B,KAAK6B,EAAI7B,KAAK8B,WACd9B,KAAKC,MAAO,EACZD,KAAK+B,iBAAmB/B,KAAKgC,OAAOC,IAAI1B,SAAU,YAAaP,KAAKkC,YAAYC,KAAKnC,OACrFA,KAAKoC,kBAAoBpC,KAAKgC,OAAOC,IAAI1B,SAAU,aAAcP,KAAKkB,eAAeiB,KAAKnC,OAMlF,cAAAkB,GACRlB,KAAKC,MAAO,EACZD,KAAKgC,OAAOK,OAAO9B,SAAU,YAAaP,KAAK+B,kBAC/C/B,KAAKgC,OAAOK,OAAO9B,SAAU,aAAcP,KAAKoC,mBAGxC,WAAAF,CAAYZ,GACpB,IAAKtB,KAAKC,KACR,OAEF,MAAMqC,EAAKhB,EAAEE,SAAWxB,KAAKuB,GAAKvB,KAAK6B,GACjCU,EAAKjB,EAAEI,SAAW1B,KAAKyB,GAAKzB,KAAK2B,IACjCa,MAAEA,EAAKpC,aAAEA,EAAYM,cAAEA,EAAaD,YAAEA,EAAWG,aAAEA,GAAiBZ,KAExEwC,EAAMC,KADJH,EAAK,EACM,IACJA,EAAKlC,EAAeK,EAChB,GAAG6B,MAEAlC,EAAeK,EAAlB,OAGb+B,EAAME,IADJH,EAAK,EACK,IACHA,EAAK7B,EAAgBE,EAClB,GAAG2B,MAEA7B,EAAgBE,EAAnB,KAIhB,KAAAS,GACE,MAAMnB,EAAEA,EAACC,EAAEA,EAACqC,MAAEA,EAAKpC,aAAEA,EAAYM,cAAEA,EAAaD,YAAEA,EAAWG,aAAEA,EAAYkB,WAAEA,EAAUF,UAAEA,GAAc5B,KACvGwC,EAAMC,KAAOvC,GAAK,IAClBsC,EAAME,IAAMvC,GAAK,IACb2B,EAAa1B,EAAeK,IAC9B+B,EAAMC,KAAUrC,EAAeK,EAAlB,MAEXmB,EAAYlB,EAAgBE,IAC9B4B,EAAME,IAAShC,EAAgBE,EAAnB,QAzEhB+B,EAAA,CADCC,KACS/C,EAAAgD,UAAA,SAAA,GAMVF,EAAA,CADCC,KACS/C,EAAAgD,UAAA,SAAA,GA/BNhD,EAAO8C,EAAA,CAJZG,EAPiB,WAQjBC,EACCC,CAAG,oGAECnD,GAuGN,IAAAoD,EAAepD"}
|
package/components/flex.d.ts
CHANGED
package/components/flex.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/components/flex.ts"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,
|
1
|
+
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../src/components/flex.ts"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAIM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAgBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|