godown 3.0.0-canary.10 → 3.0.0-canary.12
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 +3 -3
- package/alert.d.ts +1 -0
- package/alert.d.ts.map +1 -1
- package/avatar.d.ts +1 -0
- package/avatar.d.ts.map +1 -1
- package/button.d.ts +1 -0
- package/button.d.ts.map +1 -1
- package/card.d.ts +1 -0
- package/card.d.ts.map +1 -1
- package/carousel.d.ts +1 -0
- package/carousel.d.ts.map +1 -1
- package/components/alert.d.ts +2 -1
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +6 -8
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +2 -1
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +8 -5
- 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 +6 -5
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +5 -3
- package/components/button.d.ts.map +1 -1
- package/components/button.js +20 -3
- package/components/button.js.map +1 -1
- package/components/card.d.ts +2 -1
- package/components/card.d.ts.map +1 -1
- package/components/card.js +5 -4
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +3 -1
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +17 -11
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +2 -1
- package/components/details.d.ts.map +1 -1
- package/components/details.js +3 -2
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +2 -2
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +5 -3
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +2 -3
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +5 -6
- package/components/divider.js.map +1 -1
- package/components/dragbox.d.ts +2 -1
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +4 -2
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +2 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +5 -4
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +2 -1
- package/components/form.d.ts.map +1 -1
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +2 -1
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +5 -4
- package/components/grid.js.map +1 -1
- package/components/input.d.ts +2 -1
- package/components/input.d.ts.map +1 -1
- package/components/input.js +3 -2
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +2 -1
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +6 -6
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +4 -0
- package/components/link.d.ts.map +1 -1
- package/components/link.js +10 -1
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +2 -1
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +5 -4
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +3 -2
- package/components/range.d.ts.map +1 -1
- package/components/range.js +8 -7
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +2 -1
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -1
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +9 -9
- package/components/router.d.ts.map +1 -1
- package/components/router.js.map +1 -1
- package/components/select.d.ts +2 -1
- package/components/select.d.ts.map +1 -1
- package/components/select.js +11 -5
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts +2 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +5 -4
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +2 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +4 -3
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +2 -1
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +4 -3
- package/components/switch.js.map +1 -1
- package/components/text.d.ts +2 -1
- package/components/text.d.ts.map +1 -1
- package/components/text.js +9 -6
- package/components/text.js.map +1 -1
- package/components/time.d.ts +2 -2
- package/components/time.d.ts.map +1 -1
- package/components/time.js +3 -2
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +2 -1
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +4 -3
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +2 -2
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +4 -5
- package/components/typewriter.js.map +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 +2 -1
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +4 -3
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +3 -2
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +10 -4
- package/core/super-input.js.map +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.d.ts +1 -0
- package/details.d.ts.map +1 -1
- package/dev/alert.d.ts +1 -0
- package/dev/alert.d.ts.map +1 -1
- package/dev/alert.js +1 -0
- package/dev/alert.js.map +1 -1
- package/dev/avatar.d.ts +1 -0
- package/dev/avatar.d.ts.map +1 -1
- package/dev/avatar.js +1 -0
- package/dev/avatar.js.map +1 -1
- package/dev/button.d.ts +1 -0
- package/dev/button.d.ts.map +1 -1
- package/dev/button.js +1 -0
- package/dev/button.js.map +1 -1
- package/dev/card.d.ts +1 -0
- package/dev/card.d.ts.map +1 -1
- package/dev/card.js +1 -0
- package/dev/card.js.map +1 -1
- package/dev/carousel.d.ts +1 -0
- package/dev/carousel.d.ts.map +1 -1
- package/dev/carousel.js +1 -0
- package/dev/carousel.js.map +1 -1
- package/dev/components/alert.d.ts +2 -1
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +12 -10
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +2 -1
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +21 -7
- 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 +17 -5
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +5 -3
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +23 -2
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +2 -1
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +8 -5
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +3 -1
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +27 -13
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +2 -1
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +8 -3
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +2 -2
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +12 -10
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +2 -3
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +19 -7
- 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 +9 -1
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +2 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +16 -4
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +2 -1
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +2 -1
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +16 -4
- package/dev/components/grid.js.map +1 -1
- package/dev/components/input.d.ts +2 -1
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +2 -1
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +2 -1
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +13 -6
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +4 -0
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +10 -1
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +2 -1
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +7 -2
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +3 -2
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +27 -22
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +2 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +1 -1
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +9 -9
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +2 -1
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +18 -7
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts +2 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +4 -3
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +2 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +15 -11
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +2 -1
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +15 -14
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts +2 -1
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +8 -4
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +2 -2
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +5 -2
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +2 -1
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +24 -12
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +2 -2
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +11 -4
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +10 -1
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts +2 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +8 -5
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +3 -2
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +13 -5
- package/dev/core/super-input.js.map +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/dev/details.d.ts +1 -0
- package/dev/details.d.ts.map +1 -1
- package/dev/details.js +1 -0
- package/dev/details.js.map +1 -1
- package/dev/dialog.d.ts +1 -0
- package/dev/dialog.d.ts.map +1 -1
- package/dev/dialog.js +1 -0
- package/dev/dialog.js.map +1 -1
- package/dev/divider.d.ts +1 -0
- package/dev/divider.d.ts.map +1 -1
- package/dev/divider.js +1 -0
- package/dev/divider.js.map +1 -1
- package/dev/dragbox.d.ts +1 -0
- package/dev/dragbox.d.ts.map +1 -1
- package/dev/dragbox.js +1 -0
- package/dev/dragbox.js.map +1 -1
- package/dev/flex.d.ts +1 -0
- package/dev/flex.d.ts.map +1 -1
- package/dev/flex.js +1 -0
- package/dev/flex.js.map +1 -1
- package/dev/form.d.ts +1 -0
- package/dev/form.d.ts.map +1 -1
- package/dev/form.js +1 -0
- package/dev/form.js.map +1 -1
- package/dev/grid.d.ts +1 -0
- package/dev/grid.d.ts.map +1 -1
- package/dev/grid.js +1 -0
- package/dev/grid.js.map +1 -1
- package/dev/layout.d.ts.map +1 -1
- package/dev/progress.d.ts.map +1 -1
- package/dev/router.d.ts.map +1 -1
- package/dev/split.d.ts +1 -1
- package/dev/split.d.ts.map +1 -1
- package/dev/typewriter.d.ts +1 -0
- package/dev/typewriter.d.ts.map +1 -1
- package/dev/typewriter.js +1 -0
- package/dev/typewriter.js.map +1 -1
- package/dialog.d.ts +1 -0
- package/dialog.d.ts.map +1 -1
- package/divider.d.ts +1 -0
- package/divider.d.ts.map +1 -1
- package/dragbox.d.ts +1 -0
- package/dragbox.d.ts.map +1 -1
- package/flex.d.ts +1 -0
- package/flex.d.ts.map +1 -1
- package/form.d.ts +1 -0
- package/form.d.ts.map +1 -1
- package/grid.d.ts +1 -0
- package/grid.d.ts.map +1 -1
- package/layout.d.ts.map +1 -1
- package/package.json +9 -5
- package/progress.d.ts.map +1 -1
- package/router.d.ts.map +1 -1
- package/split.d.ts +1 -1
- package/split.d.ts.map +1 -1
- package/src/alert.ts +2 -0
- package/src/avatar.ts +2 -0
- package/src/button.ts +2 -0
- package/src/card.ts +2 -0
- package/src/carousel.ts +2 -0
- package/src/components/alert.ts +18 -16
- package/src/components/avatar.ts +25 -11
- package/src/components/breath.ts +22 -10
- package/src/components/button.ts +21 -15
- package/src/components/card.ts +9 -6
- package/src/components/carousel.ts +36 -21
- package/src/components/details.ts +10 -5
- package/src/components/dialog.ts +19 -18
- package/src/components/divider.ts +19 -7
- package/src/components/dragbox.ts +16 -9
- package/src/components/flex.ts +17 -5
- package/src/components/form.ts +4 -4
- package/src/components/grid.ts +17 -5
- package/src/components/input.ts +5 -4
- package/src/components/layout.ts +15 -8
- package/src/components/link.ts +10 -2
- package/src/components/progress.ts +9 -4
- package/src/components/range.ts +44 -45
- package/src/components/rotate.ts +9 -6
- package/src/components/router.ts +27 -19
- package/src/components/select.ts +31 -20
- package/src/components/skeleton.ts +6 -5
- package/src/components/split.ts +23 -19
- package/src/components/switch.ts +20 -19
- package/src/components/text.ts +7 -9
- package/src/components/time.ts +12 -9
- package/src/components/tooltip.ts +26 -14
- package/src/components/typewriter.ts +19 -14
- package/src/core/global-style.ts +23 -4
- package/src/core/super-anchor.ts +11 -8
- package/src/core/super-input.ts +23 -21
- package/src/core/super-openable.ts +5 -5
- package/src/details.ts +2 -0
- package/src/dialog.ts +2 -0
- package/src/divider.ts +2 -0
- package/src/dragbox.ts +2 -0
- package/src/flex.ts +2 -0
- package/src/form.ts +2 -0
- package/src/grid.ts +2 -0
- package/src/layout.ts +1 -0
- package/src/progress.ts +1 -0
- package/src/router.ts +1 -0
- package/src/split.ts +1 -1
- package/src/typewriter.ts +2 -0
- package/typewriter.d.ts +1 -0
- package/typewriter.d.ts.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,UAAU;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;AAME;AAKF,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AAOE;;;AAGE;QAEF,IAAS,CAAA,SAAA,GAA2B,UAAU;AAE9C;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,IAAI;;IAEJ,MAAM,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,QAAQ,EAAE;;AAEnB,QAAA,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAA,EACtD,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,SAAS,EAAE,GAAG,EAAE,CAAA,CAAA,EACxC,QAAQ,CAAC,SAAS,CAAC,QAAQ;;CAEjC;AAvBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACa,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAOtB,UAAA,CAAA;AADC,IAAA,QAAQ;AACqC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,KAAK;AACQ,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAlBV,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,CAAc,WAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAK,EAAA,EAAA,QAAQ,CAAY,SAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,EAAA,EAAK,QAAQ,CAAA,YAAA,EAAe,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAiC,8BAAA,EAAA,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA,iBAAA,EAAoB,QAAQ,CAAA,2JAAA,EAA8J,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,4HAAA,EAAgI,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,6RAAA,CAAgS;AAEphC,CAAA,EAAA,QAAQ,CA4Bd;AAEA,iBAAe,QAAQ;;;;"}
|
package/components/split.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import { type HandlerEvent } from "@godown/element/element.js";
|
2
|
+
import { type TemplateResult } from "lit";
|
2
3
|
import SuperInput from "../core/super-input.js";
|
3
4
|
/**
|
4
5
|
* {@linkcode Split} renders multiple input boxes.
|
@@ -20,7 +21,7 @@ declare class Split extends SuperInput {
|
|
20
21
|
index: number;
|
21
22
|
current: number;
|
22
23
|
currentValue: (string | void)[];
|
23
|
-
protected render():
|
24
|
+
protected render(): TemplateResult<1>;
|
24
25
|
connectedCallback(): void;
|
25
26
|
protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
|
26
27
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IASrC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,IAAI;IAa3E;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2C9C,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKxB,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;CAQd;AAED,eAAe,KAAK,CAAC"}
|
package/components/split.js
CHANGED
@@ -1,8 +1,9 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
4
5
|
import { classList } from '@godown/element/directives/class-list.js';
|
5
|
-
import { html, nothing
|
6
|
+
import { css, html, nothing } from 'lit';
|
6
7
|
import { property, state } from 'lit/decorators.js';
|
7
8
|
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
8
9
|
import SuperInput from '../core/super-input.js';
|
@@ -40,7 +41,7 @@ let Split = class Split extends SuperInput {
|
|
40
41
|
this.currentValue = [];
|
41
42
|
}
|
42
43
|
render() {
|
43
|
-
return html `<div part="root">${loop(this.len, (index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${this.currentValue[index]}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
|
44
|
+
return html `<div part="root" ${attr(this.observedRecord)}>${loop(this.len, (index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${this.currentValue[index]}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
|
44
45
|
/* Ensure that input always has a value of length this.len */
|
45
46
|
this.value.padStart(this.len, " ")}"></div>`;
|
46
47
|
}
|
@@ -146,7 +147,7 @@ __decorate([
|
|
146
147
|
], Split.prototype, "currentValue", void 0);
|
147
148
|
Split = __decorate([
|
148
149
|
godown(protoName),
|
149
|
-
styles(css `:host{color:var(${cssGlobalVars.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${cssScope}--size:1.45em;${cssScope}--gap:.25em}[part=root]{gap:var(${cssScope}--gap);width:100%;position:relative;vertical-align:top;display:
|
150
|
+
styles(css `:host{color:var(${cssGlobalVars.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${cssScope}--size:1.45em;${cssScope}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{gap:var(${cssScope}--gap);width:100%;position:relative;vertical-align:top;display:flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;text-align:center;background-color:var(${cssGlobalVars.input}-background);border-radius:inherit}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus{box-shadow:var(${cssGlobalVars.input}-box-shadow)}`)
|
150
151
|
], Split);
|
151
152
|
var Split$1 = Split;
|
152
153
|
|
package/components/split.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/components/switch.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import SuperInput from "../core/super-input.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Switch} renders a switch.
|
@@ -29,7 +30,7 @@ declare class Switch extends SuperInput {
|
|
29
30
|
*/
|
30
31
|
value: string;
|
31
32
|
protected _input: HTMLInputElement;
|
32
|
-
protected render():
|
33
|
+
protected render(): TemplateResult<1>;
|
33
34
|
reset(): void;
|
34
35
|
connectedCallback(): void;
|
35
36
|
protected _handleChange(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}
|
package/components/switch.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import {
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
5
|
+
import { css, html } from 'lit';
|
5
6
|
import { property, query } from 'lit/decorators.js';
|
6
7
|
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
7
8
|
import SuperInput from '../core/super-input.js';
|
@@ -41,7 +42,7 @@ let Switch = class Switch extends SuperInput {
|
|
41
42
|
this.value = "on";
|
42
43
|
}
|
43
44
|
render() {
|
44
|
-
return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`;
|
45
|
+
return html `<div part="root" ${attr(this.observedRecord)} class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`;
|
45
46
|
}
|
46
47
|
reset() {
|
47
48
|
this.checked = this.default === "true";
|
@@ -85,7 +86,7 @@ __decorate([
|
|
85
86
|
], Switch.prototype, "_input", void 0);
|
86
87
|
Switch = __decorate([
|
87
88
|
godown(protoName),
|
88
|
-
styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);
|
89
|
+
styles(css `:host,:host([contents]) [part=root]{width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block}:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}input{opacity:0;width:100%;height:100%;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2);background:var(${cssGlobalVars.passive})}:host([checked]) span{left:50%}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span{--size:var(${cssScope}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${cssScope}-handle-space)}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
|
89
90
|
], Switch);
|
90
91
|
var Switch$1 = Switch;
|
91
92
|
|
package/components/switch.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/components/text.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Text} renders nowrap text.
|
@@ -13,7 +14,7 @@ declare class Text extends GlobalStyle {
|
|
13
14
|
* Set background-clip to text.
|
14
15
|
*/
|
15
16
|
clip: boolean;
|
16
|
-
protected render():
|
17
|
+
protected render(): TemplateResult<1>;
|
17
18
|
}
|
18
19
|
export default Text;
|
19
20
|
//# sourceMappingURL=text.d.ts.map
|
package/components/text.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,UAAS;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC"}
|
package/components/text.js
CHANGED
@@ -1,11 +1,12 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
4
5
|
import { classList } from '@godown/element/directives/class-list.js';
|
5
6
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
6
|
-
import {
|
7
|
+
import { css, html } from 'lit';
|
7
8
|
import { property } from 'lit/decorators.js';
|
8
|
-
import { scopePrefix,
|
9
|
+
import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
|
9
10
|
|
10
11
|
const protoName = "text";
|
11
12
|
const cssScope = scopePrefix(protoName);
|
@@ -21,11 +22,13 @@ let Text = class Text extends GlobalStyle {
|
|
21
22
|
* Underline behavior.
|
22
23
|
*/
|
23
24
|
this.underline = "none";
|
25
|
+
/**
|
26
|
+
* Set background-clip to text.
|
27
|
+
*/
|
28
|
+
this.clip = false;
|
24
29
|
}
|
25
30
|
render() {
|
26
|
-
return html `<span part="root" class="${classList(this.underline
|
27
|
-
clip: this.clip,
|
28
|
-
})}">${htmlSlot()}</span>`;
|
31
|
+
return html `<span part="root" ${attr(this.observedRecord)} class="${classList(this.underline)}">${htmlSlot()}</span>`;
|
29
32
|
}
|
30
33
|
};
|
31
34
|
__decorate([
|
@@ -36,7 +39,7 @@ __decorate([
|
|
36
39
|
], Text.prototype, "clip", void 0);
|
37
40
|
Text = __decorate([
|
38
41
|
godown(protoName),
|
39
|
-
styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}
|
42
|
+
styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
|
40
43
|
], Text);
|
41
44
|
var Text$1 = Text;
|
42
45
|
|
package/components/text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AAExB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAA2C,MAAM;AAE1D;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;;IAEF,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAEP,kBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,QAAA,EAClB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAEhC,QAAQ,EAAE,SACN;;CAEZ;AAjBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM1D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAXR,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,4PAAA,EAA+P,QAAQ,CAAA,qCAAA,EAAwC,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAA0C,uCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,4HAA4H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI;AACzxB,CAAA,EAAA,IAAI,CAsBV;AAEA,aAAe,IAAI;;;;"}
|
package/components/time.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { type PropertyValues } from "lit";
|
1
|
+
import { type PropertyValues, TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
3
|
/**
|
4
4
|
* {@linkcode Time} renders a formatting time.
|
@@ -27,7 +27,7 @@ declare class Time extends GlobalStyle {
|
|
27
27
|
*/
|
28
28
|
gap: any;
|
29
29
|
protected timeoutId: number;
|
30
|
-
protected render():
|
30
|
+
protected render(): TemplateResult<1>;
|
31
31
|
protected firstUpdated(): void;
|
32
32
|
protected updated(changedProperties: PropertyValues): void;
|
33
33
|
disconnectedCallback(): void;
|
package/components/time.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;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;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB,IAAI,IAAI;IAI5B,YAAY,IAAI,MAAM;CAKvB;AAED,eAAe,IAAI,CAAC"}
|
package/components/time.js
CHANGED
@@ -1,8 +1,9 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
4
5
|
import fmtime from 'fmtime';
|
5
|
-
import { css } from 'lit';
|
6
|
+
import { css, html } from 'lit';
|
6
7
|
import { property } from 'lit/decorators.js';
|
7
8
|
import { GlobalStyle } from '../core/global-style.js';
|
8
9
|
|
@@ -29,7 +30,7 @@ let Time = class Time extends GlobalStyle {
|
|
29
30
|
this.time = new Date();
|
30
31
|
}
|
31
32
|
render() {
|
32
|
-
return fmtime(this.format, this.time, this.escape)
|
33
|
+
return html `<span part="root" ${attr(this.observedRecord)}>${fmtime(this.format, this.time, this.escape)}</span>`;
|
33
34
|
}
|
34
35
|
firstUpdated() {
|
35
36
|
if (this.timeout) {
|
package/components/time.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,GAAG;AAEZ;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,0BAA0B;AAEnC;;AAEE;AAEF,QAAA,IAAA,CAAA,IAAI,GAAS,IAAI,IAAI,EAAE;;IAgBb,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAA,EACrD,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA,OAAA,CACvC;;IAGA,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;AAI9B,IAAA,OAAO,CAAC,iBAAiC,EAAA;AACjD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACpC,YAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC7B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;;IAK1C,oBAAoB,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;;IAG/B,YAAY,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,WAAW,CAAC,MAAK;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;SACvE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;;CAE9B;AA1DE,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AAC0B,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACH,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAClB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AA7BJ,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B;AAC/B,CAAA,EAAA,IAAI,CA+DV;AAEA,aAAe,IAAI;;;;"}
|
package/components/tooltip.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Tooltip} provide tooltip for slot elements.
|
@@ -42,7 +43,7 @@ declare class Tooltip extends SuperOpenable {
|
|
42
43
|
"flex-start": string;
|
43
44
|
"flex-end": string;
|
44
45
|
};
|
45
|
-
protected render():
|
46
|
+
protected render(): TemplateResult<1>;
|
46
47
|
}
|
47
48
|
export default Tooltip;
|
48
49
|
//# sourceMappingURL=tooltip.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAE9B;;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;CAStC;AAED,eAAe,OAAO,CAAC"}
|
package/components/tooltip.js
CHANGED
@@ -1,8 +1,9 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
4
5
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
5
|
-
import {
|
6
|
+
import { css, html } from 'lit';
|
6
7
|
import { property } from 'lit/decorators.js';
|
7
8
|
import { scopePrefix } from '../core/global-style.js';
|
8
9
|
import SuperOpenable from '../core/super-openable.js';
|
@@ -48,7 +49,7 @@ let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
|
|
48
49
|
render() {
|
49
50
|
const align = Tooltip_1.aligns[this.align] || "inherit";
|
50
51
|
const isFocusable = this.type === "focus";
|
51
|
-
return html `<div part="root" tabindex="${isFocusable ? 0 : -1}" @focus="${isFocusable ? () => this.open = true : null}" @blur="${isFocusable ? () => this.open = false : null}" @mouseenter="${isFocusable ? null : () => this.open = true}" @mouseleave="${isFocusable ? null : () => this.open = false}" style="justify-content:${align};align-items:${align}">${htmlSlot()}<div part="tip"
|
52
|
+
return html `<div part="root" ${attr(this.observedRecord)} tabindex="${isFocusable ? 0 : -1}" @focus="${isFocusable ? () => this.open = true : null}" @blur="${isFocusable ? () => this.open = false : null}" @mouseenter="${isFocusable ? null : () => this.open = true}" @mouseleave="${isFocusable ? null : () => this.open = false}" style="justify-content:${align};align-items:${align}">${htmlSlot()}<div part="tip">${this.tip
|
52
53
|
? html `<span class="passive">${this.tip}</span>`
|
53
54
|
: htmlSlot("tip")}</div></div>`;
|
54
55
|
}
|
@@ -77,7 +78,7 @@ __decorate([
|
|
77
78
|
], Tooltip.prototype, "type", void 0);
|
78
79
|
Tooltip = Tooltip_1 = __decorate([
|
79
80
|
godown(protoName),
|
80
|
-
styles(css `:host{${cssScope}--tip-background:inherit;
|
81
|
+
styles(css `:host{${cssScope}--tip-background:inherit;width:-moz-fit-content;width:fit-content}:host,[part=root]{display:inline-flex}[part=root]{position:relative;transition:inherit;border-radius:inherit}[part=tip]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${cssScope}--tip-background)}[propagation] [part=tip]{pointer-events:none}`, css `[direction^=top] [part=tip]{bottom:100%}[direction^=bottom] [part=tip]{top:100%}[direction$=right] [part=tip]{left:100%}[direction$=left] [part=tip]{right:100%}`)
|
81
82
|
], Tooltip);
|
82
83
|
var Tooltip$1 = Tooltip;
|
83
84
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAS,GAAG,SAAS;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAMF,IAAM,OAAO,GAAA,SAAA,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AAOE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAAe,KAAK;AAE7B;;AAEE;QAEF,IAAK,CAAA,KAAA,GAA2D,QAAQ;AAExE;;AAEE;QAEF,IAAW,CAAA,WAAA,GAAG,KAAK;AAEnB;;;;;;;;AAQE;QAEF,IAAI,CAAA,IAAA,GAAsB,OAAO;;IAUvB,MAAM,GAAA;AACd,QAAA,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS;AACrD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO;QACzC,OAAO,IAAI,CAAA,CAEP,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,WAAA,EACf,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA,UAAA,EACtB,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAC5C,SAAA,EAAA,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CAAA,eAAA,EACtC,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,eAAA,EAC3C,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,CAClC,yBAAA,EAAA,KAAK,gBAAgB,KAAK,CAAA,EAAA,EACjD,QAAQ,EAAE,CAAA,gBAAA,EAGZ,IAAI,CAAC;AACH,cAAE,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,CAAQ,OAAA;AAC/C,cAAE,QAAQ,CAAC,KAAK,CACpB,cAEO;;;AA5BF,OAAA,CAAA,MAAM,GAAG;AACd,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,YAAY,EAAE,YAAY;AAC1B,IAAA,UAAU,EAAE,UAAU;AACvB,CANY;AAhCb,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMX,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM7B,UAAA,CAAA;AADC,IAAA,QAAQ;AAC+D,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAMxE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACR,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AAYnB,UAAA,CAAA;AADC,IAAA,QAAQ;AACwB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAnC7B,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IALZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAA,mbAAA,EAAsb,QAAQ,CAAA,+DAAA,CAAiE,EACnhB,GAAG,CAAA,CAAA,gKAAA,CAAkK;AAEjK,CAAA,EAAA,OAAO,CAmEb;AAEA,gBAAe,OAAO;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { type PropertyValueMap } from "lit";
|
1
|
+
import { type PropertyValueMap, TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
3
|
/**
|
4
4
|
* {@linkcode Typewriter} renders a typewriter effect to text.
|
@@ -44,7 +44,7 @@ declare class Typewriter extends GlobalStyle {
|
|
44
44
|
* {@linkcode Typewriter.text} length.
|
45
45
|
*/
|
46
46
|
get len(): number;
|
47
|
-
protected render():
|
47
|
+
protected render(): TemplateResult<1>;
|
48
48
|
protected firstUpdated(): void;
|
49
49
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
50
50
|
write(at?: number): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvE,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb,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;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAYpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC"}
|
package/components/typewriter.js
CHANGED
@@ -1,10 +1,11 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { godown } from '@godown/element/decorators/godown.js';
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
+
import { attr } from '@godown/element/directives/attr.js';
|
4
5
|
import { classList } from '@godown/element/directives/class-list.js';
|
5
6
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
6
7
|
import { random } from '@godown/element/tools/lib.js';
|
7
|
-
import {
|
8
|
+
import { css, html } from 'lit';
|
8
9
|
import { property, state, query } from 'lit/decorators.js';
|
9
10
|
import { scopePrefix, GlobalStyle } from '../core/global-style.js';
|
10
11
|
|
@@ -58,9 +59,7 @@ let Typewriter = class Typewriter extends GlobalStyle {
|
|
58
59
|
return this.text.length;
|
59
60
|
}
|
60
61
|
render() {
|
61
|
-
return html
|
62
|
-
hidden: this.ended,
|
63
|
-
})}"></i>`;
|
62
|
+
return html `<div part="root" ${attr(this.observedRecord)}>${htmlSlot()} ${this.content} <i part="cursor" class="${classList({ hidden: this.ended })}"></i></div>`;
|
64
63
|
}
|
65
64
|
firstUpdated() {
|
66
65
|
if (!this.text) {
|
@@ -122,7 +121,7 @@ __decorate([
|
|
122
121
|
], Typewriter.prototype, "_i", void 0);
|
123
122
|
Typewriter = __decorate([
|
124
123
|
godown(protoName),
|
125
|
-
styles(css `:host{${cssScope}--cursor-width:.05em
|
124
|
+
styles(css `:host{${cssScope}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{border-right:var(${cssScope}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}.hidden{visibility:hidden}`)
|
126
125
|
], Typewriter);
|
127
126
|
var Typewriter$1 = Typewriter;
|
128
127
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter.js","sources":["../src/components/typewriter.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"typewriter.js","sources":["../src/components/typewriter.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
@@ -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,aAAa,MAAM,iBAAiB,CAAC;AAI5C,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAIhD,qBAAa,WAAY,SAAQ,aAAa;CAC7C;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,
|
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,aAAa,MAAM,iBAAiB,CAAC;AAI5C,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAIhD,qBAAa,WAAY,SAAQ,aAAa;CAC7C;AAID,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;CAWlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
|
package/core/global-style.js
CHANGED
@@ -46,7 +46,7 @@ GlobalStyle.styles = [
|
|
46
46
|
[cssGlobalVars.clipBackground + ""]: `linear-gradient(to bottom, var(${cssGlobalVars.foreground}), var(${cssGlobalVars.passive}))`,
|
47
47
|
})
|
48
48
|
+ "}"),
|
49
|
-
css `*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}`,
|
49
|
+
css `*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}:host([contents]){display:contents}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,
|
50
50
|
];
|
51
51
|
|
52
52
|
export { GlobalStyle, cssGlobalVars, scopePrefix, variablePrefix };
|
package/core/global-style.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,aAAa,CAAC,YAAY,KAAK,IAAI,YAAY,EAAE;AAE3C,MAAO,WAAY,SAAQ,aAAa,CAAA;AAC9C;AAEA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC;SAEzC,WAAW,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC,EAAA;AAChD,IAAA,OAAO,cAAc,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACzD;AAEM,SAAU,cAAc,CAAC,QAAgB,EAAA;AAC7C,IAAA,OAAO,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAC;AACnC;AAEa,MAAA,aAAa,
|
1
|
+
{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/core/super-anchor.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "./global-style.js";
|
2
3
|
declare class SuperAnchor extends GlobalStyle {
|
3
4
|
/**
|
@@ -8,7 +9,7 @@ declare class SuperAnchor extends GlobalStyle {
|
|
8
9
|
* A element target.
|
9
10
|
*/
|
10
11
|
target: "_blank" | "_self" | "_parent" | "_top";
|
11
|
-
protected render():
|
12
|
+
protected render(): TemplateResult<1>;
|
12
13
|
protected _handleClick(_: MouseEvent): void;
|
13
14
|
}
|
14
15
|
export default SuperAnchor;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAa;IACzB;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAC5C;AAED,eAAe,WAAW,CAAC"}
|
package/core/super-anchor.js
CHANGED
@@ -1,7 +1,8 @@
|
|
1
1
|
import { __decorate } from 'tslib';
|
2
2
|
import { styles } from '@godown/element/decorators/index.js';
|
3
|
+
import { attr } from '@godown/element/directives/attr.js';
|
3
4
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
4
|
-
import {
|
5
|
+
import { css, html } from 'lit';
|
5
6
|
import { property } from 'lit/decorators.js';
|
6
7
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
7
8
|
import { GlobalStyle } from './global-style.js';
|
@@ -19,7 +20,7 @@ let SuperAnchor = class SuperAnchor extends GlobalStyle {
|
|
19
20
|
this.target = "_self";
|
20
21
|
}
|
21
22
|
render() {
|
22
|
-
return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click="${this._handleClick}">${htmlSlot()}</a>`;
|
23
|
+
return html `<a part="root" ${attr(this.observedRecord)} href="${ifDefined(this.href)}" target="${this.target}" @click="${this._handleClick}">${htmlSlot()}</a>`;
|
23
24
|
}
|
24
25
|
// eslint-disable-next-line
|
25
26
|
_handleClick(_) { }
|
@@ -31,7 +32,7 @@ __decorate([
|
|
31
32
|
property()
|
32
33
|
], SuperAnchor.prototype, "target", void 0);
|
33
34
|
SuperAnchor = __decorate([
|
34
|
-
styles(css `:host{display:inline-block;color:currentColor;text-decoration:none;cursor:default}:host([href]){cursor:pointer}
|
35
|
+
styles(css `:host{display:inline-block;color:currentColor;text-decoration:none;cursor:default}:host([href]){cursor:pointer}[part=root]{width:100%;color:inherit;display:inline-block;text-decoration:inherit}`)
|
35
36
|
], SuperAnchor);
|
36
37
|
var SuperAnchor$1 = SuperAnchor;
|
37
38
|
|
package/core/super-anchor.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAUA,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW,CAAA;AAArC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAW,SAAS;AACxB;;AAEE;QAEF,IAAM,CAAA,MAAA,GAA4C,OAAO;;IAE/C,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CACP,eAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,OAAA,EACnB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAClB,UAAA,EAAA,IAAI,CAAC,MAAM,CACZ,UAAA,EAAA,IAAI,CAAC,YAAY,CACxB,EAAA,EAAA,QAAQ,EAAE,CAAA,IAAA,CACT;;;IAIG,YAAY,CAAC,CAAa,EAAA;CACtC;AAnBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACe,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAKxB,UAAA,CAAA;AADC,IAAA,QAAQ;AACgD,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAVrD,WAAW,GAAA,UAAA,CAAA;AADhB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,iMAAA,CAAmM;AACxM,CAAA,EAAA,WAAW,CAwBjB;AAEA,oBAAe,WAAW;;;;"}
|
package/core/super-input.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import { type HandlerEvent } from "@godown/element/element.js";
|
2
|
+
import { type TemplateResult } from "lit";
|
2
3
|
import { GlobalStyle } from "./global-style.js";
|
3
4
|
declare class SuperInput extends GlobalStyle {
|
4
5
|
autofocus: boolean;
|
@@ -30,8 +31,8 @@ declare class SuperInput extends GlobalStyle {
|
|
30
31
|
protected _changeInputType(t: typeof this.type): void;
|
31
32
|
focus(options?: FocusOptions): void;
|
32
33
|
protected firstUpdated(): void;
|
33
|
-
protected _renderPrefix():
|
34
|
-
protected _renderSuffix():
|
34
|
+
protected _renderPrefix(): TemplateResult<1>;
|
35
|
+
protected _renderSuffix(): TemplateResult<1>;
|
35
36
|
}
|
36
37
|
export default SuperInput;
|
37
38
|
type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
1
|
+
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAgB/D,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;IAMrD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAI5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAQ7C;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
|
package/core/super-input.js
CHANGED
@@ -7,11 +7,17 @@ import { css, html } from 'lit';
|
|
7
7
|
import { property } from 'lit/decorators.js';
|
8
8
|
import { cssGlobalVars, GlobalStyle } from './global-style.js';
|
9
9
|
|
10
|
-
const fieldStyle = css `.input-field{display:flex;position:relative;align-items:center;border-radius:inherit;height:inherit}.input-field [part=input]{background:0 0;height:100%;width:100%;color:inherit}.input-field.outline,.input-field:focus-within{box-shadow:var(${cssGlobalVars.input}-box-shadow)}.input-field [part=icon]{display:flex;align-items:center;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{height:100%;display:flex}.input-field [part=space]{
|
10
|
+
const fieldStyle = css `.input-field{display:flex;position:relative;align-items:center;border-radius:inherit;height:inherit}.input-field [part=input]{background:0 0;height:100%;width:100%;color:inherit;padding:0 var(${cssGlobalVars.input}-space)}.input-field.outline,.input-field:focus-within{box-shadow:var(${cssGlobalVars.input}-box-shadow)}.input-field [part=icon]{display:flex;align-items:center;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{height:100%;display:flex}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${cssGlobalVars.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${cssGlobalVars.input}-space)}`;
|
11
11
|
const inputStyle = css `:host{${cssGlobalVars.input}-width:10em;${cssGlobalVars.input}-height:1.6em;${cssGlobalVars.input}-space:.2em;${cssGlobalVars.input}-background:var(${cssGlobalVars.background});${cssGlobalVars.input}-control:var(${cssGlobalVars.foreground});${cssGlobalVars.input}-control-edge:var(${cssGlobalVars.active});${cssGlobalVars.input}-radius:.2em;${cssGlobalVars.input}-box-shadow:0 0 0 .1em var(${cssGlobalVars.active});border-radius:var(${cssGlobalVars.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;
|
12
12
|
let SuperInput = class SuperInput extends GlobalStyle {
|
13
13
|
constructor() {
|
14
14
|
super(...arguments);
|
15
|
+
this.autofocus = false;
|
16
|
+
this.disabled = false;
|
17
|
+
/**
|
18
|
+
* Returns true when the input is compositing.
|
19
|
+
*/
|
20
|
+
this.compositing = false;
|
15
21
|
this.makeId = Math.random().toString(36).slice(1);
|
16
22
|
this.nameValue = this.namevalue;
|
17
23
|
}
|
@@ -70,13 +76,13 @@ let SuperInput = class SuperInput extends GlobalStyle {
|
|
70
76
|
this._compositionInit();
|
71
77
|
}
|
72
78
|
_renderPrefix() {
|
73
|
-
return html `<label for="${this.makeId}" part="prefix"
|
79
|
+
return html `<label for="${this.makeId}" part="prefix">${htmlSlot("prefix")}</label>`;
|
74
80
|
}
|
75
81
|
_renderSuffix() {
|
76
82
|
const PASSWORD = "password";
|
77
83
|
return html `<label for="${this.makeId}" part="suffix">${this.type === "password"
|
78
|
-
? html `<i part="
|
79
|
-
: htmlSlot("suffix")}
|
84
|
+
? html `<i part="icon" @mousedown="${() => this._changeInputType("text")}" @mouseup="${() => this._changeInputType(PASSWORD)}" @mouseleave="${() => this._changeInputType(PASSWORD)}">${iconEyeSlashFill()}</i>`
|
85
|
+
: htmlSlot("suffix")}</label>`;
|
80
86
|
}
|
81
87
|
};
|
82
88
|
__decorate([
|