godown 3.1.0 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/build/godown+lit.iife.js +12 -12
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +12 -12
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +12 -12
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +10 -10
- package/build/godown.js +10 -10
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +10 -10
- package/build/godown.umd.js.map +1 -1
- package/components/alert.d.ts +1 -3
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -1
- package/components/alert.js.map +1 -1
- package/components/button.d.ts +1 -1
- package/components/button.d.ts.map +1 -1
- package/components/button.js.map +1 -1
- package/components/carousel.d.ts +5 -11
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -1
- package/components/carousel.js.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/link.d.ts +34 -7
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -1
- package/components/link.js.map +1 -1
- package/components/range.d.ts +7 -12
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -1
- package/components/range.js.map +1 -1
- package/components/router.d.ts +9 -1
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -1
- package/components/router.js.map +1 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -1
- package/components/split.js.map +1 -1
- package/components/text.js +1 -1
- package/components/text.js.map +1 -1
- package/components/time.d.ts +0 -3
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -1
- package/components/time.js.map +1 -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 -0
- 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 +1 -0
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +1 -1
- package/core/super-anchor.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/alert.d.ts +1 -3
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +32 -56
- package/dev/components/alert.js.map +1 -1
- package/dev/components/button.d.ts +1 -1
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js.map +1 -1
- package/dev/components/carousel.d.ts +5 -11
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +38 -37
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/input.js +2 -2
- package/dev/components/link.d.ts +34 -7
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +70 -12
- package/dev/components/link.js.map +1 -1
- package/dev/components/range.d.ts +7 -12
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +40 -54
- package/dev/components/range.js.map +1 -1
- package/dev/components/router.d.ts +9 -1
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +28 -21
- package/dev/components/router.js.map +1 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +2 -9
- package/dev/components/split.js.map +1 -1
- package/dev/components/text.js +2 -2
- package/dev/components/time.d.ts +0 -3
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +6 -20
- package/dev/components/time.js.map +1 -1
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +2 -2
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +1 -0
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +13 -9
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts +1 -0
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +3 -4
- package/dev/core/super-anchor.js.map +1 -1
- package/package.json +3 -3
- package/src/components/alert.ts +33 -64
- package/src/components/button.ts +1 -1
- package/src/components/carousel.ts +43 -42
- package/src/components/input.ts +2 -2
- package/src/components/link.ts +75 -12
- package/src/components/range.ts +48 -62
- package/src/components/router.ts +32 -21
- package/src/components/split.ts +2 -10
- package/src/components/text.ts +2 -2
- package/src/components/time.ts +8 -23
- package/src/components/typewriter.ts +9 -7
- package/src/core/global-style.ts +13 -9
- package/src/core/super-anchor.ts +5 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.js","sourceRoot":"","sources":["../../src/components/split.ts"],"names":[],"mappings":";AAAA,OAAO,EAAqB,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;
|
1
|
+
{"version":3,"file":"split.js","sourceRoot":"","sources":["../../src/components/split.ts"],"names":[],"mappings":"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"}
|
package/dev/components/text.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { attr,
|
2
|
+
import { attr, tokenList, godown, htmlSlot, styles } from "@godown/element";
|
3
3
|
import { css, html } from "lit";
|
4
4
|
import { property } from "lit/decorators.js";
|
5
5
|
import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
|
@@ -27,7 +27,7 @@ let Text = class Text extends GlobalStyle {
|
|
27
27
|
<span
|
28
28
|
part="root"
|
29
29
|
${attr(this.observedRecord)}
|
30
|
-
class="${
|
30
|
+
class="${tokenList(this.underline)}"
|
31
31
|
>
|
32
32
|
${htmlSlot()}
|
33
33
|
</span>
|
package/dev/components/time.d.ts
CHANGED
@@ -29,10 +29,7 @@ declare class Time extends GlobalStyle {
|
|
29
29
|
gap: any;
|
30
30
|
protected timeoutId: number;
|
31
31
|
protected render(): TemplateResult<1>;
|
32
|
-
protected firstUpdated(): void;
|
33
32
|
protected updated(changedProperties: PropertyValues): void;
|
34
|
-
disconnectedCallback(): void;
|
35
|
-
startTimeout(): number;
|
36
33
|
}
|
37
34
|
export default Time;
|
38
35
|
export { Time };
|
@@ -1 +1 @@
|
|
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,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,
|
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,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,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
CHANGED
@@ -37,29 +37,15 @@ let Time = class Time extends GlobalStyle {
|
|
37
37
|
</span>
|
38
38
|
`;
|
39
39
|
}
|
40
|
-
firstUpdated() {
|
41
|
-
if (this.timeout) {
|
42
|
-
this.timeoutId = this.startTimeout();
|
43
|
-
}
|
44
|
-
}
|
45
40
|
updated(changedProperties) {
|
46
|
-
if (changedProperties.has("timeout")) {
|
47
|
-
|
48
|
-
|
49
|
-
this.
|
50
|
-
|
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)));
|
51
47
|
}
|
52
48
|
}
|
53
|
-
disconnectedCallback() {
|
54
|
-
clearInterval(this.timeoutId);
|
55
|
-
this.timeoutId = undefined;
|
56
|
-
}
|
57
|
-
startTimeout() {
|
58
|
-
return setInterval(() => {
|
59
|
-
this.dispatchEvent(new CustomEvent("time", { detail: this.time, composed: true }));
|
60
|
-
this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
|
61
|
-
}, Math.abs(this.timeout));
|
62
|
-
}
|
63
49
|
};
|
64
50
|
__decorate([
|
65
51
|
property()
|
@@ -1 +1 @@
|
|
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;
|
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;qCACd;AAMb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAClB;AA7BL,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 +1 @@
|
|
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;
|
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"}
|
@@ -73,13 +73,13 @@ let Typewriter = class Typewriter extends GlobalStyle {
|
|
73
73
|
write(at = this.index) {
|
74
74
|
this.contentInternal = this.content.slice(0, at + 1);
|
75
75
|
const timeout = this.delay || random(this.max, this.min);
|
76
|
-
this.timeoutID = setTimeout(() => {
|
76
|
+
this.timeoutID = this.timeouts.add(setTimeout(() => {
|
77
77
|
const nx = at + 1;
|
78
78
|
if (nx <= this.len) {
|
79
79
|
this.index = nx;
|
80
80
|
this.write();
|
81
81
|
}
|
82
|
-
}, timeout);
|
82
|
+
}, timeout));
|
83
83
|
}
|
84
84
|
stop() {
|
85
85
|
clearTimeout(this.timeoutID);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter.js","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAA8C,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,YAAY,CAAC;AAC/B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AA+BH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QACE;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;QAEb;;WAEG;QAEH,UAAK,GAAG,KAAK,CAAC;QAEd;;WAEG;QAEH,QAAG,GAAG,GAAG,CAAC;QAEV;;WAEG;QAEH,QAAG,GAAG,EAAE,CAAC;QAET;;WAEG;QAEH,UAAK,GAAG,CAAC,CAAC;QAEV;;WAEG;QAEH,UAAK,GAAG,CAAC,CAAC;QAGV,oBAAe,GAAG,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"typewriter.js","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"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"}
|
@@ -16,6 +16,7 @@ export declare const cssGlobalVars: {
|
|
16
16
|
input: CSSResult;
|
17
17
|
white: CSSResult;
|
18
18
|
black: CSSResult;
|
19
|
+
color: CSSResult;
|
19
20
|
};
|
20
21
|
type PresetsGradientsCSSResult = Record<keyof typeof presetsRGB, Gradients<CSSResult>>;
|
21
22
|
//# sourceMappingURL=global-style.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAYlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
|
package/dev/core/global-style.js
CHANGED
@@ -22,6 +22,7 @@ export const cssGlobalVars = {
|
|
22
22
|
input: scopePrefix("input", 2),
|
23
23
|
white: scopePrefix("color-white", 2),
|
24
24
|
black: scopePrefix("color-black", 2),
|
25
|
+
color: scopePrefix("color", 2),
|
25
26
|
};
|
26
27
|
GlobalStyle.styles = [
|
27
28
|
unsafeCSS(":host{" +
|
@@ -29,18 +30,21 @@ GlobalStyle.styles = [
|
|
29
30
|
`${cssGlobalVars.white}:rgb(255 255 255);` +
|
30
31
|
travel((key, gradient, rgb) => {
|
31
32
|
cssGlobalVars._colors[key] ||= [];
|
32
|
-
cssGlobalVars._colors[key].push(unsafeCSS(
|
33
|
+
cssGlobalVars._colors[key].push(unsafeCSS(cssGlobalVars.color + "-" + key + "-" + gradient));
|
33
34
|
const endKey = `-${key}-${gradient}`;
|
34
|
-
const colorKey =
|
35
|
+
const colorKey = cssGlobalVars.color + endKey;
|
35
36
|
return `${colorKey}:rgb(${rgb});`;
|
36
37
|
}, presetsRGB).join("") +
|
37
|
-
joinProperties(
|
38
|
-
[cssGlobalVars.background
|
39
|
-
[cssGlobalVars.foreground
|
40
|
-
[cssGlobalVars.active
|
41
|
-
[cssGlobalVars.passive
|
42
|
-
[
|
43
|
-
|
38
|
+
joinProperties([
|
39
|
+
[cssGlobalVars.background, `var(${cssGlobalVars._colors.darkgray[9]})`],
|
40
|
+
[cssGlobalVars.foreground, `var(${cssGlobalVars._colors.lightgray[0]})`],
|
41
|
+
[cssGlobalVars.active, `var(${cssGlobalVars._colors.blue[6]})`],
|
42
|
+
[cssGlobalVars.passive, `var(${cssGlobalVars._colors.darkgray[6]})`],
|
43
|
+
[
|
44
|
+
cssGlobalVars.clipBackground,
|
45
|
+
`linear-gradient(to bottom, var(${cssGlobalVars.foreground}), var(${cssGlobalVars.passive}))`,
|
46
|
+
],
|
47
|
+
]) +
|
44
48
|
"}"),
|
45
49
|
css `
|
46
50
|
* {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAkB,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErD,MAAM,OAAO,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC;IAChD,OAAO,cAAc,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAgB;IAC7C,OAAO,SAAS,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,
|
1
|
+
{"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAmBM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAmBM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAC5C;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/dev/core/super-anchor.js
CHANGED
@@ -6,15 +6,14 @@ import { GlobalStyle } from "./global-style.js";
|
|
6
6
|
let SuperAnchor = class SuperAnchor extends GlobalStyle {
|
7
7
|
constructor() {
|
8
8
|
super(...arguments);
|
9
|
-
/**
|
10
|
-
* A element href.
|
11
|
-
*/
|
12
|
-
this.href = undefined;
|
13
9
|
/**
|
14
10
|
* A element target.
|
15
11
|
*/
|
16
12
|
this.target = "_self";
|
17
13
|
}
|
14
|
+
get pathname() {
|
15
|
+
return new URL(this.href, location.href).pathname;
|
16
|
+
}
|
18
17
|
render() {
|
19
18
|
return html `
|
20
19
|
<a
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBhD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;
|
1
|
+
{"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBhD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAArC;;QAME;;WAEG;QAEH,WAAM,GAA4C,OAAO,CAAC;IAqB5D,CAAC;IAnBC,IAAI,QAAQ;QACV,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IACpD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;gBACnB,IAAI,CAAC,IAAI,IAAI,OAAO;kBAClB,IAAI,CAAC,MAAM;iBACZ,IAAI,CAAC,YAAY;;UAExB,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;IAES,YAAY,CAAC,CAAa,IAAS,CAAC;CAC/C,CAAA;AA1BC;IADC,QAAQ,EAAE;yCACE;AAKb;IADC,QAAQ,EAAE;2CAC+C;AAVtD,WAAW;IAnBhB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBV,CAAC;GACI,WAAW,CA+BhB;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "godown",
|
3
|
-
"version": "3.
|
3
|
+
"version": "3.3.0",
|
4
4
|
"description": "Non Composite Web Components Library",
|
5
5
|
"type": "module",
|
6
6
|
"main": "index.js",
|
@@ -33,8 +33,8 @@
|
|
33
33
|
"lit": "^3.0.0",
|
34
34
|
"tslib": "^2.7.0",
|
35
35
|
"@godown/colors": "^1.0.0",
|
36
|
-
"@godown/element": "^1.
|
37
|
-
"@godown/f7-icon": "^1.0.
|
36
|
+
"@godown/element": "^1.2.0",
|
37
|
+
"@godown/f7-icon": "^1.0.2"
|
38
38
|
},
|
39
39
|
"publishConfig": {
|
40
40
|
"access": "public"
|
package/src/components/alert.ts
CHANGED
@@ -40,32 +40,6 @@ const darkStyles = constructCSSObject(
|
|
40
40
|
(prop) => toVar(prop),
|
41
41
|
);
|
42
42
|
|
43
|
-
const genLight = (key: string) => {
|
44
|
-
return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
|
45
|
-
};
|
46
|
-
|
47
|
-
/**
|
48
|
-
* @deprecated
|
49
|
-
*/
|
50
|
-
const lightStyles = constructCSSObject(
|
51
|
-
vars,
|
52
|
-
{
|
53
|
-
green: genLight("green"),
|
54
|
-
blue: genLight("blue"),
|
55
|
-
orange: genLight("orange"),
|
56
|
-
red: genLight("red"),
|
57
|
-
yellow: genLight("yellow"),
|
58
|
-
purple: genLight("purple"),
|
59
|
-
teal: genLight("teal"),
|
60
|
-
pink: genLight("pink"),
|
61
|
-
gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
|
62
|
-
white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
|
63
|
-
black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
|
64
|
-
},
|
65
|
-
() => ":host",
|
66
|
-
(prop) => toVar(prop),
|
67
|
-
);
|
68
|
-
|
69
43
|
const calls = {
|
70
44
|
tip: {
|
71
45
|
color: "teal",
|
@@ -116,67 +90,58 @@ const calls = {
|
|
116
90
|
@styles(css`
|
117
91
|
:host,
|
118
92
|
:where(:host([contents]) [part="root"]) {
|
119
|
-
border-radius: var(${cssScope}--border-radius);
|
120
93
|
${cssScope}--border-radius: .25em;
|
121
94
|
${cssScope}--border-width: .075em;
|
122
95
|
${cssScope}--blockquote-width: .2em;
|
123
|
-
${cssScope}--
|
96
|
+
${cssScope}--blockquote-background: transparent;
|
97
|
+
${cssScope}--gap: .5em;
|
98
|
+
border-radius: var(${cssScope}--border-radius);
|
124
99
|
display: block;
|
125
100
|
width: 100%;
|
126
101
|
}
|
127
102
|
|
128
103
|
[part="root"] {
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
padding: var(${cssScope}--padding);
|
104
|
+
color: var(${cssScope}--color, currentColor);
|
105
|
+
display: grid;
|
106
|
+
align-items: center;
|
107
|
+
grid-template-columns: auto 1fr auto;
|
108
|
+
grid-template-rows: auto 1fr;
|
109
|
+
border-color: currentColor;
|
136
110
|
border-radius: inherit;
|
137
|
-
border:
|
111
|
+
border-style: solid;
|
112
|
+
border-width: var(${cssScope}--border-width);
|
113
|
+
padding: var(${cssScope}--gap);
|
138
114
|
background: var(${cssScope}--background);
|
139
115
|
}
|
140
116
|
|
141
117
|
[variant="blockquote"] {
|
142
118
|
border-radius: 0;
|
143
|
-
border-
|
144
|
-
border-
|
145
|
-
|
146
|
-
border-top: none;
|
147
|
-
background: transparent;
|
119
|
+
border-width: 0;
|
120
|
+
border-left-width: var(${cssScope}--blockquote-width);
|
121
|
+
background: var(${cssScope}--blockquote-background);
|
148
122
|
}
|
149
123
|
|
150
|
-
[part
|
151
|
-
color: var(--color);
|
152
|
-
}
|
153
|
-
|
154
|
-
[part="root"] {
|
124
|
+
[part~="icon"] {
|
155
125
|
display: grid;
|
156
126
|
align-items: center;
|
157
|
-
|
158
|
-
grid-template-rows: auto 1fr;
|
127
|
+
height: 2em;
|
159
128
|
}
|
160
129
|
|
161
|
-
|
162
|
-
|
130
|
+
.start svg {
|
131
|
+
margin-inline-end: var(${cssScope}--gap);
|
163
132
|
}
|
164
133
|
|
165
|
-
|
166
|
-
|
167
|
-
align-items: center;
|
168
|
-
height: 2em;
|
134
|
+
.end svg {
|
135
|
+
margin-inline-start: var(${cssScope}--gap);
|
169
136
|
}
|
170
137
|
|
171
|
-
|
172
|
-
margin-right: 0.5em;
|
138
|
+
svg {
|
173
139
|
width: 1.25em;
|
174
140
|
height: 1.25em;
|
175
141
|
}
|
176
142
|
|
177
143
|
[part="content"] {
|
178
144
|
grid-row: span 2 / span 2;
|
179
|
-
line-height: 1.5em;
|
180
145
|
}
|
181
146
|
`)
|
182
147
|
class Alert extends GlobalStyle {
|
@@ -235,11 +200,9 @@ class Alert extends GlobalStyle {
|
|
235
200
|
* Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
|
236
201
|
*
|
237
202
|
* If variant is `"blockquote"`, hide the close button.
|
238
|
-
*
|
239
|
-
* ! __"light" will be deprecated__ in the future.
|
240
203
|
*/
|
241
204
|
@property()
|
242
|
-
variant: "blockquote" | "dark"
|
205
|
+
variant: "blockquote" | "dark" = "dark";
|
243
206
|
|
244
207
|
protected render(): TemplateResult<1> {
|
245
208
|
const color = calls[this.call]?.color || this.color;
|
@@ -249,7 +212,12 @@ class Alert extends GlobalStyle {
|
|
249
212
|
part="root"
|
250
213
|
${attr(this.observedRecord)}
|
251
214
|
>
|
252
|
-
<div
|
215
|
+
<div
|
216
|
+
part="icon"
|
217
|
+
class="start"
|
218
|
+
>
|
219
|
+
${icon}
|
220
|
+
</div>
|
253
221
|
<div part="content">
|
254
222
|
<strong part="title">${this.title || htmlSlot("title")}</strong>
|
255
223
|
${this.content || htmlSlot()}
|
@@ -258,14 +226,15 @@ class Alert extends GlobalStyle {
|
|
258
226
|
? ""
|
259
227
|
: html`
|
260
228
|
<div
|
261
|
-
part="close"
|
229
|
+
part="icon close"
|
230
|
+
class="end"
|
262
231
|
tabindex="0"
|
263
232
|
@click="${this.close}"
|
264
233
|
>
|
265
234
|
${iconXmark()}
|
266
235
|
</div>
|
267
236
|
`}
|
268
|
-
${htmlStyle(
|
237
|
+
${htmlStyle(darkStyles[color])}
|
269
238
|
</div>
|
270
239
|
`;
|
271
240
|
}
|
@@ -277,7 +246,7 @@ class Alert extends GlobalStyle {
|
|
277
246
|
|
278
247
|
protected firstUpdated(): void {
|
279
248
|
if (this.autoclose) {
|
280
|
-
setTimeout(() => this.close(), this.autoclose);
|
249
|
+
this.timeouts.add(setTimeout(() => this.close(), this.autoclose));
|
281
250
|
}
|
282
251
|
}
|
283
252
|
|
package/src/components/button.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { attr, godown, htmlSlot,
|
1
|
+
import { attr, godown, htmlSlot, part, styles } from "@godown/element";
|
2
2
|
import iconChevronLeft from "@godown/f7-icon/icons/chevron-left.js";
|
3
3
|
import iconChevronRight from "@godown/f7-icon/icons/chevron-right.js";
|
4
4
|
import { type TemplateResult, css, html } from "lit";
|
@@ -8,16 +8,16 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
8
8
|
|
9
9
|
const protoName = "carousel";
|
10
10
|
|
11
|
+
function getWidth(e) {
|
12
|
+
return e.getBoundingClientRect().width;
|
13
|
+
}
|
14
|
+
|
11
15
|
/**
|
12
16
|
* {@linkcode Carousel} make the content display as a carousel.
|
13
17
|
*
|
14
18
|
* When this component is `firstUpdated`,
|
15
19
|
* clone the first and last element and make the matching element visible when switching index.
|
16
20
|
*
|
17
|
-
* Child elements should maintain the same size.
|
18
|
-
*
|
19
|
-
* If no width, it will be the width of the first element.
|
20
|
-
*
|
21
21
|
* @slot - Carousel items, should maintain the same size.
|
22
22
|
* @fires change - Fires when the index changes.
|
23
23
|
* @category display
|
@@ -80,12 +80,6 @@ class Carousel extends GlobalStyle {
|
|
80
80
|
@property({ type: Number })
|
81
81
|
autoChange = 0;
|
82
82
|
|
83
|
-
/**
|
84
|
-
* Element width.
|
85
|
-
*/
|
86
|
-
@property()
|
87
|
-
width: string;
|
88
|
-
|
89
83
|
@part("move-root")
|
90
84
|
protected _moveRoot: HTMLElement;
|
91
85
|
|
@@ -95,6 +89,8 @@ class Carousel extends GlobalStyle {
|
|
95
89
|
|
96
90
|
private __cloneLast: HTMLElement | undefined;
|
97
91
|
|
92
|
+
protected _offset: number;
|
93
|
+
|
98
94
|
protected render(): TemplateResult<1> {
|
99
95
|
return html`
|
100
96
|
<div
|
@@ -107,47 +103,59 @@ class Carousel extends GlobalStyle {
|
|
107
103
|
>
|
108
104
|
${iconChevronLeft()}
|
109
105
|
</i>
|
110
|
-
<div
|
111
|
-
part="move-root"
|
112
|
-
style="transform:${`translateX(-${this.index + 1}00%)`}"
|
113
|
-
>
|
114
|
-
${htmlSlot()}
|
115
|
-
</div>
|
106
|
+
<div part="move-root">${htmlSlot()}</div>
|
116
107
|
<i
|
117
108
|
part="next"
|
118
109
|
@click="${this.next}"
|
119
110
|
>
|
120
111
|
${iconChevronRight()}
|
121
112
|
</i>
|
122
|
-
${htmlStyle(`:host,:host([contents]) [part=root]{width:${this.width};}`)}
|
123
113
|
</div>
|
124
114
|
`;
|
125
115
|
}
|
126
116
|
|
127
|
-
|
128
|
-
|
129
|
-
|
117
|
+
connectedCallback(): void {
|
118
|
+
super.connectedCallback();
|
130
119
|
if (this.children.length) {
|
131
|
-
this.width ||= `${(this.firstElementChild as HTMLElement).offsetWidth}px`;
|
132
|
-
|
133
120
|
this.__cloneFirst?.remove();
|
134
121
|
this.__cloneLast?.remove();
|
135
122
|
this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;
|
136
123
|
this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;
|
137
124
|
this.appendChild(this.__cloneLast);
|
138
125
|
this.insertBefore(this.__cloneFirst, this.firstElementChild);
|
139
|
-
this.show(this.index);
|
140
126
|
}
|
141
|
-
this.checkInterval();
|
142
127
|
}
|
143
128
|
|
144
|
-
|
145
|
-
|
129
|
+
protected async firstUpdated(): Promise<void> {
|
130
|
+
await this.updateComplete;
|
131
|
+
this.show(this.index, true);
|
146
132
|
}
|
147
133
|
|
148
|
-
|
134
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
|
135
|
+
super.attributeChangedCallback(name, _old, value);
|
136
|
+
if (name === "index" && this.isConnected) {
|
137
|
+
this.show(this.index);
|
138
|
+
}
|
139
|
+
}
|
140
|
+
|
141
|
+
show(i: number, n?: boolean): void {
|
142
|
+
i = this.normalizeIndex(i);
|
149
143
|
this.index = i;
|
144
|
+
this._offset = 0;
|
145
|
+
for (let childIndex = 0; childIndex <= i; childIndex++) {
|
146
|
+
this._offset -= getWidth(this.children[childIndex]);
|
147
|
+
}
|
148
|
+
this._offset += (getWidth(this) - getWidth(this.children[i + 1])) / 2;
|
150
149
|
this.dispatchEvent(new CustomEvent("change", { detail: i, composed: true }));
|
150
|
+
this._doTranslateX(`${this._offset}px`, n);
|
151
|
+
this.timeouts.remove(this.intervalID);
|
152
|
+
if (this.autoChange > 0) {
|
153
|
+
this.intervalID = this.timeouts.add(
|
154
|
+
setInterval(() => {
|
155
|
+
this.next();
|
156
|
+
}, this.autoChange),
|
157
|
+
);
|
158
|
+
}
|
151
159
|
}
|
152
160
|
|
153
161
|
next(): void {
|
@@ -157,7 +165,6 @@ class Carousel extends GlobalStyle {
|
|
157
165
|
} else {
|
158
166
|
this.show(this.index + 1);
|
159
167
|
}
|
160
|
-
this.checkInterval();
|
161
168
|
}
|
162
169
|
|
163
170
|
prev(): void {
|
@@ -167,26 +174,20 @@ class Carousel extends GlobalStyle {
|
|
167
174
|
} else {
|
168
175
|
this.show(this.index - 1);
|
169
176
|
}
|
170
|
-
this.checkInterval();
|
171
177
|
}
|
172
178
|
|
173
179
|
protected _doTranslateX(xValue: string, noTransition?: boolean): void {
|
174
180
|
this._moveRoot.style.transform = `translateX(${xValue})`;
|
175
|
-
|
176
|
-
this._moveRoot.style.transition = "none";
|
177
|
-
}
|
178
|
-
this._moveRoot.getBoundingClientRect();
|
181
|
+
this._moveRoot.style.transition = noTransition ? "none" : "";
|
179
182
|
}
|
180
183
|
|
181
|
-
|
182
|
-
if (
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
this.intervalID = setInterval(() => {
|
187
|
-
this.next();
|
188
|
-
}, this.autoChange);
|
184
|
+
normalizeIndex(i: number): number {
|
185
|
+
if (i < 0) {
|
186
|
+
return 0;
|
187
|
+
} else if (i > this.children.length - 3) {
|
188
|
+
return this.children.length - 3;
|
189
189
|
}
|
190
|
+
return i;
|
190
191
|
}
|
191
192
|
}
|
192
193
|
|
package/src/components/input.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { attr,
|
1
|
+
import { attr, tokenList, godown, part, styles } from "@godown/element";
|
2
2
|
import { type TemplateResult, css, html, nothing } from "lit";
|
3
3
|
import { property } from "lit/decorators.js";
|
4
4
|
|
@@ -44,7 +44,7 @@ class Input extends SuperInput {
|
|
44
44
|
<div
|
45
45
|
part="root"
|
46
46
|
${attr(this.observedRecord)}
|
47
|
-
class="${
|
47
|
+
class="${tokenList("input-field", this.variant)}"
|
48
48
|
>
|
49
49
|
${[
|
50
50
|
this._renderPrefix(),
|