godown 3.0.0-canary.8 → 3.0.0-canary.9
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/components/alert.js +1 -1
- package/components/avatar.d.ts +1 -0
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +3 -2
- package/components/avatar.js.map +1 -1
- package/components/breath.d.ts +1 -0
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +3 -2
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +12 -6
- package/components/button.d.ts.map +1 -1
- package/components/button.js +14 -11
- package/components/button.js.map +1 -1
- package/components/card.d.ts +1 -2
- package/components/card.d.ts.map +1 -1
- package/components/card.js +5 -10
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +5 -4
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +2 -1
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +4 -1
- package/components/details.d.ts.map +1 -1
- package/components/details.js +4 -1
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +4 -1
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +5 -2
- package/components/dialog.js.map +1 -1
- package/components/dragbox.d.ts +7 -7
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -1
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +1 -0
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +8 -0
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +0 -2
- package/components/form.d.ts.map +1 -1
- package/components/form.js +0 -2
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +7 -2
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -0
- package/components/grid.js.map +1 -1
- package/components/input.d.ts +2 -2
- package/components/input.d.ts.map +1 -1
- package/components/input.js +2 -2
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +2 -5
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +16 -4
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +3 -1
- package/components/link.d.ts.map +1 -1
- package/components/link.js +3 -1
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +1 -10
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +5 -14
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +12 -11
- package/components/range.d.ts.map +1 -1
- package/components/range.js +4 -11
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +1 -1
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -1
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +6 -8
- package/components/router.d.ts.map +1 -1
- package/components/router.js +9 -9
- package/components/router.js.map +1 -1
- package/components/select.d.ts +1 -2
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -2
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +2 -2
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +17 -0
- package/components/split.d.ts.map +1 -1
- package/components/split.js +42 -17
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +3 -3
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +5 -5
- package/components/switch.js.map +1 -1
- package/components/text.js +2 -2
- package/components/time.d.ts +4 -4
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -9
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +11 -1
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +19 -5
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +2 -2
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +2 -2
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +8 -1
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.js +1 -1
- package/core/super-input.d.ts +2 -2
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/avatar.d.ts +1 -0
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +1 -3
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/breath.d.ts +1 -0
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +1 -0
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +12 -6
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +18 -13
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +1 -2
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +21 -28
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +5 -4
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +1 -0
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +4 -1
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +3 -0
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +4 -1
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +4 -1
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/dragbox.d.ts +7 -7
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +1 -0
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +8 -0
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +0 -2
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +0 -2
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +7 -2
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +1 -0
- package/dev/components/grid.js.map +1 -1
- package/dev/components/input.d.ts +2 -2
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +1 -1
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +2 -5
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +15 -3
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +3 -1
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +3 -1
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +1 -10
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +3 -12
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +12 -11
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +3 -10
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +1 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +6 -8
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +9 -9
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +1 -2
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +0 -1
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +17 -0
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +41 -16
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +3 -3
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +7 -7
- package/dev/components/switch.js.map +1 -1
- package/dev/components/time.d.ts +4 -4
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +1 -9
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +11 -1
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +28 -8
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +2 -2
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +0 -1
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +8 -9
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-input.d.ts +2 -2
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js.map +1 -1
- package/index.js +13 -13
- package/package.json +1 -1
- package/src/components/avatar.ts +2 -3
- package/src/components/breath.ts +2 -0
- package/src/components/button.ts +26 -16
- package/src/components/card.ts +22 -27
- package/src/components/carousel.ts +7 -4
- package/src/components/details.ts +5 -1
- package/src/components/dialog.ts +6 -1
- package/src/components/dragbox.ts +8 -7
- package/src/components/flex.ts +6 -1
- package/src/components/form.ts +1 -2
- package/src/components/grid.ts +11 -2
- package/src/components/input.ts +3 -2
- package/src/components/layout.ts +6 -8
- package/src/components/link.ts +3 -1
- package/src/components/progress.ts +6 -12
- package/src/components/range.ts +15 -20
- package/src/components/rotate.ts +1 -1
- package/src/components/router.ts +18 -9
- package/src/components/select.ts +2 -2
- package/src/components/skeleton.ts +2 -0
- package/src/components/split.ts +48 -17
- package/src/components/switch.ts +12 -8
- package/src/components/time.ts +8 -4
- package/src/components/tooltip.ts +29 -8
- package/src/components/typewriter.ts +10 -3
- package/src/core/global-style.ts +9 -9
- package/src/core/super-input.ts +2 -2
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/router.js
CHANGED
@@ -27,6 +27,8 @@ const protoName = "router";
|
|
27
27
|
*
|
28
28
|
* If no routes are matched, the default value (no named slot) will be rendered.
|
29
29
|
*
|
30
|
+
* @slot - Display slot when there is no match.
|
31
|
+
* @slot * - Matching slot will be displayed.
|
30
32
|
* @category navigation
|
31
33
|
*/
|
32
34
|
let Router = Router_1 = class Router extends GlobalStyle {
|
@@ -70,10 +72,12 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
70
72
|
*/
|
71
73
|
this.cache = false;
|
72
74
|
/**
|
73
|
-
*
|
74
|
-
* @param first whether this path is loaded for the first time.
|
75
|
+
* Callback function when the route changes.
|
75
76
|
*/
|
76
77
|
this.routeChangeCallback = null;
|
78
|
+
this.handlePopstate = this.events.add(window, "popstate", () => {
|
79
|
+
this.pathname = location.pathname;
|
80
|
+
});
|
77
81
|
}
|
78
82
|
set routes(value) {
|
79
83
|
this.__routes = value;
|
@@ -145,9 +149,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
145
149
|
}
|
146
150
|
}
|
147
151
|
/**
|
148
|
-
*
|
149
|
-
* @param query Query string.
|
150
|
-
* @returns Components or null.
|
152
|
+
* Get component from {@linkcode routes} by query.
|
151
153
|
*/
|
152
154
|
fieldComponent(query) {
|
153
155
|
query ||= this.useWhich(this.pathname);
|
@@ -163,9 +165,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
163
165
|
return route.component;
|
164
166
|
}
|
165
167
|
/**
|
166
|
-
*
|
167
|
-
* @param query Query string.
|
168
|
-
* @returns Named slot element template result or null.
|
168
|
+
* Get component from slotted elements by query.
|
169
169
|
*/
|
170
170
|
slottedComponent(usedRouteTemplate) {
|
171
171
|
const slottedPaths = this._slottedNames;
|
@@ -209,7 +209,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
209
209
|
}
|
210
210
|
static updateAll() {
|
211
211
|
this.routerInstances.forEach((i) => {
|
212
|
-
i.
|
212
|
+
i.handlePopstate();
|
213
213
|
});
|
214
214
|
}
|
215
215
|
};
|
package/components/router.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AASA,MAAM,SAAS,GAAG,QAAQ;AAE1B
|
1
|
+
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/components/select.d.ts
CHANGED
@@ -15,13 +15,12 @@ import Input from "./input.js";
|
|
15
15
|
* @category input
|
16
16
|
*/
|
17
17
|
declare class Select extends Input {
|
18
|
-
_cache: WeakMap<HTMLElement, boolean>;
|
19
18
|
value: string | string[];
|
20
19
|
/**
|
21
20
|
* Selected texts.
|
22
21
|
*/
|
23
22
|
text: string;
|
24
|
-
_content: HTMLElement;
|
23
|
+
protected _content: HTMLElement;
|
25
24
|
direction: "top" | "bottom" | undefined;
|
26
25
|
multiple: boolean;
|
27
26
|
visible: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;GAaG;AACH,cAIM,MAAO,SAAQ,KAAK;
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAU/C,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;GAaG;AACH,cAIM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,EAAE,OAAO,CAAC;IAGlB,OAAO,EAAE,OAAO,CAAC;IAGjB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAY;IAErD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAA0C;IAExD,SAAS,CAAC,MAAM;IAShB,SAAS,CAAC,YAAY;IAYtB,SAAS,CAAC,YAAY;IA0BtB,SAAS,CAAC,cAAc;IAsBxB,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM;IA4BnC,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;IAcrB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM;IAIlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAUxD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAK5B,IAAI;IAMJ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC"}
|
package/components/select.js
CHANGED
@@ -4,7 +4,7 @@ import { part } from '@godown/element/decorators/part.js';
|
|
4
4
|
import { styles } from '@godown/element/decorators/styles.js';
|
5
5
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
6
6
|
import svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
|
7
|
-
import {
|
7
|
+
import { html, nothing, css } from 'lit';
|
8
8
|
import { property, state } from 'lit/decorators.js';
|
9
9
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
10
10
|
import Input from './input.js';
|
@@ -46,7 +46,6 @@ const protoName = "select";
|
|
46
46
|
let Select = class Select extends Input {
|
47
47
|
constructor() {
|
48
48
|
super(...arguments);
|
49
|
-
this._cache = new WeakMap();
|
50
49
|
this.autoDirection = "bottom";
|
51
50
|
this._store = [];
|
52
51
|
}
|
package/components/select.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAYA,SAAS,OAAO,CAAC,CAAS,EAAE,CAAS,EAAA;AACnC,IAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAC5D;AAEA,SAAS,SAAS,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAA;AAChD,IAAA,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC;AACnD,IAAA,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM;IACvC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC;AAC5B;AAEA,SAAS,aAAa,CAAC,OAA2B,EAAE,SAAgB,EAAA;IAClE,IAAI,OAAO,EAAE;QACX,MAAM,IAAI,GAAG,SAAS;QACtB,IAAI,SAAS,EAAE;AACb,YAAA,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;;aACzB;AACL,YAAA,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC;;;AAGnC;AAEA,MAAM,SAAS,GAAG,QAAQ;AAE1B;;;;;;;;;;;;;AAaE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,KAAK,CAAA;AAA1B,IAAA,WAAA,GAAA;;
|
1
|
+
{"version":3,"file":"select.js","sources":["../src/components/select.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAE/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM;CAMjB;AAED,eAAe,QAAQ,CAAC"}
|
package/components/skeleton.js
CHANGED
@@ -3,9 +3,9 @@ import { godown } from '@godown/element/decorators/godown.js';
|
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
4
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
5
5
|
import iconPhoto from '@godown/f7-icon/icons/photo.js';
|
6
|
-
import {
|
6
|
+
import { html, css } from 'lit';
|
7
7
|
import { property, state } from 'lit/decorators.js';
|
8
|
-
import { scopePrefix,
|
8
|
+
import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
|
9
9
|
|
10
10
|
const protoName = "skeleton";
|
11
11
|
const cssScope = scopePrefix(protoName);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,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;;
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,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;;QAEnB,OAAO,IAAI,CAAA,CAAA,wBAAA,EAA2B,IAAI,CAAC,SAAS,CAAA,EAAA,EAClD,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,SAAS,EAAE,GAAG,EAAE,CACxC,CAAA,EAAA,QAAQ,CAAC,SAAS,CAAC,CAAA,MAAA,CAAQ;;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,EAAgK,QAAQ,CAAA,gEAAA,EAAmE,QAAQ,CAAA,iHAAA,EAAqH,QAAQ,CAAA,WAAA,EAAc,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,cAAA,EAAiB,QAAQ,CAAA,kRAAA,CAAqR;AAEhgC,CAAA,EAAA,QAAQ,CA4Bd;AAEA,iBAAe,QAAQ;;;;"}
|
package/components/split.d.ts
CHANGED
@@ -23,6 +23,23 @@ declare class Split extends SuperInput {
|
|
23
23
|
protected render(): import("lit").TemplateResult<1>;
|
24
24
|
connectedCallback(): void;
|
25
25
|
protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
|
26
|
+
/**
|
27
|
+
* Fill input with data.
|
28
|
+
*
|
29
|
+
* If data is null
|
30
|
+
* - If current value is null, move to before.
|
31
|
+
* - If current value is not null, delete it.
|
32
|
+
*
|
33
|
+
* If data is not null
|
34
|
+
* - If current value is null, input data.
|
35
|
+
* - If current value is not null, input data and move to after.
|
36
|
+
*
|
37
|
+
* If data is multiple characters,
|
38
|
+
* Fill input with data[0] and call fillInput with data.slice(1).
|
39
|
+
*
|
40
|
+
* @param data Input event data.
|
41
|
+
*/
|
42
|
+
protected fillInput(data: string | null): void;
|
26
43
|
focus(): void;
|
27
44
|
focusAt(i: number): void;
|
28
45
|
blur(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;GAQG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;
|
1
|
+
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,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;IAShB,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAapE;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IA2CvC,KAAK;IAKL,OAAO,CAAC,CAAC,EAAE,MAAM;IAKjB,IAAI;IAMJ,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}
|
package/components/split.js
CHANGED
@@ -2,7 +2,7 @@ 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
4
|
import { classList } from '@godown/element/directives/class-list.js';
|
5
|
-
import {
|
5
|
+
import { html, nothing, css } from 'lit';
|
6
6
|
import { property, state } from 'lit/decorators.js';
|
7
7
|
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
8
8
|
import SuperInput from '../core/super-input.js';
|
@@ -53,7 +53,29 @@ let Split = class Split extends SuperInput {
|
|
53
53
|
if (this.compositing) {
|
54
54
|
return;
|
55
55
|
}
|
56
|
-
|
56
|
+
this.fillInput(e.data);
|
57
|
+
this.value = this.currentValue.join("");
|
58
|
+
this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
|
59
|
+
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
60
|
+
}
|
61
|
+
/**
|
62
|
+
* Fill input with data.
|
63
|
+
*
|
64
|
+
* If data is null
|
65
|
+
* - If current value is null, move to before.
|
66
|
+
* - If current value is not null, delete it.
|
67
|
+
*
|
68
|
+
* If data is not null
|
69
|
+
* - If current value is null, input data.
|
70
|
+
* - If current value is not null, input data and move to after.
|
71
|
+
*
|
72
|
+
* If data is multiple characters,
|
73
|
+
* Fill input with data[0] and call fillInput with data.slice(1).
|
74
|
+
*
|
75
|
+
* @param data Input event data.
|
76
|
+
*/
|
77
|
+
fillInput(data) {
|
78
|
+
if (data === null) {
|
57
79
|
// delete
|
58
80
|
if (this.currentValue[this.current] !== null) {
|
59
81
|
// delete exist value
|
@@ -65,25 +87,28 @@ let Split = class Split extends SuperInput {
|
|
65
87
|
const lastNotNull = this.currentValue.findLastIndex(a => a !== null);
|
66
88
|
this.current = this.current - 1 < 0 ? lastNotNull < 0 ? 0 : lastNotNull : this.current - 1;
|
67
89
|
}
|
90
|
+
return;
|
68
91
|
}
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
}
|
92
|
+
const multiple = data.length > 1;
|
93
|
+
// input
|
94
|
+
this.currentValue[this.current] = data[0];
|
95
|
+
if (this.current + 1 >= this.len) {
|
96
|
+
// index overflow
|
97
|
+
this.current = this.currentValue.indexOf(null);
|
98
|
+
if (this.current === -1) {
|
99
|
+
this.blur();
|
78
100
|
}
|
79
|
-
|
80
|
-
|
81
|
-
|
101
|
+
}
|
102
|
+
else {
|
103
|
+
// go to after
|
104
|
+
this.current += 1;
|
105
|
+
}
|
106
|
+
if (multiple) {
|
107
|
+
const after = data.slice(1);
|
108
|
+
if (after) {
|
109
|
+
this.fillInput(after);
|
82
110
|
}
|
83
111
|
}
|
84
|
-
this.value = this.currentValue.join("");
|
85
|
-
this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
|
86
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
87
112
|
}
|
88
113
|
focus() {
|
89
114
|
this.focusAt(this.current);
|
package/components/split.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAUA,MAAM,SAAS,GAAG,OAAO;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC,MAAM,IAAI,GAAG,CAAI,GAAW,EAAE,EAAyB,KAAI;AACzD,IAAA,MAAM,MAAM,GAAQ,IAAI,KAAK,CAAC,GAAG,CAAC;AAClC,IAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE;QACxC,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;;AAE3B,IAAA,OAAO,MAAM;AACf,CAAC;AAED;;;;;;;;AAQE;AAKF,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAG,CAAA,GAAA,GAAG,CAAC;
|
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
@@ -17,18 +17,18 @@ declare class Switch extends SuperInput {
|
|
17
17
|
*/
|
18
18
|
checked: boolean;
|
19
19
|
/**
|
20
|
-
*
|
20
|
+
* Disable this element.
|
21
21
|
*/
|
22
22
|
disabled: boolean;
|
23
23
|
/**
|
24
|
-
*
|
24
|
+
* Default checked state.
|
25
25
|
*/
|
26
26
|
default: string;
|
27
27
|
/**
|
28
28
|
* Input value.
|
29
29
|
*/
|
30
30
|
value: string;
|
31
|
-
_input: HTMLInputElement;
|
31
|
+
protected _input: HTMLInputElement;
|
32
32
|
protected render(): import("lit").TemplateResult<1>;
|
33
33
|
reset(): void;
|
34
34
|
connectedCallback(): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,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;IAIhB,KAAK;IAKL,iBAAiB;IAUjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}
|
package/components/switch.js
CHANGED
@@ -1,7 +1,7 @@
|
|
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 { html, css } from 'lit';
|
5
5
|
import { property, query } from 'lit/decorators.js';
|
6
6
|
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
7
7
|
import SuperInput from '../core/super-input.js';
|
@@ -28,11 +28,11 @@ let Switch = class Switch extends SuperInput {
|
|
28
28
|
*/
|
29
29
|
this.checked = false;
|
30
30
|
/**
|
31
|
-
*
|
31
|
+
* Disable this element.
|
32
32
|
*/
|
33
33
|
this.disabled = false;
|
34
34
|
/**
|
35
|
-
*
|
35
|
+
* Default checked state.
|
36
36
|
*/
|
37
37
|
this.default = "false";
|
38
38
|
/**
|
@@ -41,7 +41,7 @@ let Switch = class Switch extends SuperInput {
|
|
41
41
|
this.value = "on";
|
42
42
|
}
|
43
43
|
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 class="${this.checked}"></span></div>`;
|
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
45
|
}
|
46
46
|
reset() {
|
47
47
|
this.checked = this.default === "true";
|
@@ -85,7 +85,7 @@ __decorate([
|
|
85
85
|
], Switch.prototype, "_input", void 0);
|
86
86
|
Switch = __decorate([
|
87
87
|
godown(protoName),
|
88
|
-
styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{opacity:0;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)}:host([checked]) span{
|
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);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{opacity:0;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)}: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)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
|
89
89
|
], Switch);
|
90
90
|
var Switch$1 = Switch;
|
91
91
|
|
package/components/switch.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;AAOE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU,CAAA;AAA/B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAK,CAAA,KAAA,GAAG,KAAK;
|
1
|
+
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/components/text.js
CHANGED
@@ -3,9 +3,9 @@ import { godown } from '@godown/element/decorators/godown.js';
|
|
3
3
|
import { styles } from '@godown/element/decorators/styles.js';
|
4
4
|
import { classList } from '@godown/element/directives/class-list.js';
|
5
5
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
6
|
-
import {
|
6
|
+
import { html, css } from 'lit';
|
7
7
|
import { property } from 'lit/decorators.js';
|
8
|
-
import { scopePrefix,
|
8
|
+
import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
|
9
9
|
|
10
10
|
const protoName = "text";
|
11
11
|
const cssScope = scopePrefix(protoName);
|
package/components/time.d.ts
CHANGED
@@ -7,7 +7,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
7
7
|
*/
|
8
8
|
declare class Time extends GlobalStyle {
|
9
9
|
/**
|
10
|
-
*
|
10
|
+
* Escape symbol.
|
11
11
|
*/
|
12
12
|
escape: string;
|
13
13
|
/**
|
@@ -21,12 +21,12 @@ declare class Time extends GlobalStyle {
|
|
21
21
|
/**
|
22
22
|
* If there is a value, update every gap or timeout.
|
23
23
|
*/
|
24
|
-
timeout:
|
24
|
+
timeout: any;
|
25
25
|
/**
|
26
26
|
* The number of milliseconds that change with each update.
|
27
27
|
*/
|
28
|
-
gap:
|
29
|
-
timeoutId: number;
|
28
|
+
gap: any;
|
29
|
+
protected timeoutId: number;
|
30
30
|
protected render(): string;
|
31
31
|
protected firstUpdated(): void;
|
32
32
|
protected updated(changedProperties: PropertyValues): 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":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,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,OAAc;IAElB;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,GAAG,MAAC;IAEJ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;CAKb;AAED,eAAe,IAAI,CAAC"}
|
package/components/time.js
CHANGED
@@ -16,7 +16,7 @@ let Time = class Time extends GlobalStyle {
|
|
16
16
|
constructor() {
|
17
17
|
super(...arguments);
|
18
18
|
/**
|
19
|
-
*
|
19
|
+
* Escape symbol.
|
20
20
|
*/
|
21
21
|
this.escape = "%";
|
22
22
|
/**
|
@@ -27,14 +27,6 @@ let Time = class Time extends GlobalStyle {
|
|
27
27
|
* Time.
|
28
28
|
*/
|
29
29
|
this.time = new Date();
|
30
|
-
/**
|
31
|
-
* If there is a value, update every gap or timeout.
|
32
|
-
*/
|
33
|
-
this.timeout = 0;
|
34
|
-
/**
|
35
|
-
* The number of milliseconds that change with each update.
|
36
|
-
*/
|
37
|
-
this.gap = 0;
|
38
30
|
}
|
39
31
|
render() {
|
40
32
|
return fmtime(this.format, this.time, this.escape);
|
package/components/time.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,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;
|
1
|
+
{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,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,GAAG,IAAI,IAAI,EAAE;;IAgBP,MAAM,GAAA;AACd,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;IAG1C,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;AAxDE,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;AACT,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACvB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AA7BC,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B;AAC/B,CAAA,EAAA,IAAI,CA6DV;AAEA,aAAe,IAAI;;;;"}
|
package/components/tooltip.d.ts
CHANGED
@@ -4,7 +4,7 @@ import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
|
|
4
4
|
*
|
5
5
|
* If it has the tip property, ignore the slot tip.
|
6
6
|
*
|
7
|
-
* @slot tip - Tip element.
|
7
|
+
* @slot tip - Tip element if no `tim` provided.
|
8
8
|
* @slot - Content.
|
9
9
|
* @category feedback
|
10
10
|
*/
|
@@ -25,6 +25,16 @@ declare class Tooltip extends SuperOpenable {
|
|
25
25
|
* If true, allow penetration of the tip.
|
26
26
|
*/
|
27
27
|
propagation: boolean;
|
28
|
+
/**
|
29
|
+
* How can tips be triggered.
|
30
|
+
*
|
31
|
+
* If `focus`, element will be focusable, open tip when focused.
|
32
|
+
*
|
33
|
+
* If `hover`, element will open tip when hovered.
|
34
|
+
*
|
35
|
+
* @default "hover"
|
36
|
+
*/
|
37
|
+
type: "hover" | "focus";
|
28
38
|
static aligns: {
|
29
39
|
start: string;
|
30
40
|
end: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAOA,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAOA,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,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CASjB;AAED,eAAe,OAAO,CAAC"}
|
package/components/tooltip.js
CHANGED
@@ -2,9 +2,9 @@ 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
4
|
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
5
|
-
import {
|
5
|
+
import { html, css } from 'lit';
|
6
6
|
import { property } from 'lit/decorators.js';
|
7
|
-
import { scopePrefix
|
7
|
+
import { scopePrefix } from '../core/global-style.js';
|
8
8
|
import SuperOpenable from '../core/super-openable.js';
|
9
9
|
|
10
10
|
var Tooltip_1;
|
@@ -15,7 +15,7 @@ const cssScope = scopePrefix(protoName);
|
|
15
15
|
*
|
16
16
|
* If it has the tip property, ignore the slot tip.
|
17
17
|
*
|
18
|
-
* @slot tip - Tip element.
|
18
|
+
* @slot tip - Tip element if no `tim` provided.
|
19
19
|
* @slot - Content.
|
20
20
|
* @category feedback
|
21
21
|
*/
|
@@ -30,10 +30,21 @@ let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
|
|
30
30
|
* Content alignment.
|
31
31
|
*/
|
32
32
|
this.align = "center";
|
33
|
+
/**
|
34
|
+
* How can tips be triggered.
|
35
|
+
*
|
36
|
+
* If `focus`, element will be focusable, open tip when focused.
|
37
|
+
*
|
38
|
+
* If `hover`, element will open tip when hovered.
|
39
|
+
*
|
40
|
+
* @default "hover"
|
41
|
+
*/
|
42
|
+
this.type = "hover";
|
33
43
|
}
|
34
44
|
render() {
|
35
45
|
const align = Tooltip_1.aligns[this.align] || "inherit";
|
36
|
-
|
46
|
+
const isFocusable = this.type === "focus";
|
47
|
+
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" direction="${this.direction}" style="pointer-events:${this.propagation ? "none" : "all"}">${this.tip
|
37
48
|
? html `<span class="passive">${this.tip}</span>`
|
38
49
|
: htmlSlot("tip")}</div></div>`;
|
39
50
|
}
|
@@ -57,9 +68,12 @@ __decorate([
|
|
57
68
|
__decorate([
|
58
69
|
property({ type: Boolean })
|
59
70
|
], Tooltip.prototype, "propagation", void 0);
|
71
|
+
__decorate([
|
72
|
+
property()
|
73
|
+
], Tooltip.prototype, "type", void 0);
|
60
74
|
Tooltip = Tooltip_1 = __decorate([
|
61
75
|
godown(protoName),
|
62
|
-
styles(css `:host{${cssScope}--tip-background:
|
76
|
+
styles(css `:host{${cssScope}--tip-background:inherit;display:inline-block;width:-moz-fit-content;width:fit-content}[part=root]{display:flex;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);padding:0 .5em}`, css `[direction^=top]{bottom:100%}[direction^=bottom]{top:100%}[direction$=right]{left:100%}[direction$=left]{right:100%}`)
|
63
77
|
], Tooltip);
|
64
78
|
var Tooltip$1 = Tooltip;
|
65
79
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AASA,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;;
|
1
|
+
{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AASA,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;AAQxE;;;;;;;;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,CACG,2BAAA,EAAA,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,CACtC,eAAA,EAAA,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,eAAA,EAC3C,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,4BAClC,KAAK,CAAA,aAAA,EAAgB,KAAK,CAAA,EAAA,EACjD,QAAQ,EAAE,8BAEC,IAAI,CAAC,SAAS,CAAA,wBAAA,EACH,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,KAAK,CAAA,EAAA,EAEzD,IAAI,CAAC;AACH,cAAE,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,CAAQ,OAAA;AAC/C,cAAE,QAAQ,CAAC,KAAK,CACpB,cACO;;;AA3BF,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;AACP,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AAYpB,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,+aAAA,EAAwb,QAAQ,CAAA,iCAAA,CAAmC,EACvf,GAAG,CAAA,CAAA,oHAAA,CAA8H;AAE7H,CAAA,EAAA,OAAO,CAkEb;AAEA,gBAAe,OAAO;;;;"}
|