godown 3.5.0 → 3.5.2
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 +0 -4
- package/build/godown+lit.iife.js +2 -2
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +2 -2
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +2 -2
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +2 -2
- package/build/godown.js +2 -2
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +2 -2
- package/build/godown.umd.js.map +1 -1
- package/components/badge.js +1 -1
- package/components/badge.js.map +1 -1
- package/components/button.js +1 -1
- package/components/button.js.map +1 -1
- package/components/details.js +1 -1
- package/components/details.js.map +1 -1
- package/components/dialog.js +1 -1
- package/components/dialog.js.map +1 -1
- package/components/input.js +1 -1
- package/components/input.js.map +1 -1
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -1
- package/components/select.js.map +1 -1
- package/core/super-input.d.ts +1 -0
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -1
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +0 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/package.json +6 -18
- package/src/components/button.ts +2 -3
- package/src/components/details.ts +1 -1
- package/src/components/dialog.ts +4 -6
- package/src/components/input.ts +1 -0
- package/src/components/select.ts +1 -1
- package/src/core/super-input.ts +6 -11
- package/src/core/super-openable.ts +0 -4
- package/tsconfig.json +33 -0
- package/web-types.json +1 -1
- package/dev/alert.d.ts +0 -9
- package/dev/alert.d.ts.map +0 -1
- package/dev/alert.js +0 -5
- package/dev/alert.js.map +0 -1
- package/dev/avatar.d.ts +0 -9
- package/dev/avatar.d.ts.map +0 -1
- package/dev/avatar.js +0 -5
- package/dev/avatar.js.map +0 -1
- package/dev/badge.d.ts +0 -9
- package/dev/badge.d.ts.map +0 -1
- package/dev/badge.js +0 -5
- package/dev/badge.js.map +0 -1
- package/dev/breath.d.ts +0 -9
- package/dev/breath.d.ts.map +0 -1
- package/dev/breath.js +0 -5
- package/dev/breath.js.map +0 -1
- package/dev/button.d.ts +0 -9
- package/dev/button.d.ts.map +0 -1
- package/dev/button.js +0 -5
- package/dev/button.js.map +0 -1
- package/dev/card.d.ts +0 -9
- package/dev/card.d.ts.map +0 -1
- package/dev/card.js +0 -5
- package/dev/card.js.map +0 -1
- package/dev/carousel.d.ts +0 -9
- package/dev/carousel.d.ts.map +0 -1
- package/dev/carousel.js +0 -5
- package/dev/carousel.js.map +0 -1
- package/dev/components/alert.d.ts +0 -55
- package/dev/components/alert.d.ts.map +0 -1
- package/dev/components/alert.js +0 -236
- package/dev/components/alert.js.map +0 -1
- package/dev/components/avatar.d.ts +0 -33
- package/dev/components/avatar.d.ts.map +0 -1
- package/dev/components/avatar.js +0 -119
- package/dev/components/avatar.js.map +0 -1
- package/dev/components/badge.d.ts +0 -31
- package/dev/components/badge.d.ts.map +0 -1
- package/dev/components/badge.js +0 -122
- package/dev/components/badge.js.map +0 -1
- package/dev/components/breath.d.ts +0 -36
- package/dev/components/breath.d.ts.map +0 -1
- package/dev/components/breath.js +0 -135
- package/dev/components/breath.js.map +0 -1
- package/dev/components/button.d.ts +0 -60
- package/dev/components/button.d.ts.map +0 -1
- package/dev/components/button.js +0 -288
- package/dev/components/button.js.map +0 -1
- package/dev/components/card.d.ts +0 -27
- package/dev/components/card.d.ts.map +0 -1
- package/dev/components/card.js +0 -87
- package/dev/components/card.js.map +0 -1
- package/dev/components/carousel.d.ts +0 -39
- package/dev/components/carousel.d.ts.map +0 -1
- package/dev/components/carousel.js +0 -184
- package/dev/components/carousel.js.map +0 -1
- package/dev/components/details.d.ts +0 -24
- package/dev/components/details.d.ts.map +0 -1
- package/dev/components/details.js +0 -124
- package/dev/components/details.js.map +0 -1
- package/dev/components/dialog.d.ts +0 -43
- package/dev/components/dialog.d.ts.map +0 -1
- package/dev/components/dialog.js +0 -154
- package/dev/components/dialog.js.map +0 -1
- package/dev/components/divider.d.ts +0 -17
- package/dev/components/divider.d.ts.map +0 -1
- package/dev/components/divider.js +0 -64
- package/dev/components/divider.js.map +0 -1
- package/dev/components/dragbox.d.ts +0 -42
- package/dev/components/dragbox.d.ts.map +0 -1
- package/dev/components/dragbox.js +0 -126
- package/dev/components/dragbox.js.map +0 -1
- package/dev/components/flex.d.ts +0 -34
- package/dev/components/flex.d.ts.map +0 -1
- package/dev/components/flex.js +0 -73
- package/dev/components/flex.js.map +0 -1
- package/dev/components/form.d.ts +0 -24
- package/dev/components/form.d.ts.map +0 -1
- package/dev/components/form.js +0 -76
- package/dev/components/form.js.map +0 -1
- package/dev/components/grid.d.ts +0 -38
- package/dev/components/grid.d.ts.map +0 -1
- package/dev/components/grid.js +0 -67
- package/dev/components/grid.js.map +0 -1
- package/dev/components/heading.d.ts +0 -31
- package/dev/components/heading.d.ts.map +0 -1
- package/dev/components/heading.js +0 -127
- package/dev/components/heading.js.map +0 -1
- package/dev/components/input.d.ts +0 -23
- package/dev/components/input.d.ts.map +0 -1
- package/dev/components/input.js +0 -99
- package/dev/components/input.js.map +0 -1
- package/dev/components/layout.d.ts +0 -28
- package/dev/components/layout.d.ts.map +0 -1
- package/dev/components/layout.js +0 -96
- package/dev/components/layout.js.map +0 -1
- package/dev/components/link.d.ts +0 -54
- package/dev/components/link.d.ts.map +0 -1
- package/dev/components/link.js +0 -110
- package/dev/components/link.js.map +0 -1
- package/dev/components/progress.d.ts +0 -16
- package/dev/components/progress.d.ts.map +0 -1
- package/dev/components/progress.js +0 -101
- package/dev/components/progress.js.map +0 -1
- package/dev/components/range.d.ts +0 -122
- package/dev/components/range.d.ts.map +0 -1
- package/dev/components/range.js +0 -391
- package/dev/components/range.js.map +0 -1
- package/dev/components/rotate.d.ts +0 -30
- package/dev/components/rotate.d.ts.map +0 -1
- package/dev/components/rotate.js +0 -93
- package/dev/components/rotate.js.map +0 -1
- package/dev/components/router.d.ts +0 -116
- package/dev/components/router.d.ts.map +0 -1
- package/dev/components/router.js +0 -240
- package/dev/components/router.js.map +0 -1
- package/dev/components/select.d.ts +0 -53
- package/dev/components/select.d.ts.map +0 -1
- package/dev/components/select.js +0 -269
- package/dev/components/select.js.map +0 -1
- package/dev/components/skeleton.d.ts +0 -28
- package/dev/components/skeleton.d.ts.map +0 -1
- package/dev/components/skeleton.js +0 -122
- package/dev/components/skeleton.js.map +0 -1
- package/dev/components/split.d.ts +0 -56
- package/dev/components/split.d.ts.map +0 -1
- package/dev/components/split.js +0 -220
- package/dev/components/split.js.map +0 -1
- package/dev/components/switch.d.ts +0 -32
- package/dev/components/switch.d.ts.map +0 -1
- package/dev/components/switch.js +0 -147
- package/dev/components/switch.js.map +0 -1
- package/dev/components/text.d.ts +0 -21
- package/dev/components/text.d.ts.map +0 -1
- package/dev/components/text.js +0 -96
- package/dev/components/text.js.map +0 -1
- package/dev/components/time.d.ts +0 -36
- package/dev/components/time.d.ts.map +0 -1
- package/dev/components/time.js +0 -75
- package/dev/components/time.js.map +0 -1
- package/dev/components/tooltip.d.ts +0 -51
- package/dev/components/tooltip.d.ts.map +0 -1
- package/dev/components/tooltip.js +0 -140
- package/dev/components/tooltip.js.map +0 -1
- package/dev/components/typewriter.d.ts +0 -49
- package/dev/components/typewriter.d.ts.map +0 -1
- package/dev/components/typewriter.js +0 -149
- package/dev/components/typewriter.js.map +0 -1
- package/dev/core/direction.d.ts +0 -27
- package/dev/core/direction.d.ts.map +0 -1
- package/dev/core/direction.js +0 -56
- package/dev/core/direction.js.map +0 -1
- package/dev/core/global-style.d.ts +0 -20
- package/dev/core/global-style.d.ts.map +0 -1
- package/dev/core/global-style.js +0 -82
- package/dev/core/global-style.js.map +0 -1
- package/dev/core/outline.d.ts +0 -20
- package/dev/core/outline.d.ts.map +0 -1
- package/dev/core/outline.js +0 -44
- package/dev/core/outline.js.map +0 -1
- package/dev/core/super-anchor.d.ts +0 -18
- package/dev/core/super-anchor.d.ts.map +0 -1
- package/dev/core/super-anchor.js +0 -60
- package/dev/core/super-anchor.js.map +0 -1
- package/dev/core/super-input.d.ts +0 -43
- package/dev/core/super-input.d.ts.map +0 -1
- package/dev/core/super-input.js +0 -203
- package/dev/core/super-input.js.map +0 -1
- package/dev/core/super-openable.d.ts +0 -16
- package/dev/core/super-openable.d.ts.map +0 -1
- package/dev/core/super-openable.js +0 -36
- package/dev/core/super-openable.js.map +0 -1
- package/dev/details.d.ts +0 -9
- package/dev/details.d.ts.map +0 -1
- package/dev/details.js +0 -5
- package/dev/details.js.map +0 -1
- package/dev/dialog.d.ts +0 -9
- package/dev/dialog.d.ts.map +0 -1
- package/dev/dialog.js +0 -5
- package/dev/dialog.js.map +0 -1
- package/dev/divider.d.ts +0 -9
- package/dev/divider.d.ts.map +0 -1
- package/dev/divider.js +0 -5
- package/dev/divider.js.map +0 -1
- package/dev/dragbox.d.ts +0 -9
- package/dev/dragbox.d.ts.map +0 -1
- package/dev/dragbox.js +0 -5
- package/dev/dragbox.js.map +0 -1
- package/dev/flex.d.ts +0 -9
- package/dev/flex.d.ts.map +0 -1
- package/dev/flex.js +0 -5
- package/dev/flex.js.map +0 -1
- package/dev/form.d.ts +0 -9
- package/dev/form.d.ts.map +0 -1
- package/dev/form.js +0 -5
- package/dev/form.js.map +0 -1
- package/dev/grid.d.ts +0 -9
- package/dev/grid.d.ts.map +0 -1
- package/dev/grid.js +0 -5
- package/dev/grid.js.map +0 -1
- package/dev/heading.d.ts +0 -9
- package/dev/heading.d.ts.map +0 -1
- package/dev/heading.js +0 -5
- package/dev/heading.js.map +0 -1
- package/dev/index.d.ts +0 -31
- package/dev/index.d.ts.map +0 -1
- package/dev/index.js +0 -31
- package/dev/index.js.map +0 -1
- package/dev/input.d.ts +0 -9
- package/dev/input.d.ts.map +0 -1
- package/dev/input.js +0 -5
- package/dev/input.js.map +0 -1
- package/dev/layout.d.ts +0 -9
- package/dev/layout.d.ts.map +0 -1
- package/dev/layout.js +0 -5
- package/dev/layout.js.map +0 -1
- package/dev/link.d.ts +0 -9
- package/dev/link.d.ts.map +0 -1
- package/dev/link.js +0 -5
- package/dev/link.js.map +0 -1
- package/dev/progress.d.ts +0 -9
- package/dev/progress.d.ts.map +0 -1
- package/dev/progress.js +0 -5
- package/dev/progress.js.map +0 -1
- package/dev/range.d.ts +0 -9
- package/dev/range.d.ts.map +0 -1
- package/dev/range.js +0 -5
- package/dev/range.js.map +0 -1
- package/dev/rotate.d.ts +0 -9
- package/dev/rotate.d.ts.map +0 -1
- package/dev/rotate.js +0 -5
- package/dev/rotate.js.map +0 -1
- package/dev/router.d.ts +0 -9
- package/dev/router.d.ts.map +0 -1
- package/dev/router.js +0 -5
- package/dev/router.js.map +0 -1
- package/dev/select.d.ts +0 -9
- package/dev/select.d.ts.map +0 -1
- package/dev/select.js +0 -5
- package/dev/select.js.map +0 -1
- package/dev/skeleton.d.ts +0 -9
- package/dev/skeleton.d.ts.map +0 -1
- package/dev/skeleton.js +0 -5
- package/dev/skeleton.js.map +0 -1
- package/dev/split.d.ts +0 -9
- package/dev/split.d.ts.map +0 -1
- package/dev/split.js +0 -5
- package/dev/split.js.map +0 -1
- package/dev/switch.d.ts +0 -9
- package/dev/switch.d.ts.map +0 -1
- package/dev/switch.js +0 -5
- package/dev/switch.js.map +0 -1
- package/dev/text.d.ts +0 -9
- package/dev/text.d.ts.map +0 -1
- package/dev/text.js +0 -5
- package/dev/text.js.map +0 -1
- package/dev/time.d.ts +0 -9
- package/dev/time.d.ts.map +0 -1
- package/dev/time.js +0 -5
- package/dev/time.js.map +0 -1
- package/dev/tooltip.d.ts +0 -9
- package/dev/tooltip.d.ts.map +0 -1
- package/dev/tooltip.js +0 -5
- package/dev/tooltip.js.map +0 -1
- package/dev/typewriter.d.ts +0 -9
- package/dev/typewriter.d.ts.map +0 -1
- package/dev/typewriter.js +0 -5
- package/dev/typewriter.js.map +0 -1
package/dev/core/direction.js
DELETED
@@ -1,56 +0,0 @@
|
|
1
|
-
import { css, unsafeCSS } from "lit";
|
2
|
-
const insetAlignSelector = unsafeCSS(`[direction-inset-align]`);
|
3
|
-
/**
|
4
|
-
* Controls the inset alignment of the element relative to the direction.
|
5
|
-
*
|
6
|
-
* ```html
|
7
|
-
* <div direction="${direction}">
|
8
|
-
* <div direction-inset-align></div>
|
9
|
-
* </div>
|
10
|
-
* ```
|
11
|
-
*/
|
12
|
-
export const directionInsetAlign = css `
|
13
|
-
[direction^="top"] ${insetAlignSelector} {
|
14
|
-
top: 0;
|
15
|
-
}
|
16
|
-
|
17
|
-
[direction^="bottom"] ${insetAlignSelector} {
|
18
|
-
bottom: 0;
|
19
|
-
}
|
20
|
-
|
21
|
-
[direction$="right"] ${insetAlignSelector} {
|
22
|
-
right: 0;
|
23
|
-
}
|
24
|
-
|
25
|
-
[direction$="left"] ${insetAlignSelector} {
|
26
|
-
left: 0;
|
27
|
-
}
|
28
|
-
`;
|
29
|
-
const outsetPlaceSelector = unsafeCSS(`[direction-outset-place]`);
|
30
|
-
/**
|
31
|
-
* Controls the outset placement of the element relative to the direction.
|
32
|
-
*
|
33
|
-
* ```html
|
34
|
-
* <div direction="${direction}">
|
35
|
-
* <div direction-outset-place></div>
|
36
|
-
* </div>
|
37
|
-
* ```
|
38
|
-
*/
|
39
|
-
export const directionOutsetPlace = css `
|
40
|
-
[direction^="top"] ${outsetPlaceSelector} {
|
41
|
-
bottom: 100%;
|
42
|
-
}
|
43
|
-
|
44
|
-
[direction^="bottom"] ${outsetPlaceSelector} {
|
45
|
-
top: 100%;
|
46
|
-
}
|
47
|
-
|
48
|
-
[direction$="right"] ${outsetPlaceSelector} {
|
49
|
-
left: 100%;
|
50
|
-
}
|
51
|
-
|
52
|
-
[direction$="left"] ${outsetPlaceSelector} {
|
53
|
-
right: 100%;
|
54
|
-
}
|
55
|
-
`;
|
56
|
-
//# sourceMappingURL=direction.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"direction.js","sourceRoot":"","sources":["../../src/core/direction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,MAAM,kBAAkB,GAAG,SAAS,CAAC,yBAAyB,CAAC,CAAC;AAEhE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAc,GAAG,CAAA;uBAC1B,kBAAkB;;;;0BAIf,kBAAkB;;;;yBAInB,kBAAkB;;;;wBAInB,kBAAkB;;;CAGzC,CAAC;AAEF,MAAM,mBAAmB,GAAG,SAAS,CAAC,0BAA0B,CAAC,CAAC;AAElE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAc,GAAG,CAAA;uBAC3B,mBAAmB;;;;0BAIhB,mBAAmB;;;;yBAIpB,mBAAmB;;;;wBAIpB,mBAAmB;;;CAG1C,CAAC"}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { type Gradients, presetsRGB } from "@godown/colors/presets-rgb.js";
|
2
|
-
import { GodownElement } from "@godown/element";
|
3
|
-
import { type CSSResult } from "lit";
|
4
|
-
export declare class GlobalStyle extends GodownElement {
|
5
|
-
}
|
6
|
-
export default GlobalStyle;
|
7
|
-
export declare function scopePrefix(scope: string, len?: number): CSSResult;
|
8
|
-
export declare function variablePrefix(variable: string): CSSResult;
|
9
|
-
export declare const cssGlobalVars: {
|
10
|
-
clipBackground: CSSResult;
|
11
|
-
active: CSSResult;
|
12
|
-
passive: CSSResult;
|
13
|
-
_colors: PresetsGradientsCSSResult;
|
14
|
-
input: CSSResult;
|
15
|
-
white: CSSResult;
|
16
|
-
black: CSSResult;
|
17
|
-
color: CSSResult;
|
18
|
-
};
|
19
|
-
type PresetsGradientsCSSResult = Record<keyof typeof presetsRGB, Gradients<CSSResult>>;
|
20
|
-
//# sourceMappingURL=global-style.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAUlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
|
package/dev/core/global-style.js
DELETED
@@ -1,82 +0,0 @@
|
|
1
|
-
import { presetsRGB } from "@godown/colors/presets-rgb.js";
|
2
|
-
import { travel } from "@godown/colors/travel.js";
|
3
|
-
import { GodownElement, joinProperties, trim } from "@godown/element";
|
4
|
-
import { css, unsafeCSS } from "lit";
|
5
|
-
export class GlobalStyle extends GodownElement {
|
6
|
-
}
|
7
|
-
export default GlobalStyle;
|
8
|
-
const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
|
9
|
-
export function scopePrefix(scope, len = 1) {
|
10
|
-
return variablePrefix(cssvar + "-".repeat(len) + scope);
|
11
|
-
}
|
12
|
-
export function variablePrefix(variable) {
|
13
|
-
return unsafeCSS(`--${variable}`);
|
14
|
-
}
|
15
|
-
export const cssGlobalVars = {
|
16
|
-
clipBackground: scopePrefix("clip-background", 2),
|
17
|
-
active: scopePrefix("active", 2),
|
18
|
-
passive: scopePrefix("passive", 2),
|
19
|
-
_colors: {},
|
20
|
-
input: scopePrefix("input", 2),
|
21
|
-
white: scopePrefix("color-white", 2),
|
22
|
-
black: scopePrefix("color-black", 2),
|
23
|
-
color: scopePrefix("color", 2),
|
24
|
-
};
|
25
|
-
GlobalStyle.styles = [
|
26
|
-
unsafeCSS(":host{" +
|
27
|
-
`${cssGlobalVars.black}:rgb(0 0 0);` +
|
28
|
-
`${cssGlobalVars.white}:rgb(255 255 255);` +
|
29
|
-
travel((key, gradient, rgb) => {
|
30
|
-
cssGlobalVars._colors[key] ||= [];
|
31
|
-
cssGlobalVars._colors[key].push(unsafeCSS(cssGlobalVars.color + "-" + key + "-" + gradient));
|
32
|
-
const endKey = `-${key}-${gradient}`;
|
33
|
-
const colorKey = cssGlobalVars.color + endKey;
|
34
|
-
return `${colorKey}:rgb(${rgb});`;
|
35
|
-
}, presetsRGB).join("") +
|
36
|
-
joinProperties([
|
37
|
-
[cssGlobalVars.active, `var(${cssGlobalVars._colors.blue[5]})`],
|
38
|
-
[cssGlobalVars.passive, `var(${cssGlobalVars._colors.darkgray[5]})`],
|
39
|
-
[
|
40
|
-
cssGlobalVars.clipBackground,
|
41
|
-
`linear-gradient(to bottom, var(${cssGlobalVars._colors.lightgray[0]}), var(${cssGlobalVars._colors.darkgray[5]}))`,
|
42
|
-
],
|
43
|
-
]) +
|
44
|
-
"}"),
|
45
|
-
css `
|
46
|
-
* {
|
47
|
-
border: 0;
|
48
|
-
outline: 0;
|
49
|
-
margin: 0;
|
50
|
-
padding: 0;
|
51
|
-
font-size: 100%;
|
52
|
-
font-style: normal;
|
53
|
-
box-sizing: border-box;
|
54
|
-
}
|
55
|
-
|
56
|
-
:host {
|
57
|
-
box-sizing: border-box;
|
58
|
-
}
|
59
|
-
|
60
|
-
a {
|
61
|
-
text-decoration: none;
|
62
|
-
}
|
63
|
-
|
64
|
-
span {
|
65
|
-
white-space: nowrap;
|
66
|
-
}
|
67
|
-
|
68
|
-
svg {
|
69
|
-
user-select: none;
|
70
|
-
}
|
71
|
-
|
72
|
-
:host([contents]) {
|
73
|
-
display: contents;
|
74
|
-
}
|
75
|
-
|
76
|
-
:where(:host([contents]) [part="root"]) {
|
77
|
-
all: inherit;
|
78
|
-
display: revert;
|
79
|
-
}
|
80
|
-
`,
|
81
|
-
];
|
82
|
-
//# sourceMappingURL=global-style.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"global-style.js","sourceRoot":"","sources":["../../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAkB,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErD,MAAM,OAAO,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAE3B,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1D,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,GAAG,GAAG,CAAC;IAChD,OAAO,cAAc,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,QAAgB;IAC7C,OAAO,SAAS,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAStB;IACF,cAAc,EAAE,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACjD,MAAM,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;IAClC,OAAO,EAAE,EAA+B;IACxC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IACpC,KAAK,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IACpC,KAAK,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAC;CAC/B,CAAC;AAGF,WAAW,CAAC,MAAM,GAAG;IACnB,SAAS,CACP,QAAQ;QACN,GAAG,aAAa,CAAC,KAAK,cAAc;QACpC,GAAG,aAAa,CAAC,KAAK,oBAAoB;QAC1C,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE;YAC5B,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAS,CAAC;YACzC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC;YAC7F,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAC;YACrC,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC;YAC9C,OAAO,GAAG,QAAQ,QAAQ,GAAG,IAAI,CAAC;QACpC,CAAC,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACvB,cAAc,CAAC;YACb,CAAC,aAAa,CAAC,MAAM,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;YAC/D,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;YACpE;gBACE,aAAa,CAAC,cAAc;gBAC5B,kCAAkC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;aACpH;SACF,CAAC;QACF,GAAG,CACN;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCF;CACF,CAAC"}
|
package/dev/core/outline.d.ts
DELETED
@@ -1,20 +0,0 @@
|
|
1
|
-
import { type CSSResult } from "lit";
|
2
|
-
type OutlineVars = {
|
3
|
-
width: string | CSSResult;
|
4
|
-
color: string | CSSResult;
|
5
|
-
};
|
6
|
-
/**
|
7
|
-
* The `OutlineBuilder` class is responsible for generating CSS styles for various types of outlines.
|
8
|
-
*/
|
9
|
-
export declare class OutlineBuilder {
|
10
|
-
css: CSSResult;
|
11
|
-
/**
|
12
|
-
* @param vars.width The width variable of the outline.
|
13
|
-
* @param vars.color The color variable of the outline.
|
14
|
-
*/
|
15
|
-
constructor(vars: OutlineVars);
|
16
|
-
get styleSheet(): CSSStyleSheet;
|
17
|
-
}
|
18
|
-
export type OutlineType = "outline" | "outline-inset" | "box-shadow" | "box-shadow-inset" | "border";
|
19
|
-
export {};
|
20
|
-
//# sourceMappingURL=outline.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"outline.d.ts","sourceRoot":"","sources":["../../src/core/outline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAErD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,qBAAa,cAAc;IACzB,GAAG,EAAE,SAAS,CAAC;IAEf;;;OAGG;gBACS,IAAI,EAAE,WAAW;IA+B7B,IAAI,UAAU,IAAI,aAAa,CAE9B;CACF;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,kBAAkB,GAAG,QAAQ,CAAC"}
|
package/dev/core/outline.js
DELETED
@@ -1,44 +0,0 @@
|
|
1
|
-
import { css, unsafeCSS } from "lit";
|
2
|
-
/**
|
3
|
-
* The `OutlineBuilder` class is responsible for generating CSS styles for various types of outlines.
|
4
|
-
*/
|
5
|
-
export class OutlineBuilder {
|
6
|
-
/**
|
7
|
-
* @param vars.width The width variable of the outline.
|
8
|
-
* @param vars.color The color variable of the outline.
|
9
|
-
*/
|
10
|
-
constructor(vars) {
|
11
|
-
const width = unsafeCSS(vars.width);
|
12
|
-
const color = unsafeCSS(vars.color);
|
13
|
-
this.css = css `
|
14
|
-
[outline-type="outline"],
|
15
|
-
[outline-type="outline-inset"] {
|
16
|
-
outline-width: var(${width});
|
17
|
-
outline-color: var(${color});
|
18
|
-
outline-style: solid;
|
19
|
-
}
|
20
|
-
|
21
|
-
[outline-type="outline-inset"] {
|
22
|
-
outline-offset: calc(-1 * var(${width}));
|
23
|
-
}
|
24
|
-
|
25
|
-
[outline-type="box-shadow"] {
|
26
|
-
box-shadow: 0 0 0 var(${width}) var(${color});
|
27
|
-
}
|
28
|
-
|
29
|
-
[outline-type="box-shadow-inset"] {
|
30
|
-
box-shadow: inset 0 0 0 var(${width}) var(${color});
|
31
|
-
}
|
32
|
-
|
33
|
-
[outline-type="border"] {
|
34
|
-
border-width: var(${width});
|
35
|
-
border-color: var(${color});
|
36
|
-
border-style: solid;
|
37
|
-
}
|
38
|
-
`;
|
39
|
-
}
|
40
|
-
get styleSheet() {
|
41
|
-
return this.css.styleSheet;
|
42
|
-
}
|
43
|
-
}
|
44
|
-
//# sourceMappingURL=outline.js.map
|
package/dev/core/outline.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"outline.js","sourceRoot":"","sources":["../../src/core/outline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAkB,MAAM,KAAK,CAAC;AAOrD;;GAEG;AACH,MAAM,OAAO,cAAc;IAGzB;;;OAGG;IACH,YAAY,IAAiB;QAC3B,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;;;6BAGW,KAAK;6BACL,KAAK;;;;;wCAKM,KAAK;;;;gCAIb,KAAK,SAAS,KAAK;;;;sCAIb,KAAK,SAAS,KAAK;;;;4BAI7B,KAAK;4BACL,KAAK;;;KAG5B,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;IAC7B,CAAC;CACF"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { type TemplateResult } from "lit";
|
2
|
-
import { GlobalStyle } from "./global-style.js";
|
3
|
-
declare abstract class SuperAnchor extends GlobalStyle {
|
4
|
-
/**
|
5
|
-
* A element href.
|
6
|
-
*/
|
7
|
-
href: string;
|
8
|
-
/**
|
9
|
-
* A element target.
|
10
|
-
*/
|
11
|
-
target: "_blank" | "_self" | "_parent" | "_top";
|
12
|
-
get pathname(): string;
|
13
|
-
protected render(): TemplateResult<1>;
|
14
|
-
protected abstract _handleClick(_: MouseEvent): void;
|
15
|
-
}
|
16
|
-
export default SuperAnchor;
|
17
|
-
export { SuperAnchor };
|
18
|
-
//# sourceMappingURL=super-anchor.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,uBAmBe,WAAY,SAAQ,WAAW;IAC5C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CACrD;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
package/dev/core/super-anchor.js
DELETED
@@ -1,60 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { attr, htmlSlot, styles } from "@godown/element";
|
3
|
-
import { css, html, nothing } from "lit";
|
4
|
-
import { property } from "lit/decorators.js";
|
5
|
-
import { GlobalStyle } from "./global-style.js";
|
6
|
-
let SuperAnchor = class SuperAnchor extends GlobalStyle {
|
7
|
-
constructor() {
|
8
|
-
super(...arguments);
|
9
|
-
/**
|
10
|
-
* A element target.
|
11
|
-
*/
|
12
|
-
this.target = "_self";
|
13
|
-
}
|
14
|
-
get pathname() {
|
15
|
-
return new URL(this.href, location.href).pathname;
|
16
|
-
}
|
17
|
-
render() {
|
18
|
-
return html `
|
19
|
-
<a
|
20
|
-
part="root"
|
21
|
-
${attr(this.observedRecord)}
|
22
|
-
href="${this.href || nothing}"
|
23
|
-
target="${this.target}"
|
24
|
-
@click=${this._handleClick}
|
25
|
-
>
|
26
|
-
${htmlSlot()}
|
27
|
-
</a>
|
28
|
-
`;
|
29
|
-
}
|
30
|
-
};
|
31
|
-
__decorate([
|
32
|
-
property()
|
33
|
-
], SuperAnchor.prototype, "href", void 0);
|
34
|
-
__decorate([
|
35
|
-
property()
|
36
|
-
], SuperAnchor.prototype, "target", void 0);
|
37
|
-
SuperAnchor = __decorate([
|
38
|
-
styles(css `
|
39
|
-
:host {
|
40
|
-
display: inline-block;
|
41
|
-
color: currentColor;
|
42
|
-
text-decoration: none;
|
43
|
-
cursor: default;
|
44
|
-
}
|
45
|
-
|
46
|
-
:host([href]) {
|
47
|
-
cursor: pointer;
|
48
|
-
}
|
49
|
-
|
50
|
-
[part="root"] {
|
51
|
-
width: 100%;
|
52
|
-
color: inherit;
|
53
|
-
display: inline-block;
|
54
|
-
text-decoration: inherit;
|
55
|
-
}
|
56
|
-
`)
|
57
|
-
], SuperAnchor);
|
58
|
-
export default SuperAnchor;
|
59
|
-
export { SuperAnchor };
|
60
|
-
//# sourceMappingURL=super-anchor.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.js","sourceRoot":"","sources":["../../src/core/super-anchor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAqBhD,IAAe,WAAW,GAA1B,MAAe,WAAY,SAAQ,WAAW;IAA9C;;QAOE;;WAEG;QAEH,WAAM,GAA4C,OAAO,CAAC;IAqB5D,CAAC;IAnBC,IAAI,QAAQ;QACV,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC;IACpD,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;gBACnB,IAAI,CAAC,IAAI,IAAI,OAAO;kBAClB,IAAI,CAAC,MAAM;iBACZ,IAAI,CAAC,YAAY;;UAExB,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;CAGF,CAAA;AA3BC;IADC,QAAQ,EAAE;yCACE;AAMb;IADC,QAAQ,EAAE;2CAC+C;AAX7C,WAAW;IAnBzB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBV,CAAC;GACa,WAAW,CAgCzB;AAED,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { type HandlerEvent } from "@godown/element";
|
2
|
-
import { type TemplateResult } from "lit";
|
3
|
-
import { GlobalStyle } from "./global-style.js";
|
4
|
-
import { type OutlineType } from "./outline.js";
|
5
|
-
declare class SuperInput<V = string> extends GlobalStyle {
|
6
|
-
autofocus: boolean;
|
7
|
-
autocomplete: string | boolean;
|
8
|
-
outlineType: OutlineType;
|
9
|
-
disabled: boolean;
|
10
|
-
type: InputType;
|
11
|
-
placeholder: string;
|
12
|
-
name: string;
|
13
|
-
value: V;
|
14
|
-
get observedRecord(): Record<string, any>;
|
15
|
-
/**
|
16
|
-
* default property records the default or initial value and is used to reset the input.
|
17
|
-
*/
|
18
|
-
default: any;
|
19
|
-
protected _input: HTMLInputElement;
|
20
|
-
/**
|
21
|
-
* Returns true when the input is compositing.
|
22
|
-
*/
|
23
|
-
compositing: boolean;
|
24
|
-
set defaultValue(value: typeof this.default);
|
25
|
-
get defaultValue(): typeof this.default;
|
26
|
-
protected makeId: string;
|
27
|
-
namevalue(): [string, any];
|
28
|
-
nameValue: () => [string, any];
|
29
|
-
reset(): void;
|
30
|
-
protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
|
31
|
-
connectedCallback(): void;
|
32
|
-
protected _connectedInit(): void;
|
33
|
-
protected _compositionInit(): void;
|
34
|
-
protected _changeInputType(t: typeof this.type): void;
|
35
|
-
focus(options?: FocusOptions): void;
|
36
|
-
protected firstUpdated(): void;
|
37
|
-
protected _renderPrefix(): TemplateResult<1>;
|
38
|
-
protected _renderSuffix(): TemplateResult<1>;
|
39
|
-
}
|
40
|
-
export default SuperInput;
|
41
|
-
export { SuperInput };
|
42
|
-
type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
43
|
-
//# sourceMappingURL=super-input.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAyEhE,cAQM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAC9C,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,WAAW,EAAE,WAAW,CAAY;IAGpC,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,CAAC,CAAC;IAET,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;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;IAiB/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;IAW5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAU7C;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,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/dev/core/super-input.js
DELETED
@@ -1,203 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { htmlSlot, omit, part, styles } from "@godown/element";
|
3
|
-
import { css, html } from "lit";
|
4
|
-
import { property } from "lit/decorators.js";
|
5
|
-
import { GlobalStyle, cssGlobalVars } from "./global-style.js";
|
6
|
-
import { OutlineBuilder } from "./outline.js";
|
7
|
-
const fieldStyle = css `
|
8
|
-
.input-field {
|
9
|
-
--space: var(${cssGlobalVars.input}-space);
|
10
|
-
display: flex;
|
11
|
-
position: relative;
|
12
|
-
align-items: center;
|
13
|
-
border-radius: inherit;
|
14
|
-
height: inherit;
|
15
|
-
}
|
16
|
-
|
17
|
-
.input-field [part="input"] {
|
18
|
-
background: none;
|
19
|
-
height: 100%;
|
20
|
-
width: 100%;
|
21
|
-
color: inherit;
|
22
|
-
padding: 0 var(--space);
|
23
|
-
}
|
24
|
-
|
25
|
-
.input-field [part="icon"] {
|
26
|
-
display: flex;
|
27
|
-
align-items: center;
|
28
|
-
justify-content: center;
|
29
|
-
color: var(${cssGlobalVars.input}-icon-color);
|
30
|
-
}
|
31
|
-
|
32
|
-
.input-field [part="prefix"],
|
33
|
-
.input-field [part="suffix"] {
|
34
|
-
height: 100%;
|
35
|
-
display: flex;
|
36
|
-
}
|
37
|
-
|
38
|
-
.input-field [part="suffix"] [part="icon"] {
|
39
|
-
padding-inline-end: var(--space);
|
40
|
-
}
|
41
|
-
|
42
|
-
.input-field [part="prefix"] [part="icon"] {
|
43
|
-
padding-inline-start: var(--space);
|
44
|
-
}
|
45
|
-
`;
|
46
|
-
const inputStyle = css `
|
47
|
-
:host {
|
48
|
-
${cssGlobalVars.input}-width: 10em;
|
49
|
-
${cssGlobalVars.input}-height: 1.6em;
|
50
|
-
${cssGlobalVars.input}-space: 0.2em;
|
51
|
-
${cssGlobalVars.input}-control: currentColor;
|
52
|
-
${cssGlobalVars.input}-outline-width: .075em;
|
53
|
-
${cssGlobalVars.input}-outline-color: var(${cssGlobalVars._colors.darkgray[4]});
|
54
|
-
${cssGlobalVars.input}-icon-color: var(${cssGlobalVars._colors.darkgray[4]});
|
55
|
-
border-radius: 0.2em;
|
56
|
-
}
|
57
|
-
|
58
|
-
:host([disabled]) {
|
59
|
-
cursor: not-allowed;
|
60
|
-
filter: brightness(0.85);
|
61
|
-
}
|
62
|
-
|
63
|
-
:host(:focus-within) {
|
64
|
-
${cssGlobalVars.input}-icon-color: currentColor;
|
65
|
-
}
|
66
|
-
|
67
|
-
input:disabled {
|
68
|
-
cursor: inherit;
|
69
|
-
}
|
70
|
-
|
71
|
-
input::-ms-reveal,
|
72
|
-
input::-ms-clear {
|
73
|
-
display: none;
|
74
|
-
}
|
75
|
-
`;
|
76
|
-
let SuperInput = class SuperInput extends GlobalStyle {
|
77
|
-
constructor() {
|
78
|
-
super(...arguments);
|
79
|
-
this.autofocus = false;
|
80
|
-
this.outlineType = "border";
|
81
|
-
this.disabled = false;
|
82
|
-
/**
|
83
|
-
* Returns true when the input is compositing.
|
84
|
-
*/
|
85
|
-
this.compositing = false;
|
86
|
-
this.makeId = Math.random().toString(36).slice(1);
|
87
|
-
this.nameValue = this.namevalue;
|
88
|
-
}
|
89
|
-
get observedRecord() {
|
90
|
-
return omit(super.observedRecord, "default", "value");
|
91
|
-
}
|
92
|
-
set defaultValue(value) {
|
93
|
-
this.default = value;
|
94
|
-
}
|
95
|
-
get defaultValue() {
|
96
|
-
return this.default;
|
97
|
-
}
|
98
|
-
namevalue() {
|
99
|
-
return [this.name, this.value];
|
100
|
-
}
|
101
|
-
reset() {
|
102
|
-
this.value = this.default;
|
103
|
-
this._input.value = this.default;
|
104
|
-
}
|
105
|
-
_handleInput(e) {
|
106
|
-
e.stopPropagation();
|
107
|
-
if (this.compositing) {
|
108
|
-
return;
|
109
|
-
}
|
110
|
-
this.value = e.target.value?.trim();
|
111
|
-
this.dispatchEvent(new CustomEvent("input", {
|
112
|
-
detail: this.value,
|
113
|
-
bubbles: true,
|
114
|
-
composed: true,
|
115
|
-
}));
|
116
|
-
this.dispatchEvent(new CustomEvent("input", { detail: this.value, composed: true, bubbles: true }));
|
117
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
118
|
-
}
|
119
|
-
connectedCallback() {
|
120
|
-
super.connectedCallback();
|
121
|
-
this._connectedInit();
|
122
|
-
}
|
123
|
-
_connectedInit() {
|
124
|
-
this.default ??= this.value || "";
|
125
|
-
this.value ??= this.default;
|
126
|
-
}
|
127
|
-
_compositionInit() {
|
128
|
-
if (this._input) {
|
129
|
-
this.events.add(this._input, "compositionstart", () => (this.compositing = true));
|
130
|
-
this.events.add(this._input, "compositionend", (e) => {
|
131
|
-
this.compositing = false;
|
132
|
-
this._handleInput(e);
|
133
|
-
});
|
134
|
-
}
|
135
|
-
}
|
136
|
-
_changeInputType(t) {
|
137
|
-
if (this._input) {
|
138
|
-
this._input.type = t;
|
139
|
-
}
|
140
|
-
}
|
141
|
-
focus(options) {
|
142
|
-
this._input?.focus(options);
|
143
|
-
}
|
144
|
-
firstUpdated() {
|
145
|
-
this._compositionInit();
|
146
|
-
}
|
147
|
-
_renderPrefix() {
|
148
|
-
return html `
|
149
|
-
<label
|
150
|
-
for=${this.makeId}
|
151
|
-
part="prefix"
|
152
|
-
>
|
153
|
-
${htmlSlot("prefix")}
|
154
|
-
</label>
|
155
|
-
`;
|
156
|
-
}
|
157
|
-
_renderSuffix() {
|
158
|
-
return html `
|
159
|
-
<label
|
160
|
-
for=${this.makeId}
|
161
|
-
part="suffix"
|
162
|
-
>
|
163
|
-
${htmlSlot("suffix")}
|
164
|
-
</label>
|
165
|
-
`;
|
166
|
-
}
|
167
|
-
};
|
168
|
-
__decorate([
|
169
|
-
property()
|
170
|
-
], SuperInput.prototype, "autocomplete", void 0);
|
171
|
-
__decorate([
|
172
|
-
property({ attribute: "outline-type" })
|
173
|
-
], SuperInput.prototype, "outlineType", void 0);
|
174
|
-
__decorate([
|
175
|
-
property({ type: Boolean, reflect: true })
|
176
|
-
], SuperInput.prototype, "disabled", void 0);
|
177
|
-
__decorate([
|
178
|
-
property({ reflect: true })
|
179
|
-
], SuperInput.prototype, "type", void 0);
|
180
|
-
__decorate([
|
181
|
-
property({ reflect: true })
|
182
|
-
], SuperInput.prototype, "placeholder", void 0);
|
183
|
-
__decorate([
|
184
|
-
property({ reflect: true })
|
185
|
-
], SuperInput.prototype, "name", void 0);
|
186
|
-
__decorate([
|
187
|
-
property()
|
188
|
-
], SuperInput.prototype, "value", void 0);
|
189
|
-
__decorate([
|
190
|
-
property()
|
191
|
-
], SuperInput.prototype, "default", void 0);
|
192
|
-
__decorate([
|
193
|
-
part("input")
|
194
|
-
], SuperInput.prototype, "_input", void 0);
|
195
|
-
SuperInput = __decorate([
|
196
|
-
styles(fieldStyle, new OutlineBuilder({
|
197
|
-
width: `${cssGlobalVars.input}-outline-width`,
|
198
|
-
color: `${cssGlobalVars.input}-outline-color`,
|
199
|
-
}).styleSheet, inputStyle)
|
200
|
-
], SuperInput);
|
201
|
-
export default SuperInput;
|
202
|
-
export { SuperInput };
|
203
|
-
//# sourceMappingURL=super-input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-input.js","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"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"}
|
@@ -1,16 +0,0 @@
|
|
1
|
-
import type { PropertyValueMap } from "lit";
|
2
|
-
import { GlobalStyle } from "./global-style.js";
|
3
|
-
declare class SuperOpenable extends GlobalStyle {
|
4
|
-
/**
|
5
|
-
* Open the content.
|
6
|
-
*/
|
7
|
-
open: boolean;
|
8
|
-
toggle(to?: boolean): void;
|
9
|
-
close(): void;
|
10
|
-
show(): void;
|
11
|
-
protected updated(changedProperties: PropertyValueMap<this>): void;
|
12
|
-
protected _handelClick(_: MouseEvent): void;
|
13
|
-
}
|
14
|
-
export default SuperOpenable;
|
15
|
-
export { SuperOpenable };
|
16
|
-
//# sourceMappingURL=super-openable.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAOlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
@@ -1,36 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { property } from "lit/decorators.js";
|
3
|
-
import { GlobalStyle } from "./global-style.js";
|
4
|
-
class SuperOpenable extends GlobalStyle {
|
5
|
-
constructor() {
|
6
|
-
super(...arguments);
|
7
|
-
/**
|
8
|
-
* Open the content.
|
9
|
-
*/
|
10
|
-
this.open = false;
|
11
|
-
}
|
12
|
-
toggle(to = !this.open) {
|
13
|
-
this.open = to;
|
14
|
-
}
|
15
|
-
close() {
|
16
|
-
this.open = false;
|
17
|
-
}
|
18
|
-
show() {
|
19
|
-
this.open = true;
|
20
|
-
}
|
21
|
-
updated(changedProperties) {
|
22
|
-
const open = changedProperties.get("open");
|
23
|
-
if (open !== undefined) {
|
24
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.open, composed: true }));
|
25
|
-
}
|
26
|
-
}
|
27
|
-
_handelClick(_) {
|
28
|
-
this.toggle();
|
29
|
-
}
|
30
|
-
}
|
31
|
-
__decorate([
|
32
|
-
property({ type: Boolean, reflect: true })
|
33
|
-
], SuperOpenable.prototype, "open", void 0);
|
34
|
-
export default SuperOpenable;
|
35
|
-
export { SuperOpenable };
|
36
|
-
//# sourceMappingURL=super-openable.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-openable.js","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAwBf,CAAC;IAtBC,MAAM,CAAC,KAAc,CAAC,IAAI,CAAC,IAAsB;QAC/C,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAxBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA0Bf,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
package/dev/details.d.ts
DELETED