godown 3.5.0 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/godown+lit.iife.js +2 -2
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +2 -2
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +2 -2
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +4 -4
- package/build/godown.js +4 -4
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +4 -4
- package/build/godown.umd.js.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/core/super-input.js +1 -1
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +0 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +6 -18
- package/src/components/button.ts +2 -3
- package/src/components/details.ts +1 -1
- package/src/components/dialog.ts +4 -6
- package/src/core/super-input.ts +3 -4
- package/src/core/super-openable.ts +0 -4
- package/tsconfig.json +33 -0
- package/web-types.json +1 -1
- package/dev/alert.d.ts +0 -9
- package/dev/alert.d.ts.map +0 -1
- package/dev/alert.js +0 -5
- package/dev/alert.js.map +0 -1
- package/dev/avatar.d.ts +0 -9
- package/dev/avatar.d.ts.map +0 -1
- package/dev/avatar.js +0 -5
- package/dev/avatar.js.map +0 -1
- package/dev/badge.d.ts +0 -9
- package/dev/badge.d.ts.map +0 -1
- package/dev/badge.js +0 -5
- package/dev/badge.js.map +0 -1
- package/dev/breath.d.ts +0 -9
- package/dev/breath.d.ts.map +0 -1
- package/dev/breath.js +0 -5
- package/dev/breath.js.map +0 -1
- package/dev/button.d.ts +0 -9
- package/dev/button.d.ts.map +0 -1
- package/dev/button.js +0 -5
- package/dev/button.js.map +0 -1
- package/dev/card.d.ts +0 -9
- package/dev/card.d.ts.map +0 -1
- package/dev/card.js +0 -5
- package/dev/card.js.map +0 -1
- package/dev/carousel.d.ts +0 -9
- package/dev/carousel.d.ts.map +0 -1
- package/dev/carousel.js +0 -5
- package/dev/carousel.js.map +0 -1
- package/dev/components/alert.d.ts +0 -55
- package/dev/components/alert.d.ts.map +0 -1
- package/dev/components/alert.js +0 -236
- package/dev/components/alert.js.map +0 -1
- package/dev/components/avatar.d.ts +0 -33
- package/dev/components/avatar.d.ts.map +0 -1
- package/dev/components/avatar.js +0 -119
- package/dev/components/avatar.js.map +0 -1
- package/dev/components/badge.d.ts +0 -31
- package/dev/components/badge.d.ts.map +0 -1
- package/dev/components/badge.js +0 -122
- package/dev/components/badge.js.map +0 -1
- package/dev/components/breath.d.ts +0 -36
- package/dev/components/breath.d.ts.map +0 -1
- package/dev/components/breath.js +0 -135
- package/dev/components/breath.js.map +0 -1
- package/dev/components/button.d.ts +0 -60
- package/dev/components/button.d.ts.map +0 -1
- package/dev/components/button.js +0 -288
- package/dev/components/button.js.map +0 -1
- package/dev/components/card.d.ts +0 -27
- package/dev/components/card.d.ts.map +0 -1
- package/dev/components/card.js +0 -87
- package/dev/components/card.js.map +0 -1
- package/dev/components/carousel.d.ts +0 -39
- package/dev/components/carousel.d.ts.map +0 -1
- package/dev/components/carousel.js +0 -184
- package/dev/components/carousel.js.map +0 -1
- package/dev/components/details.d.ts +0 -24
- package/dev/components/details.d.ts.map +0 -1
- package/dev/components/details.js +0 -124
- package/dev/components/details.js.map +0 -1
- package/dev/components/dialog.d.ts +0 -43
- package/dev/components/dialog.d.ts.map +0 -1
- package/dev/components/dialog.js +0 -154
- package/dev/components/dialog.js.map +0 -1
- package/dev/components/divider.d.ts +0 -17
- package/dev/components/divider.d.ts.map +0 -1
- package/dev/components/divider.js +0 -64
- package/dev/components/divider.js.map +0 -1
- package/dev/components/dragbox.d.ts +0 -42
- package/dev/components/dragbox.d.ts.map +0 -1
- package/dev/components/dragbox.js +0 -126
- package/dev/components/dragbox.js.map +0 -1
- package/dev/components/flex.d.ts +0 -34
- package/dev/components/flex.d.ts.map +0 -1
- package/dev/components/flex.js +0 -73
- package/dev/components/flex.js.map +0 -1
- package/dev/components/form.d.ts +0 -24
- package/dev/components/form.d.ts.map +0 -1
- package/dev/components/form.js +0 -76
- package/dev/components/form.js.map +0 -1
- package/dev/components/grid.d.ts +0 -38
- package/dev/components/grid.d.ts.map +0 -1
- package/dev/components/grid.js +0 -67
- package/dev/components/grid.js.map +0 -1
- package/dev/components/heading.d.ts +0 -31
- package/dev/components/heading.d.ts.map +0 -1
- package/dev/components/heading.js +0 -127
- package/dev/components/heading.js.map +0 -1
- package/dev/components/input.d.ts +0 -23
- package/dev/components/input.d.ts.map +0 -1
- package/dev/components/input.js +0 -99
- package/dev/components/input.js.map +0 -1
- package/dev/components/layout.d.ts +0 -28
- package/dev/components/layout.d.ts.map +0 -1
- package/dev/components/layout.js +0 -96
- package/dev/components/layout.js.map +0 -1
- package/dev/components/link.d.ts +0 -54
- package/dev/components/link.d.ts.map +0 -1
- package/dev/components/link.js +0 -110
- package/dev/components/link.js.map +0 -1
- package/dev/components/progress.d.ts +0 -16
- package/dev/components/progress.d.ts.map +0 -1
- package/dev/components/progress.js +0 -101
- package/dev/components/progress.js.map +0 -1
- package/dev/components/range.d.ts +0 -122
- package/dev/components/range.d.ts.map +0 -1
- package/dev/components/range.js +0 -391
- package/dev/components/range.js.map +0 -1
- package/dev/components/rotate.d.ts +0 -30
- package/dev/components/rotate.d.ts.map +0 -1
- package/dev/components/rotate.js +0 -93
- package/dev/components/rotate.js.map +0 -1
- package/dev/components/router.d.ts +0 -116
- package/dev/components/router.d.ts.map +0 -1
- package/dev/components/router.js +0 -240
- package/dev/components/router.js.map +0 -1
- package/dev/components/select.d.ts +0 -53
- package/dev/components/select.d.ts.map +0 -1
- package/dev/components/select.js +0 -269
- package/dev/components/select.js.map +0 -1
- package/dev/components/skeleton.d.ts +0 -28
- package/dev/components/skeleton.d.ts.map +0 -1
- package/dev/components/skeleton.js +0 -122
- package/dev/components/skeleton.js.map +0 -1
- package/dev/components/split.d.ts +0 -56
- package/dev/components/split.d.ts.map +0 -1
- package/dev/components/split.js +0 -220
- package/dev/components/split.js.map +0 -1
- package/dev/components/switch.d.ts +0 -32
- package/dev/components/switch.d.ts.map +0 -1
- package/dev/components/switch.js +0 -147
- package/dev/components/switch.js.map +0 -1
- package/dev/components/text.d.ts +0 -21
- package/dev/components/text.d.ts.map +0 -1
- package/dev/components/text.js +0 -96
- package/dev/components/text.js.map +0 -1
- package/dev/components/time.d.ts +0 -36
- package/dev/components/time.d.ts.map +0 -1
- package/dev/components/time.js +0 -75
- package/dev/components/time.js.map +0 -1
- package/dev/components/tooltip.d.ts +0 -51
- package/dev/components/tooltip.d.ts.map +0 -1
- package/dev/components/tooltip.js +0 -140
- package/dev/components/tooltip.js.map +0 -1
- package/dev/components/typewriter.d.ts +0 -49
- package/dev/components/typewriter.d.ts.map +0 -1
- package/dev/components/typewriter.js +0 -149
- package/dev/components/typewriter.js.map +0 -1
- package/dev/core/direction.d.ts +0 -27
- package/dev/core/direction.d.ts.map +0 -1
- package/dev/core/direction.js +0 -56
- package/dev/core/direction.js.map +0 -1
- package/dev/core/global-style.d.ts +0 -20
- package/dev/core/global-style.d.ts.map +0 -1
- package/dev/core/global-style.js +0 -82
- package/dev/core/global-style.js.map +0 -1
- package/dev/core/outline.d.ts +0 -20
- package/dev/core/outline.d.ts.map +0 -1
- package/dev/core/outline.js +0 -44
- package/dev/core/outline.js.map +0 -1
- package/dev/core/super-anchor.d.ts +0 -18
- package/dev/core/super-anchor.d.ts.map +0 -1
- package/dev/core/super-anchor.js +0 -60
- package/dev/core/super-anchor.js.map +0 -1
- package/dev/core/super-input.d.ts +0 -43
- package/dev/core/super-input.d.ts.map +0 -1
- package/dev/core/super-input.js +0 -203
- package/dev/core/super-input.js.map +0 -1
- package/dev/core/super-openable.d.ts +0 -16
- package/dev/core/super-openable.d.ts.map +0 -1
- package/dev/core/super-openable.js +0 -36
- package/dev/core/super-openable.js.map +0 -1
- package/dev/details.d.ts +0 -9
- package/dev/details.d.ts.map +0 -1
- package/dev/details.js +0 -5
- package/dev/details.js.map +0 -1
- package/dev/dialog.d.ts +0 -9
- package/dev/dialog.d.ts.map +0 -1
- package/dev/dialog.js +0 -5
- package/dev/dialog.js.map +0 -1
- package/dev/divider.d.ts +0 -9
- package/dev/divider.d.ts.map +0 -1
- package/dev/divider.js +0 -5
- package/dev/divider.js.map +0 -1
- package/dev/dragbox.d.ts +0 -9
- package/dev/dragbox.d.ts.map +0 -1
- package/dev/dragbox.js +0 -5
- package/dev/dragbox.js.map +0 -1
- package/dev/flex.d.ts +0 -9
- package/dev/flex.d.ts.map +0 -1
- package/dev/flex.js +0 -5
- package/dev/flex.js.map +0 -1
- package/dev/form.d.ts +0 -9
- package/dev/form.d.ts.map +0 -1
- package/dev/form.js +0 -5
- package/dev/form.js.map +0 -1
- package/dev/grid.d.ts +0 -9
- package/dev/grid.d.ts.map +0 -1
- package/dev/grid.js +0 -5
- package/dev/grid.js.map +0 -1
- package/dev/heading.d.ts +0 -9
- package/dev/heading.d.ts.map +0 -1
- package/dev/heading.js +0 -5
- package/dev/heading.js.map +0 -1
- package/dev/index.d.ts +0 -31
- package/dev/index.d.ts.map +0 -1
- package/dev/index.js +0 -31
- package/dev/index.js.map +0 -1
- package/dev/input.d.ts +0 -9
- package/dev/input.d.ts.map +0 -1
- package/dev/input.js +0 -5
- package/dev/input.js.map +0 -1
- package/dev/layout.d.ts +0 -9
- package/dev/layout.d.ts.map +0 -1
- package/dev/layout.js +0 -5
- package/dev/layout.js.map +0 -1
- package/dev/link.d.ts +0 -9
- package/dev/link.d.ts.map +0 -1
- package/dev/link.js +0 -5
- package/dev/link.js.map +0 -1
- package/dev/progress.d.ts +0 -9
- package/dev/progress.d.ts.map +0 -1
- package/dev/progress.js +0 -5
- package/dev/progress.js.map +0 -1
- package/dev/range.d.ts +0 -9
- package/dev/range.d.ts.map +0 -1
- package/dev/range.js +0 -5
- package/dev/range.js.map +0 -1
- package/dev/rotate.d.ts +0 -9
- package/dev/rotate.d.ts.map +0 -1
- package/dev/rotate.js +0 -5
- package/dev/rotate.js.map +0 -1
- package/dev/router.d.ts +0 -9
- package/dev/router.d.ts.map +0 -1
- package/dev/router.js +0 -5
- package/dev/router.js.map +0 -1
- package/dev/select.d.ts +0 -9
- package/dev/select.d.ts.map +0 -1
- package/dev/select.js +0 -5
- package/dev/select.js.map +0 -1
- package/dev/skeleton.d.ts +0 -9
- package/dev/skeleton.d.ts.map +0 -1
- package/dev/skeleton.js +0 -5
- package/dev/skeleton.js.map +0 -1
- package/dev/split.d.ts +0 -9
- package/dev/split.d.ts.map +0 -1
- package/dev/split.js +0 -5
- package/dev/split.js.map +0 -1
- package/dev/switch.d.ts +0 -9
- package/dev/switch.d.ts.map +0 -1
- package/dev/switch.js +0 -5
- package/dev/switch.js.map +0 -1
- package/dev/text.d.ts +0 -9
- package/dev/text.d.ts.map +0 -1
- package/dev/text.js +0 -5
- package/dev/text.js.map +0 -1
- package/dev/time.d.ts +0 -9
- package/dev/time.d.ts.map +0 -1
- package/dev/time.js +0 -5
- package/dev/time.js.map +0 -1
- package/dev/tooltip.d.ts +0 -9
- package/dev/tooltip.d.ts.map +0 -1
- package/dev/tooltip.js +0 -5
- package/dev/tooltip.js.map +0 -1
- package/dev/typewriter.d.ts +0 -9
- package/dev/typewriter.d.ts.map +0 -1
- package/dev/typewriter.js +0 -5
- package/dev/typewriter.js.map +0 -1
package/dev/components/text.js
DELETED
@@ -1,96 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, tokenList, godown, htmlSlot, styles } from "@godown/element";
|
3
|
-
import { css, html } from "lit";
|
4
|
-
import { property } from "lit/decorators.js";
|
5
|
-
import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
|
6
|
-
const protoName = "text";
|
7
|
-
const cssScope = scopePrefix(protoName);
|
8
|
-
/**
|
9
|
-
* {@linkcode Text} renders nowrap text.
|
10
|
-
*
|
11
|
-
* @category display
|
12
|
-
*/
|
13
|
-
let Text = class Text extends GlobalStyle {
|
14
|
-
constructor() {
|
15
|
-
super(...arguments);
|
16
|
-
/**
|
17
|
-
* Underline behavior.
|
18
|
-
*/
|
19
|
-
this.underline = "none";
|
20
|
-
/**
|
21
|
-
* Set background-clip to text.
|
22
|
-
*/
|
23
|
-
this.clip = false;
|
24
|
-
}
|
25
|
-
render() {
|
26
|
-
return html `
|
27
|
-
<span
|
28
|
-
part="root"
|
29
|
-
${attr(this.observedRecord)}
|
30
|
-
class="${tokenList(this.underline)}"
|
31
|
-
>
|
32
|
-
${htmlSlot()}
|
33
|
-
</span>
|
34
|
-
`;
|
35
|
-
}
|
36
|
-
};
|
37
|
-
__decorate([
|
38
|
-
property()
|
39
|
-
], Text.prototype, "underline", void 0);
|
40
|
-
__decorate([
|
41
|
-
property({ type: Boolean })
|
42
|
-
], Text.prototype, "clip", void 0);
|
43
|
-
Text = __decorate([
|
44
|
-
godown(protoName),
|
45
|
-
styles(css `
|
46
|
-
:host {
|
47
|
-
${cssScope}--color: currentColor;
|
48
|
-
${cssScope}--color-hover: currentColor;
|
49
|
-
${cssScope}--color-active: currentColor;
|
50
|
-
display: inline-block;
|
51
|
-
text-overflow: ellipsis;
|
52
|
-
overflow-wrap: break-word;
|
53
|
-
}
|
54
|
-
|
55
|
-
[part="root"] {
|
56
|
-
white-space: nowrap;
|
57
|
-
width: 100%;
|
58
|
-
vertical-align: bottom;
|
59
|
-
display: inline-block;
|
60
|
-
text-overflow: inherit;
|
61
|
-
overflow-wrap: inherit;
|
62
|
-
overflow: hidden;
|
63
|
-
color: var(${cssScope}--color);
|
64
|
-
}
|
65
|
-
|
66
|
-
[part="root"]:hover {
|
67
|
-
color: var(${cssScope}--color-hover, var(${cssScope}--color));
|
68
|
-
}
|
69
|
-
|
70
|
-
[part="root"]:active {
|
71
|
-
color: var(${cssScope}--color-active, var(${cssScope}--color));
|
72
|
-
}
|
73
|
-
|
74
|
-
.hover:hover,
|
75
|
-
.active:active,
|
76
|
-
.always {
|
77
|
-
text-decoration: underline;
|
78
|
-
}
|
79
|
-
|
80
|
-
.none {
|
81
|
-
text-decoration: none;
|
82
|
-
}
|
83
|
-
|
84
|
-
[clip] {
|
85
|
-
background: var(${cssGlobalVars.clipBackground});
|
86
|
-
display: inline-block;
|
87
|
-
color: transparent;
|
88
|
-
-webkit-text-fill-color: transparent;
|
89
|
-
background-clip: text;
|
90
|
-
-webkit-background-clip: text;
|
91
|
-
}
|
92
|
-
`)
|
93
|
-
], Text);
|
94
|
-
export default Text;
|
95
|
-
export { Text };
|
96
|
-
//# sourceMappingURL=text.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/components/text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AAkDH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,cAAS,GAA2C,MAAM,CAAC;QAE3D;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAaf,CAAC;IAXW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;;UAEhC,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;CACF,CAAA;AAnBC;IADC,QAAQ,EAAE;uCACgD;AAM3D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCACf;AAXT,IAAI;IAjDT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ;MACR,QAAQ;;;;;;;;;;;;;;iBAcG,QAAQ;;;;iBAIR,QAAQ,sBAAsB,QAAQ;;;;iBAItC,QAAQ,uBAAuB,QAAQ;;;;;;;;;;;;;;sBAclC,aAAa,CAAC,cAAc;;;;;;;CAOjD,CAAC;GACI,IAAI,CAwBT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/time.d.ts
DELETED
@@ -1,36 +0,0 @@
|
|
1
|
-
import { type PropertyValues, type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode Time} renders a formatting time.
|
5
|
-
*
|
6
|
-
* @fires time - Fires when the time changes.
|
7
|
-
* @category display
|
8
|
-
*/
|
9
|
-
declare class Time extends GlobalStyle {
|
10
|
-
/**
|
11
|
-
* Escape symbol.
|
12
|
-
*/
|
13
|
-
escape: string;
|
14
|
-
/**
|
15
|
-
* Format strings.
|
16
|
-
*/
|
17
|
-
format: string;
|
18
|
-
/**
|
19
|
-
* Time.
|
20
|
-
*/
|
21
|
-
time: Date;
|
22
|
-
/**
|
23
|
-
* If there is a value, update every gap or timeout.
|
24
|
-
*/
|
25
|
-
timeout: number;
|
26
|
-
/**
|
27
|
-
* The number of milliseconds that change with each update.
|
28
|
-
*/
|
29
|
-
gap: number;
|
30
|
-
protected timeoutId: number;
|
31
|
-
protected render(): TemplateResult<1>;
|
32
|
-
protected updated(changedProperties: PropertyValues): void;
|
33
|
-
}
|
34
|
-
export default Time;
|
35
|
-
export { Time };
|
36
|
-
//# sourceMappingURL=time.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAMM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAAyB;IAE/B;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;CAW3D;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/time.js
DELETED
@@ -1,75 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, godown, styles } from "@godown/element";
|
3
|
-
import fmtime from "fmtime";
|
4
|
-
import { css, html } from "lit";
|
5
|
-
import { property } from "lit/decorators.js";
|
6
|
-
import { GlobalStyle } from "../core/global-style.js";
|
7
|
-
const protoName = "time";
|
8
|
-
/**
|
9
|
-
* {@linkcode Time} renders a formatting time.
|
10
|
-
*
|
11
|
-
* @fires time - Fires when the time changes.
|
12
|
-
* @category display
|
13
|
-
*/
|
14
|
-
let Time = class Time extends GlobalStyle {
|
15
|
-
constructor() {
|
16
|
-
super(...arguments);
|
17
|
-
/**
|
18
|
-
* Escape symbol.
|
19
|
-
*/
|
20
|
-
this.escape = "%";
|
21
|
-
/**
|
22
|
-
* Format strings.
|
23
|
-
*/
|
24
|
-
this.format = "YYYY-MM-DD hh:mm:ss";
|
25
|
-
/**
|
26
|
-
* Time.
|
27
|
-
*/
|
28
|
-
this.time = new Date();
|
29
|
-
}
|
30
|
-
render() {
|
31
|
-
return html `
|
32
|
-
<span
|
33
|
-
part="root"
|
34
|
-
${attr(this.observedRecord)}
|
35
|
-
>
|
36
|
-
${fmtime(this.format, this.time, this.escape)}
|
37
|
-
</span>
|
38
|
-
`;
|
39
|
-
}
|
40
|
-
updated(changedProperties) {
|
41
|
-
if (changedProperties.has("timeout") && this.timeout) {
|
42
|
-
this.timeouts.remove(this.timeoutId);
|
43
|
-
this.timeoutId = this.timeouts.add(setInterval(() => {
|
44
|
-
this.dispatchEvent(new CustomEvent("time", { detail: this.time, composed: true }));
|
45
|
-
this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
|
46
|
-
}, Math.abs(this.timeout)));
|
47
|
-
}
|
48
|
-
}
|
49
|
-
};
|
50
|
-
__decorate([
|
51
|
-
property()
|
52
|
-
], Time.prototype, "escape", void 0);
|
53
|
-
__decorate([
|
54
|
-
property()
|
55
|
-
], Time.prototype, "format", void 0);
|
56
|
-
__decorate([
|
57
|
-
property({ type: Object })
|
58
|
-
], Time.prototype, "time", void 0);
|
59
|
-
__decorate([
|
60
|
-
property({ type: Number })
|
61
|
-
], Time.prototype, "timeout", void 0);
|
62
|
-
__decorate([
|
63
|
-
property({ type: Number })
|
64
|
-
], Time.prototype, "gap", void 0);
|
65
|
-
Time = __decorate([
|
66
|
-
godown(protoName),
|
67
|
-
styles(css `
|
68
|
-
:host {
|
69
|
-
text-align: center;
|
70
|
-
}
|
71
|
-
`)
|
72
|
-
], Time);
|
73
|
-
export default Time;
|
74
|
-
export { Time };
|
75
|
-
//# sourceMappingURL=time.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAA4C,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAOH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,qBAAqB,CAAC;QAE/B;;WAEG;QAEH,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;IAsC1B,CAAC;IAtBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;KAEhD,CAAC;IACJ,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACrD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAChC,WAAW,CAAC,GAAG,EAAE;gBACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACnF,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAC3B,CAAC;QACJ,CAAC;IACH,CAAC;CACF,CAAA;AAlDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACoB;AAM/B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACH;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACX;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCACf;AA7BR,IAAI;IANT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;CAIV,CAAC;GACI,IAAI,CAuDT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
@@ -1,51 +0,0 @@
|
|
1
|
-
import { type TemplateResult } from "lit";
|
2
|
-
import { SuperOpenable } from "../core/super-openable.js";
|
3
|
-
import { type DirectionCardinal, type DirectionCorner } from "../core/direction.js";
|
4
|
-
/**
|
5
|
-
* {@linkcode Tooltip} provide tooltip for slot elements.
|
6
|
-
*
|
7
|
-
* If it has the tip property, ignore the slot tip.
|
8
|
-
*
|
9
|
-
* @slot tip - Tip element if no `tip` provided.
|
10
|
-
* @slot - Content.
|
11
|
-
* @category feedback
|
12
|
-
*/
|
13
|
-
declare class Tooltip extends SuperOpenable {
|
14
|
-
/**
|
15
|
-
* Tip text, if there is a value, the slot will be ignored.
|
16
|
-
*/
|
17
|
-
tip: string;
|
18
|
-
/**
|
19
|
-
* Direction of opening the tip.
|
20
|
-
*/
|
21
|
-
direction: DirectionCardinal | DirectionCorner;
|
22
|
-
/**
|
23
|
-
* Content alignment.
|
24
|
-
*/
|
25
|
-
align: "center" | "flex-start" | "flex-end" | "start" | "end";
|
26
|
-
/**
|
27
|
-
* If true, allow penetration of the tip.
|
28
|
-
*/
|
29
|
-
propagation: boolean;
|
30
|
-
/**
|
31
|
-
* How can tips be triggered.
|
32
|
-
*
|
33
|
-
* If `focus`, element will be focusable, open tip when focused.
|
34
|
-
*
|
35
|
-
* If `hover`, element will open tip when hovered.
|
36
|
-
*
|
37
|
-
* @default "hover"
|
38
|
-
*/
|
39
|
-
type: "hover" | "focus";
|
40
|
-
static aligns: {
|
41
|
-
start: string;
|
42
|
-
end: string;
|
43
|
-
center: string;
|
44
|
-
"flex-start": string;
|
45
|
-
"flex-end": string;
|
46
|
-
};
|
47
|
-
protected render(): TemplateResult<1>;
|
48
|
-
}
|
49
|
-
export default Tooltip;
|
50
|
-
export { Tooltip };
|
51
|
-
//# sourceMappingURL=tooltip.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAwB,MAAM,sBAAsB,CAAC;AAK1G;;;;;;;;GAQG;AACH,cA0CM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,CAAS;IAEvD;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA4BtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,140 +0,0 @@
|
|
1
|
-
var Tooltip_1;
|
2
|
-
import { __decorate } from "tslib";
|
3
|
-
import { attr, godown, htmlSlot, styles } from "@godown/element";
|
4
|
-
import { css, html } from "lit";
|
5
|
-
import { property } from "lit/decorators.js";
|
6
|
-
import { scopePrefix } from "../core/global-style.js";
|
7
|
-
import { SuperOpenable } from "../core/super-openable.js";
|
8
|
-
import { directionOutsetPlace } from "../core/direction.js";
|
9
|
-
const protoName = "tooltip";
|
10
|
-
const cssScope = scopePrefix(protoName);
|
11
|
-
/**
|
12
|
-
* {@linkcode Tooltip} provide tooltip for slot elements.
|
13
|
-
*
|
14
|
-
* If it has the tip property, ignore the slot tip.
|
15
|
-
*
|
16
|
-
* @slot tip - Tip element if no `tip` provided.
|
17
|
-
* @slot - Content.
|
18
|
-
* @category feedback
|
19
|
-
*/
|
20
|
-
let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
|
21
|
-
constructor() {
|
22
|
-
super(...arguments);
|
23
|
-
/**
|
24
|
-
* Direction of opening the tip.
|
25
|
-
*/
|
26
|
-
this.direction = "top";
|
27
|
-
/**
|
28
|
-
* Content alignment.
|
29
|
-
*/
|
30
|
-
this.align = "center";
|
31
|
-
/**
|
32
|
-
* If true, allow penetration of the tip.
|
33
|
-
*/
|
34
|
-
this.propagation = false;
|
35
|
-
/**
|
36
|
-
* How can tips be triggered.
|
37
|
-
*
|
38
|
-
* If `focus`, element will be focusable, open tip when focused.
|
39
|
-
*
|
40
|
-
* If `hover`, element will open tip when hovered.
|
41
|
-
*
|
42
|
-
* @default "hover"
|
43
|
-
*/
|
44
|
-
this.type = "hover";
|
45
|
-
}
|
46
|
-
render() {
|
47
|
-
const align = Tooltip_1.aligns[this.align] || "inherit";
|
48
|
-
const isFocusable = this.type === "focus";
|
49
|
-
return html `
|
50
|
-
<div
|
51
|
-
part="root"
|
52
|
-
${attr(this.observedRecord)}
|
53
|
-
tabindex="${isFocusable ? 0 : -1}"
|
54
|
-
@focus="${isFocusable ? () => (this.open = true) : null}"
|
55
|
-
@blur="${isFocusable ? () => (this.open = false) : null}"
|
56
|
-
@mouseenter="${isFocusable ? null : () => (this.open = true)}"
|
57
|
-
@mouseleave="${isFocusable ? null : () => (this.open = false)}"
|
58
|
-
style="justify-content:${align};align-items:${align}"
|
59
|
-
>
|
60
|
-
${htmlSlot()}
|
61
|
-
<div
|
62
|
-
part="tip"
|
63
|
-
direction-outset-place
|
64
|
-
>
|
65
|
-
${this.tip
|
66
|
-
? html `
|
67
|
-
<span class="passive">${this.tip}</span>
|
68
|
-
`
|
69
|
-
: htmlSlot("tip")}
|
70
|
-
</div>
|
71
|
-
</div>
|
72
|
-
`;
|
73
|
-
}
|
74
|
-
};
|
75
|
-
Tooltip.aligns = {
|
76
|
-
start: "flex-start",
|
77
|
-
end: "flex-end",
|
78
|
-
center: "center",
|
79
|
-
"flex-start": "flex-start",
|
80
|
-
"flex-end": "flex-end",
|
81
|
-
};
|
82
|
-
__decorate([
|
83
|
-
property()
|
84
|
-
], Tooltip.prototype, "tip", void 0);
|
85
|
-
__decorate([
|
86
|
-
property()
|
87
|
-
], Tooltip.prototype, "direction", void 0);
|
88
|
-
__decorate([
|
89
|
-
property()
|
90
|
-
], Tooltip.prototype, "align", void 0);
|
91
|
-
__decorate([
|
92
|
-
property({ type: Boolean })
|
93
|
-
], Tooltip.prototype, "propagation", void 0);
|
94
|
-
__decorate([
|
95
|
-
property()
|
96
|
-
], Tooltip.prototype, "type", void 0);
|
97
|
-
Tooltip = Tooltip_1 = __decorate([
|
98
|
-
godown(protoName),
|
99
|
-
styles(directionOutsetPlace, css `
|
100
|
-
:host {
|
101
|
-
${cssScope}--tip-background: inherit;
|
102
|
-
width: fit-content;
|
103
|
-
}
|
104
|
-
|
105
|
-
:host,
|
106
|
-
[part="root"] {
|
107
|
-
display: inline-flex;
|
108
|
-
}
|
109
|
-
|
110
|
-
[part="root"] {
|
111
|
-
position: relative;
|
112
|
-
transition: inherit;
|
113
|
-
border-radius: inherit;
|
114
|
-
}
|
115
|
-
|
116
|
-
[part="tip"] {
|
117
|
-
width: fit-content;
|
118
|
-
height: fit-content;
|
119
|
-
position: absolute;
|
120
|
-
visibility: hidden;
|
121
|
-
transition: inherit;
|
122
|
-
user-select: none;
|
123
|
-
}
|
124
|
-
|
125
|
-
:host([open]) [part="tip"] {
|
126
|
-
visibility: visible;
|
127
|
-
}
|
128
|
-
|
129
|
-
.passive {
|
130
|
-
background: var(${cssScope}--tip-background);
|
131
|
-
}
|
132
|
-
|
133
|
-
[propagation] [part="tip"] {
|
134
|
-
pointer-events: none;
|
135
|
-
}
|
136
|
-
`)
|
137
|
-
], Tooltip);
|
138
|
-
export default Tooltip;
|
139
|
-
export { Tooltip };
|
140
|
-
//# sourceMappingURL=tooltip.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAgD,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE1G,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AA2CH,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QAOE;;WAEG;QAEH,cAAS,GAAwC,KAAK,CAAC;QAEvD;;WAEG;QAEH,UAAK,GAA2D,QAAQ,CAAC;QAEzE;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;;;WAQG;QAEH,SAAI,GAAsB,OAAO,CAAC;IAsCpC,CAAC;IA5BW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC1C,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;oBACf,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;kBACtB,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;iBAC9C,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;uBACxC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;uBAC7C,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;iCACpC,KAAK,gBAAgB,KAAK;;UAEjD,QAAQ,EAAE;;;;;YAKR,IAAI,CAAC,GAAG;YACR,CAAC,CAAC,IAAI,CAAA;wCACsB,IAAI,CAAC,GAAG;eACjC;YACH,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;;;KAGxB,CAAC;IACJ,CAAC;;AAnCM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAtCF;IADC,QAAQ,EAAE;oCACC;AAMZ;IADC,QAAQ,EAAE;0CAC4C;AAMvD;IADC,QAAQ,EAAE;sCAC8D;AAMzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAYpB;IADC,QAAQ,EAAE;qCACuB;AAnC9B,OAAO;IA1CZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,oBAAoB,EACpB,GAAG,CAAA;;QAEG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA6BQ,QAAQ;;;;;;GAM7B,CACF;GACK,OAAO,CAyEZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
import { type PropertyValueMap, type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "../core/global-style.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode Typewriter} renders a typewriter effect to text.
|
5
|
-
*
|
6
|
-
* @category effect
|
7
|
-
*/
|
8
|
-
declare class Typewriter extends GlobalStyle {
|
9
|
-
/**
|
10
|
-
* Raw text.
|
11
|
-
*/
|
12
|
-
content: string;
|
13
|
-
/**
|
14
|
-
* If true, hide the cursor
|
15
|
-
*/
|
16
|
-
ended: boolean;
|
17
|
-
/**
|
18
|
-
* Maximum random time.
|
19
|
-
*/
|
20
|
-
max: number;
|
21
|
-
/**
|
22
|
-
* Minimum random time.
|
23
|
-
*/
|
24
|
-
min: number;
|
25
|
-
/**
|
26
|
-
* Fixed time.
|
27
|
-
*/
|
28
|
-
delay: number;
|
29
|
-
/**
|
30
|
-
* The index at the beginning.
|
31
|
-
*/
|
32
|
-
index: number;
|
33
|
-
contentInternal: string;
|
34
|
-
protected timeoutID: number;
|
35
|
-
protected _i: HTMLElement;
|
36
|
-
/**
|
37
|
-
* {@linkcode Typewriter.content} length.
|
38
|
-
*/
|
39
|
-
get len(): number;
|
40
|
-
protected render(): TemplateResult<1>;
|
41
|
-
protected firstUpdated(): void;
|
42
|
-
protected updated(changedProperties: PropertyValueMap<this>): void;
|
43
|
-
write(at?: number): void;
|
44
|
-
stop(): void;
|
45
|
-
end(): void;
|
46
|
-
}
|
47
|
-
export default Typewriter;
|
48
|
-
export { Typewriter };
|
49
|
-
//# sourceMappingURL=typewriter.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cA8BM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAcpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
@@ -1,149 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, godown, htmlSlot, random, styles } from "@godown/element";
|
3
|
-
import { css, html } from "lit";
|
4
|
-
import { property, query, state } from "lit/decorators.js";
|
5
|
-
import { GlobalStyle, scopePrefix } from "../core/global-style.js";
|
6
|
-
const protoName = "typewriter";
|
7
|
-
const cssScope = scopePrefix(protoName);
|
8
|
-
/**
|
9
|
-
* {@linkcode Typewriter} renders a typewriter effect to text.
|
10
|
-
*
|
11
|
-
* @category effect
|
12
|
-
*/
|
13
|
-
let Typewriter = class Typewriter extends GlobalStyle {
|
14
|
-
constructor() {
|
15
|
-
super(...arguments);
|
16
|
-
/**
|
17
|
-
* Raw text.
|
18
|
-
*/
|
19
|
-
this.content = "";
|
20
|
-
/**
|
21
|
-
* If true, hide the cursor
|
22
|
-
*/
|
23
|
-
this.ended = false;
|
24
|
-
/**
|
25
|
-
* Maximum random time.
|
26
|
-
*/
|
27
|
-
this.max = 100;
|
28
|
-
/**
|
29
|
-
* Minimum random time.
|
30
|
-
*/
|
31
|
-
this.min = 50;
|
32
|
-
/**
|
33
|
-
* Fixed time.
|
34
|
-
*/
|
35
|
-
this.delay = 0;
|
36
|
-
/**
|
37
|
-
* The index at the beginning.
|
38
|
-
*/
|
39
|
-
this.index = 0;
|
40
|
-
this.contentInternal = "";
|
41
|
-
}
|
42
|
-
/**
|
43
|
-
* {@linkcode Typewriter.content} length.
|
44
|
-
*/
|
45
|
-
get len() {
|
46
|
-
return this.content.length;
|
47
|
-
}
|
48
|
-
render() {
|
49
|
-
return html `
|
50
|
-
<div
|
51
|
-
part="root"
|
52
|
-
${attr(this.observedRecord)}
|
53
|
-
>
|
54
|
-
${htmlSlot()} ${this.contentInternal}
|
55
|
-
<i
|
56
|
-
part="cursor"
|
57
|
-
?hidden="${this.ended}"
|
58
|
-
></i>
|
59
|
-
</div>
|
60
|
-
`;
|
61
|
-
}
|
62
|
-
firstUpdated() {
|
63
|
-
this.content ||= this._slot?.assignedNodes()[0]?.textContent.trim() || "";
|
64
|
-
if (!this.ended && this.len) {
|
65
|
-
this.write();
|
66
|
-
}
|
67
|
-
}
|
68
|
-
updated(changedProperties) {
|
69
|
-
if (changedProperties.has("index")) {
|
70
|
-
this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.contentInternal }));
|
71
|
-
}
|
72
|
-
}
|
73
|
-
write(at = this.index) {
|
74
|
-
this.contentInternal = this.content.slice(0, at + 1);
|
75
|
-
const timeout = this.delay || random(this.max, this.min);
|
76
|
-
this.timeoutID = this.timeouts.add(setTimeout(() => {
|
77
|
-
const nx = at + 1;
|
78
|
-
if (nx <= this.len) {
|
79
|
-
this.index = nx;
|
80
|
-
this.write();
|
81
|
-
}
|
82
|
-
}, timeout));
|
83
|
-
}
|
84
|
-
stop() {
|
85
|
-
clearTimeout(this.timeoutID);
|
86
|
-
}
|
87
|
-
end() {
|
88
|
-
this.ended = true;
|
89
|
-
}
|
90
|
-
};
|
91
|
-
__decorate([
|
92
|
-
property()
|
93
|
-
], Typewriter.prototype, "content", void 0);
|
94
|
-
__decorate([
|
95
|
-
property({ type: Boolean })
|
96
|
-
], Typewriter.prototype, "ended", void 0);
|
97
|
-
__decorate([
|
98
|
-
property({ type: Number })
|
99
|
-
], Typewriter.prototype, "max", void 0);
|
100
|
-
__decorate([
|
101
|
-
property({ type: Number })
|
102
|
-
], Typewriter.prototype, "min", void 0);
|
103
|
-
__decorate([
|
104
|
-
property({ type: Number })
|
105
|
-
], Typewriter.prototype, "delay", void 0);
|
106
|
-
__decorate([
|
107
|
-
property({ type: Number })
|
108
|
-
], Typewriter.prototype, "index", void 0);
|
109
|
-
__decorate([
|
110
|
-
state()
|
111
|
-
], Typewriter.prototype, "contentInternal", void 0);
|
112
|
-
__decorate([
|
113
|
-
query("i")
|
114
|
-
], Typewriter.prototype, "_i", void 0);
|
115
|
-
Typewriter = __decorate([
|
116
|
-
godown(protoName),
|
117
|
-
styles(css `
|
118
|
-
:host {
|
119
|
-
${cssScope}--cursor-width: .05em;
|
120
|
-
}
|
121
|
-
|
122
|
-
:host,
|
123
|
-
:host([contents]) [part="root"] {
|
124
|
-
display: inline-block;
|
125
|
-
}
|
126
|
-
|
127
|
-
i {
|
128
|
-
border-right: var(${cssScope}--cursor-width) solid;
|
129
|
-
margin-left: 0.02em;
|
130
|
-
animation: s 1.5s steps(1) infinite;
|
131
|
-
}
|
132
|
-
|
133
|
-
@keyframes s {
|
134
|
-
0% {
|
135
|
-
border-color: currentColor;
|
136
|
-
}
|
137
|
-
50% {
|
138
|
-
border-color: transparent;
|
139
|
-
}
|
140
|
-
}
|
141
|
-
|
142
|
-
slot {
|
143
|
-
display: none;
|
144
|
-
}
|
145
|
-
`)
|
146
|
-
], Typewriter);
|
147
|
-
export default Typewriter;
|
148
|
-
export { Typewriter };
|
149
|
-
//# sourceMappingURL=typewriter.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"typewriter.js","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"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"}
|
package/dev/core/direction.d.ts
DELETED
@@ -1,27 +0,0 @@
|
|
1
|
-
import { type CSSResult } from "lit";
|
2
|
-
/**
|
3
|
-
* Controls the inset alignment of the element relative to the direction.
|
4
|
-
*
|
5
|
-
* ```html
|
6
|
-
* <div direction="${direction}">
|
7
|
-
* <div direction-inset-align></div>
|
8
|
-
* </div>
|
9
|
-
* ```
|
10
|
-
*/
|
11
|
-
export declare const directionInsetAlign: CSSResult;
|
12
|
-
/**
|
13
|
-
* Controls the outset placement of the element relative to the direction.
|
14
|
-
*
|
15
|
-
* ```html
|
16
|
-
* <div direction="${direction}">
|
17
|
-
* <div direction-outset-place></div>
|
18
|
-
* </div>
|
19
|
-
* ```
|
20
|
-
*/
|
21
|
-
export declare const directionOutsetPlace: CSSResult;
|
22
|
-
export type DirectionCardinalX = "left" | "right";
|
23
|
-
export type DirectionCardinalY = "top" | "bottom";
|
24
|
-
export type DirectionCardinal = DirectionCardinalX | DirectionCardinalY;
|
25
|
-
export type DirectionCorner = "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
26
|
-
export type DirectionCenter = "center";
|
27
|
-
//# sourceMappingURL=direction.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"direction.d.ts","sourceRoot":"","sources":["../../src/core/direction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAIrD;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAgBjC,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAgBlC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AACxF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC"}
|