godown 3.0.0-canary.1 → 3.0.0-canary.10
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 +37 -8
- package/components/alert.d.ts +5 -3
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +24 -14
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +5 -1
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +7 -3
- package/components/avatar.js.map +1 -1
- package/components/breath.d.ts +2 -1
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +5 -4
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +16 -9
- package/components/button.d.ts.map +1 -1
- package/components/button.js +22 -20
- 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 -11
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +6 -5
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +3 -2
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +5 -2
- package/components/details.d.ts.map +1 -1
- package/components/details.js +5 -2
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +8 -4
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +17 -12
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +1 -1
- package/components/divider.js +1 -1
- package/components/divider.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 +2 -1
- 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 +8 -3
- 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 -3
- package/components/input.d.ts.map +1 -1
- package/components/input.js +3 -6
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +3 -6
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +21 -10
- 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 +2 -11
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +6 -15
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +43 -17
- package/components/range.d.ts.map +1 -1
- package/components/range.js +132 -58
- 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 +10 -10
- package/components/router.js.map +1 -1
- package/components/select.d.ts +4 -8
- package/components/select.d.ts.map +1 -1
- package/components/select.js +42 -41
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +3 -4
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +18 -1
- package/components/split.d.ts.map +1 -1
- package/components/split.js +52 -19
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +4 -4
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +6 -6
- package/components/switch.js.map +1 -1
- package/components/text.js +3 -3
- package/components/text.js.map +1 -1
- package/components/time.d.ts +4 -20
- package/components/time.d.ts.map +1 -1
- package/components/time.js +5 -66
- 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 +23 -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-anchor.js.map +1 -1
- package/core/super-input.d.ts +2 -3
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +3 -6
- package/core/super-input.js.map +1 -1
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/dev/components/alert.d.ts +5 -3
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +35 -24
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +5 -1
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +7 -6
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/breath.d.ts +2 -1
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +3 -1
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +16 -9
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +29 -25
- 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 -29
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +6 -5
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +9 -7
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +5 -2
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +4 -1
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +8 -4
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +23 -18
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +1 -1
- package/dev/components/divider.js +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 +2 -1
- 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 +8 -3
- 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 -3
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +1 -20
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +3 -6
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +23 -10
- 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 +2 -11
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +7 -16
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +43 -17
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +157 -99
- 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 +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 +10 -10
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +4 -8
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +46 -44
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +2 -3
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +18 -1
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +55 -22
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +4 -4
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +12 -13
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.js +3 -3
- package/dev/components/time.d.ts +4 -20
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +5 -66
- 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 +39 -16
- 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 -3
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +21 -20
- package/dev/core/super-input.js.map +1 -1
- package/dev/range.d.ts +1 -1
- package/dev/range.d.ts.map +1 -1
- package/index.js +13 -13
- package/package.json +9 -7
- package/range.d.ts +1 -1
- package/range.d.ts.map +1 -1
- package/src/alert.ts +11 -0
- package/src/avatar.ts +11 -0
- package/src/breath.ts +13 -0
- package/src/button.ts +11 -0
- package/src/card.ts +11 -0
- package/src/carousel.ts +11 -0
- package/src/components/alert.ts +282 -0
- package/src/components/avatar.ts +95 -0
- package/src/components/breath.ts +153 -0
- package/src/components/button.ts +286 -0
- package/src/components/card.ts +80 -0
- package/src/components/carousel.ts +169 -0
- package/src/components/details.ts +116 -0
- package/src/components/dialog.ts +165 -0
- package/src/components/divider.ts +44 -0
- package/src/components/dragbox.ts +127 -0
- package/src/components/flex.ts +70 -0
- package/src/components/form.ts +82 -0
- package/src/components/grid.ts +75 -0
- package/src/components/input.ts +72 -0
- package/src/components/layout.ts +82 -0
- package/src/components/link.ts +38 -0
- package/src/components/progress.ts +95 -0
- package/src/components/range.ts +404 -0
- package/src/components/rotate.ts +92 -0
- package/src/components/router.ts +273 -0
- package/src/components/select.ts +268 -0
- package/src/components/skeleton.ts +118 -0
- package/src/components/split.ts +221 -0
- package/src/components/switch.ts +180 -0
- package/src/components/text.ts +95 -0
- package/src/components/time.ts +81 -0
- package/src/components/tooltip.ts +138 -0
- package/src/components/typewriter.ts +154 -0
- package/src/core/global-style.ts +86 -0
- package/src/core/super-anchor.ts +52 -0
- package/src/core/super-input.ts +230 -0
- package/src/core/super-openable.ts +51 -0
- package/src/details.ts +11 -0
- package/src/dialog.ts +11 -0
- package/src/divider.ts +11 -0
- package/src/dragbox.ts +11 -0
- package/src/flex.ts +11 -0
- package/src/form.ts +11 -0
- package/src/grid.ts +11 -0
- package/src/index.ts +28 -0
- package/src/input.ts +13 -0
- package/src/layout.ts +12 -0
- package/src/link.ts +13 -0
- package/src/progress.ts +12 -0
- package/src/range.ts +13 -0
- package/src/rotate.ts +13 -0
- package/src/router.ts +12 -0
- package/src/select.ts +13 -0
- package/src/skeleton.ts +13 -0
- package/src/split.ts +13 -0
- package/src/switch.ts +13 -0
- package/src/text.ts +13 -0
- package/src/time.ts +13 -0
- package/src/tooltip.ts +13 -0
- package/src/typewriter.ts +11 -0
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/range.js
CHANGED
@@ -3,23 +3,21 @@ import { godown } from '@godown/element/decorators/godown.js';
|
|
3
3
|
import { part } from '@godown/element/decorators/part.js';
|
4
4
|
import { styles } from '@godown/element/decorators/styles.js';
|
5
5
|
import { classList } from '@godown/element/directives/class-list.js';
|
6
|
-
import { conditionIf } from '@godown/element/directives/condition-if.js';
|
7
|
-
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
8
6
|
import { joinProperties } from '@godown/element/tools/css.js';
|
9
7
|
import { isNil } from '@godown/element/tools/lib.js';
|
10
|
-
import {
|
11
|
-
import { property, state } from 'lit/decorators.js';
|
8
|
+
import { html, css } from 'lit';
|
9
|
+
import { property, queryAll, state } from 'lit/decorators.js';
|
12
10
|
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
13
11
|
import SuperInput from '../core/super-input.js';
|
14
12
|
|
15
13
|
const protoName = "range";
|
16
14
|
const cssScope = scopePrefix(protoName);
|
17
15
|
/**
|
18
|
-
* {@linkcode Range} is similar to
|
16
|
+
* {@linkcode Range} is similar to `<input type="range">`.
|
19
17
|
*
|
20
|
-
* Value accepts
|
18
|
+
* Value accepts number, or array.
|
21
19
|
*
|
22
|
-
* Number
|
20
|
+
* Number has 1 handle, the array has the number of its elements and the minimum is 2.
|
23
21
|
*
|
24
22
|
* @category input
|
25
23
|
*/
|
@@ -34,55 +32,134 @@ let Range = class Range extends SuperInput {
|
|
34
32
|
* Maximum value.
|
35
33
|
*/
|
36
34
|
this.max = 100;
|
37
|
-
/**
|
38
|
-
* Sliding step length.
|
39
|
-
*/
|
40
|
-
this.step = 1;
|
41
35
|
}
|
42
36
|
/**
|
43
|
-
* Returns true when the second number is greater than the first number
|
37
|
+
* Returns true when the second number is greater than the first number.
|
44
38
|
*/
|
45
39
|
get reverse() {
|
46
40
|
return this.range ? this.value[0] > this.value[1] : false;
|
47
41
|
}
|
48
42
|
/**
|
49
|
-
*
|
43
|
+
* If value is array.
|
50
44
|
*/
|
51
45
|
get range() {
|
52
46
|
return Array.isArray(this.value);
|
53
47
|
}
|
48
|
+
/**
|
49
|
+
* Return values in the form of an array.
|
50
|
+
*/
|
54
51
|
get rangeValue() {
|
55
|
-
return (this.range ? this.value : [
|
52
|
+
return (this.range ? this.value : [this.value]);
|
53
|
+
}
|
54
|
+
/**
|
55
|
+
* @param len Minimum result length.
|
56
|
+
* @param value Fill value.
|
57
|
+
* @returns Array with length of len.
|
58
|
+
*/
|
59
|
+
padValue(len, value = 0) {
|
60
|
+
const { rangeValue } = this;
|
61
|
+
const miss = len - rangeValue.length;
|
62
|
+
if (miss > 0) {
|
63
|
+
return new Array(miss).fill(value).concat(rangeValue);
|
64
|
+
}
|
65
|
+
return rangeValue;
|
56
66
|
}
|
57
67
|
render() {
|
58
|
-
const
|
68
|
+
const rangeValue = this.padValue(2);
|
69
|
+
const from = Math.min(...rangeValue);
|
70
|
+
const to = Math.max(...rangeValue);
|
59
71
|
const gap = this.max - this.min;
|
60
72
|
return html `<div part="root" class="${classList({
|
61
73
|
vertical: this.vertical,
|
62
74
|
range: this.range,
|
63
75
|
reverse: this.reverse,
|
64
|
-
})}" @mousedown="${this.disabled ? null : this._handleMousedownRoot}" style="${joinProperties({
|
76
|
+
})}" @mousedown="${this.disabled ? null : this._handleMousedownRoot}" style="${joinProperties({
|
77
|
+
"--from": `${((from - this.min) / gap) * 100}%`,
|
78
|
+
"--to": `${((to - this.min) / gap) * 100}%`,
|
79
|
+
...(this.range
|
80
|
+
? Object.fromEntries(rangeValue.map((value, index) => [
|
81
|
+
`--handle-${index}`,
|
82
|
+
`${((value - this.min) / gap) * 100}%`,
|
83
|
+
]))
|
84
|
+
: {}),
|
85
|
+
})}"><div part="track"></div>${this.range
|
86
|
+
? this.value.map((_, index) => this.renderHandle(index))
|
87
|
+
: this.renderHandle(0)}</div>`;
|
65
88
|
}
|
66
|
-
|
67
|
-
|
68
|
-
this.
|
89
|
+
renderHandle(index) {
|
90
|
+
const { range } = this;
|
91
|
+
const end = !range || index === this.value.length - 1;
|
92
|
+
return html `<i tabindex="0" part="handle" class="${classList({ "last-focus": this.lastFocus === index })}" @mousedown="${this.disabled ? null : this.createMouseDown(index)}" @focus="${this.disabled ? null : () => this.focusHandle(index)}" @blur="${this.disabled ? null : this.blurHandle}" style="--handle:var(--${
|
93
|
+
/* In single-handle mod or end, it is max value */
|
94
|
+
(!range && end) ? `to` : `handle-${index}`})"></i>`;
|
95
|
+
}
|
96
|
+
focusHandle(index) {
|
97
|
+
this.lastFocus = index;
|
98
|
+
const handleItem = this._handles.item(index);
|
99
|
+
handleItem?.focus();
|
100
|
+
if (!this._keydownEvent) {
|
101
|
+
this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
|
102
|
+
}
|
103
|
+
}
|
104
|
+
blurHandle() {
|
105
|
+
this.lastFocus = undefined;
|
106
|
+
this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
|
107
|
+
}
|
108
|
+
createKeydownEvent(index) {
|
109
|
+
if (!this.range) {
|
110
|
+
index = 0;
|
111
|
+
}
|
112
|
+
return (e) => {
|
113
|
+
if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
|
114
|
+
e.preventDefault();
|
115
|
+
this.createSetValue(index)(old => old - this.step);
|
116
|
+
}
|
117
|
+
else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
|
118
|
+
e.preventDefault();
|
119
|
+
this.createSetValue(index)(old => old + this.step);
|
120
|
+
}
|
121
|
+
};
|
122
|
+
}
|
123
|
+
createMouseDown(index) {
|
124
|
+
return (e) => {
|
125
|
+
this.focusHandle(index);
|
126
|
+
this.createMousedownListener(this.createSetValue(index))(e);
|
127
|
+
};
|
69
128
|
}
|
70
129
|
_handleMousedownEnd(e) {
|
71
|
-
this.lastFocus =
|
130
|
+
this.lastFocus = 0;
|
72
131
|
this.createMousedownListener(this.setEnd)(e);
|
132
|
+
this.focusHandle(0);
|
73
133
|
}
|
74
|
-
|
75
|
-
|
76
|
-
|
134
|
+
createSetValue(index) {
|
135
|
+
return (numberOrModifier) => {
|
136
|
+
const number = typeof numberOrModifier === "number"
|
137
|
+
? this.normalizeValue(numberOrModifier)
|
138
|
+
: numberOrModifier(this.rangeValue[index]);
|
139
|
+
let newValue = number;
|
140
|
+
if (this.range) {
|
141
|
+
newValue = [...this.rangeValue];
|
142
|
+
newValue[index] = number;
|
143
|
+
}
|
144
|
+
this.value = newValue;
|
145
|
+
};
|
77
146
|
}
|
78
147
|
setEnd(value) {
|
79
|
-
|
80
|
-
this.value = this.range ? [i, value] : value;
|
148
|
+
this.createSetValue(this.value?.length - 1 || 0)(value);
|
81
149
|
}
|
150
|
+
/**
|
151
|
+
* Compute value from event.
|
152
|
+
*/
|
82
153
|
_computeValue(e) {
|
83
154
|
const rect = this._root.getBoundingClientRect();
|
84
155
|
const div = this.vertical ? (e.clientY - rect.top) / rect.height : (e.clientX - rect.left) / rect.width;
|
85
|
-
|
156
|
+
const value = Math.round((div * (this.max - this.min)) / this.step) * this.step;
|
157
|
+
return this.normalizeValue(value);
|
158
|
+
}
|
159
|
+
/**
|
160
|
+
* Ensure that the values do not exceed the range of max and min.
|
161
|
+
*/
|
162
|
+
normalizeValue(value) {
|
86
163
|
if (value > this.max) {
|
87
164
|
value -= this.step;
|
88
165
|
}
|
@@ -93,26 +170,29 @@ let Range = class Range extends SuperInput {
|
|
93
170
|
}
|
94
171
|
_handleMousedownRoot(e) {
|
95
172
|
const value = this._computeValue(e);
|
96
|
-
|
97
|
-
this.
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
173
|
+
const index = this.range
|
174
|
+
? this.rangeValue.reduce((acc, item, index) => {
|
175
|
+
const diff = Math.abs(value - item);
|
176
|
+
const prevDiff = Math.abs(value - this.rangeValue[acc]);
|
177
|
+
return diff < prevDiff ? index : acc;
|
178
|
+
}, 0)
|
179
|
+
: 0;
|
180
|
+
const set = this.createSetValue(index);
|
181
|
+
set(value);
|
182
|
+
this.createMousedownListener(set)(e);
|
183
|
+
this.focusHandle(index);
|
104
184
|
}
|
105
185
|
createMousedownListener(mouseMoveCallback) {
|
106
186
|
return (e) => {
|
107
187
|
e.preventDefault();
|
108
188
|
e.stopPropagation();
|
109
189
|
const move = this.createMousemoveListener(mouseMoveCallback);
|
110
|
-
|
190
|
+
this.events.add(document, "mousemove", move);
|
111
191
|
const stop = () => {
|
112
|
-
|
113
|
-
|
192
|
+
this.events.remove(document, "mousemove", move);
|
193
|
+
this.events.remove(document, "mouseup", stop);
|
114
194
|
};
|
115
|
-
|
195
|
+
this.events.add(document, "mouseup", stop);
|
116
196
|
};
|
117
197
|
}
|
118
198
|
createMousemoveListener(callback) {
|
@@ -127,34 +207,25 @@ let Range = class Range extends SuperInput {
|
|
127
207
|
_connectedInit() {
|
128
208
|
const gap = this.max - this.min;
|
129
209
|
this.step ||= gap / 100;
|
130
|
-
if (
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
const mid = Math.round(gap / 2 / this.step) * this.step;
|
138
|
-
this.default = this.range ? [0, mid] : mid;
|
139
|
-
this.value = this.default;
|
210
|
+
if (isNil(this.value)) {
|
211
|
+
if (!isNil(this.default)) {
|
212
|
+
this.value = this.default;
|
213
|
+
}
|
214
|
+
else {
|
215
|
+
this.value = Math.round(gap / 2 / this.step) * this.step;
|
216
|
+
}
|
140
217
|
}
|
218
|
+
this.default ??= this.value;
|
141
219
|
}
|
142
220
|
reset() {
|
143
221
|
this.value = this.default;
|
144
222
|
}
|
145
|
-
swap() {
|
146
|
-
if (this.range) {
|
147
|
-
const [a, b] = this.value;
|
148
|
-
this.value = [b, a];
|
149
|
-
}
|
150
|
-
}
|
151
223
|
sort() {
|
152
|
-
this.value = this.toSorted();
|
224
|
+
return this.value = this.toSorted();
|
153
225
|
}
|
154
226
|
toSorted() {
|
155
227
|
if (this.range) {
|
156
|
-
|
157
|
-
return a > b ? [b, a] : [a, b];
|
228
|
+
return [...this.value].sort((a, b) => a - b);
|
158
229
|
}
|
159
230
|
return this.value;
|
160
231
|
}
|
@@ -180,12 +251,15 @@ __decorate([
|
|
180
251
|
__decorate([
|
181
252
|
part("root")
|
182
253
|
], Range.prototype, "_root", void 0);
|
254
|
+
__decorate([
|
255
|
+
queryAll("[part=handle]")
|
256
|
+
], Range.prototype, "_handles", void 0);
|
183
257
|
__decorate([
|
184
258
|
state()
|
185
259
|
], Range.prototype, "lastFocus", void 0);
|
186
260
|
Range = __decorate([
|
187
261
|
godown(protoName),
|
188
|
-
styles(css `:host{${cssScope}-handle-active:var(${cssGlobalVars._colors.blue[7]});${cssScope}-track-width:.5em;background:var(${cssGlobalVars.input}-background);width:var(${cssGlobalVars.input}-width);display:inline-block;margin:.25em 0}:host([vertical]){height:var(${cssGlobalVars.input}-width);width:-moz-fit-content;width:fit-content}:host(:not([disabled]))
|
262
|
+
styles(css `:host{${cssScope}-handle-active:var(${cssGlobalVars._colors.blue[7]});${cssScope}-track-width:.5em;background:var(${cssGlobalVars.input}-background);width:var(${cssGlobalVars.input}-width);display:inline-block;margin:.25em 0}:host([vertical]){height:var(${cssGlobalVars.input}-width);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{z-index:1;${cssScope}-handle-scale:1.05;background:var(${cssScope}-handle-active)}[part=root]{min-height:inherit;position:relative;border-radius:inherit;width:100%;--from:0%;--to:50%;height:var(${cssScope}-track-width)}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${cssGlobalVars.active});width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border:.1em solid;border-radius:50%;transform-origin:0 25%;transform:scale(var(${cssScope}-handle-scale,1)) translate(-50%,-25%);background:var(${cssGlobalVars.active});border-color:var(${cssGlobalVars.input}-control)}`, css `.vertical{height:100%;width:var(${cssScope}-track-width)}.vertical i{transform:translate(-25%,-50%)}.vertical [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`, css `[part=handle]{left:var(--handle);top:0}.vertical [part=handle]{top:var(--handle);left:0}`)
|
189
263
|
], Range);
|
190
264
|
var Range$1 = Range;
|
191
265
|
|
package/components/range.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
|
package/components/rotate.d.ts
CHANGED
@@ -5,7 +5,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
5
5
|
* @category wrapper
|
6
6
|
*/
|
7
7
|
declare class Rotate extends GlobalStyle {
|
8
|
-
_root: HTMLElement;
|
8
|
+
protected _root: HTMLElement;
|
9
9
|
protected render(): import("lit").TemplateResult<1>;
|
10
10
|
reset(): void;
|
11
11
|
protected _handleRotate(e: MouseEvent): void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAIM,MAAO,SAAQ,WAAW;IAE9B,KAAK,EAAE,WAAW,CAAC;
|
1
|
+
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../src/components/rotate.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAIM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;IAMrC;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU;;;;CAU7B;AAED,eAAe,MAAM,CAAC"}
|
package/components/rotate.js
CHANGED
@@ -3,7 +3,7 @@ import { godown } from '@godown/element/decorators/godown.js';
|
|
3
3
|
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
|
-
import {
|
6
|
+
import { html, css } from 'lit';
|
7
7
|
import { scopePrefix, GlobalStyle } from '../core/global-style.js';
|
8
8
|
|
9
9
|
const protoName = "rotate";
|
package/components/rotate.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAS,GAAG,QAAQ
|
1
|
+
{"version":3,"file":"rotate.js","sources":["../src/components/rotate.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;IAIpB,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CACsB,8CAAA,EAAA,IAAI,CAAC,aAAa,CAAA,EAAA,EAAK,QAAQ,EAAE,CAC9C,sBAAA,EAAA,IAAI,CAAC,KAAK,cACvB;;IAGT,KAAK,GAAA;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC;;AAGrC,IAAA,aAAa,CAAC,CAAa,EAAA;AACnC,QAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,OAAO,CAAA,aAAA,EAAgB,OAAO,CAAA,IAAA,CAAM,CAAC;QAC1F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC;;AAGlD;;;;;;;AAOE;AACF,IAAA,cAAc,CAAC,CAAa,EAAA;AAC1B,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE;AACvE,QAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC;AAC9B,QAAA,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI;AAC9B,QAAA,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG;AAE7B,QAAA,MAAM,OAAO,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC;AACpD,QAAA,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC;AACjD,QAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;;CAE/B;AAtCY,UAAA,CAAA;IADT,IAAI,CAAC,MAAM;AACgB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAFxB,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,4FAAA,EAAgG,QAAQ,CAAA,gBAAA,EAAmB,QAAQ,CAAA,yKAAA,EAA4K,QAAQ,CAAA,+BAAA,EAAkC,QAAQ,CAAA,iCAAA,CAAmC;AAEnY,CAAA,EAAA,MAAM,CAwCZ;AAEA,eAAe,MAAM;;;;"}
|
package/components/router.d.ts
CHANGED
@@ -18,6 +18,8 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
18
18
|
*
|
19
19
|
* If no routes are matched, the default value (no named slot) will be rendered.
|
20
20
|
*
|
21
|
+
* @slot - Display slot when there is no match.
|
22
|
+
* @slot * - Matching slot will be displayed.
|
21
23
|
* @category navigation
|
22
24
|
*/
|
23
25
|
declare class Router<C = unknown> extends GlobalStyle {
|
@@ -83,8 +85,7 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
83
85
|
component: C | TemplateResult;
|
84
86
|
};
|
85
87
|
/**
|
86
|
-
*
|
87
|
-
* @param first whether this path is loaded for the first time.
|
88
|
+
* Callback function when the route changes.
|
88
89
|
*/
|
89
90
|
routeChangeCallback: (params: {
|
90
91
|
pathname: string;
|
@@ -94,15 +95,11 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
94
95
|
}, first: boolean) => void;
|
95
96
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
96
97
|
/**
|
97
|
-
*
|
98
|
-
* @param query Query string.
|
99
|
-
* @returns Components or null.
|
98
|
+
* Get component from {@linkcode routes} by query.
|
100
99
|
*/
|
101
100
|
fieldComponent(query?: string): C;
|
102
101
|
/**
|
103
|
-
*
|
104
|
-
* @param query Query string.
|
105
|
-
* @returns Named slot element template result or null.
|
102
|
+
* Get component from slotted elements by query.
|
106
103
|
*/
|
107
104
|
slottedComponent(usedRouteTemplate?: string): TemplateResult<1>;
|
108
105
|
/**
|
@@ -116,6 +113,7 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
116
113
|
useWhich(path: string): string;
|
117
114
|
parseParams(routeTemplate: string, path: string): Record<string, string>;
|
118
115
|
static updateAll(): void;
|
116
|
+
handlePopstate: () => void;
|
119
117
|
}
|
120
118
|
export default Router;
|
121
119
|
//# sourceMappingURL=router.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAM,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,WAAW;IAC3C,MAAM,CAAC,eAAe,uBAAqB;IAE3C,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAwD;IAC7E,OAAO,CAAC,QAAQ,CAMZ;IAEJ;;OAEG;IAEH,SAAS,EAAE,CAAC,GAAG,cAAc,CAAQ;IAErC;;OAEG;IAEH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAEpC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK;;;QAAA,EAGf;IAED,IAAI,MAAM;;;SAET;IAED,KAAK;IAIL,SAAS,CAAC,MAAM;IAsBhB,iBAAiB;IAgBjB,oBAAoB;IAKpB,SAAS;;;;;;IAST;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE;QAC5B,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,CAAC,GAAG,cAAc,CAAC;KAC/B,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAElC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAa3D;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM;IAgB7B;;OAEG;IACH,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM;IAiB3C;;OAEG;IACH,oBAAoB;IAQpB;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM;IAQ5C,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAI/C,MAAM,CAAC,SAAS;IAMhB,cAAc,QAEF,IAAI,CAAC;CAClB;AAED,eAAe,MAAM,CAAC"}
|
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;
|
@@ -109,7 +113,7 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
109
113
|
connectedCallback() {
|
110
114
|
super.connectedCallback();
|
111
115
|
Router_1.routerInstances.add(this);
|
112
|
-
this.pathname
|
116
|
+
this.pathname ??= location.pathname;
|
113
117
|
if (this.type !== "field") {
|
114
118
|
const mutationObserver = new MutationObserver(this.collectSlottedRoutes);
|
115
119
|
mutationObserver.observe(this, {
|
@@ -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
|
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
@@ -1,7 +1,7 @@
|
|
1
1
|
import { HandlerEvent } from "@godown/element";
|
2
2
|
import Input from "./input.js";
|
3
3
|
/**
|
4
|
-
* {@linkcode Select} is similar to
|
4
|
+
* {@linkcode Select} is similar to `<select>`.
|
5
5
|
*
|
6
6
|
* Elements with the value attribute/property can be used as options.
|
7
7
|
*
|
@@ -15,20 +15,15 @@ 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
|
-
/**
|
21
|
-
* Open content.
|
22
|
-
*/
|
23
|
-
open: boolean;
|
24
19
|
/**
|
25
20
|
* Selected texts.
|
26
21
|
*/
|
27
22
|
text: string;
|
28
|
-
_content: HTMLElement;
|
29
|
-
visible: boolean;
|
23
|
+
protected _content: HTMLElement;
|
30
24
|
direction: "top" | "bottom" | undefined;
|
31
25
|
multiple: boolean;
|
26
|
+
visible: boolean;
|
32
27
|
protected autoDirection: "top" | "bottom";
|
33
28
|
protected lastChecked: HTMLElement;
|
34
29
|
protected defaultText: string;
|
@@ -36,6 +31,7 @@ declare class Select extends Input {
|
|
36
31
|
private _store;
|
37
32
|
protected render(): import("lit").TemplateResult<1>;
|
38
33
|
protected _handleFocus(): void;
|
34
|
+
protected firstUpdated(): void;
|
39
35
|
protected _connectedInit(): void;
|
40
36
|
reset(): void;
|
41
37
|
select(value: string, text?: string): 0 | 1;
|
@@ -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"}
|