@sondor-technology/sondor-components 1.0.7 → 1.0.8
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/dist/components/calendar/calendar.d.ts +36 -0
- package/dist/components/calendar/calendar.d.ts.map +1 -0
- package/dist/components/calendar/calendar.js +439 -0
- package/dist/components/calendar/calendar.js.map +1 -0
- package/dist/components/cron-builder/cron-builder.d.ts +34 -0
- package/dist/components/cron-builder/cron-builder.d.ts.map +1 -0
- package/dist/components/cron-builder/cron-builder.js +456 -0
- package/dist/components/cron-builder/cron-builder.js.map +1 -0
- package/dist/components/input/input.d.ts +1 -0
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +35 -12
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/pin-input/pin-input.d.ts +33 -0
- package/dist/components/pin-input/pin-input.d.ts.map +1 -0
- package/dist/components/pin-input/pin-input.js +253 -0
- package/dist/components/pin-input/pin-input.js.map +1 -0
- package/dist/components/popover/popover.d.ts +26 -0
- package/dist/components/popover/popover.d.ts.map +1 -0
- package/dist/components/popover/popover.js +196 -0
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/select/select.d.ts +4 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +26 -4
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/time-picker/time-picker.d.ts +38 -0
- package/dist/components/time-picker/time-picker.d.ts.map +1 -0
- package/dist/components/time-picker/time-picker.js +280 -0
- package/dist/components/time-picker/time-picker.js.map +1 -0
- package/dist/components/toggle-group/toggle-button.d.ts +23 -0
- package/dist/components/toggle-group/toggle-button.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-button.js +115 -0
- package/dist/components/toggle-group/toggle-button.js.map +1 -0
- package/dist/components/toggle-group/toggle-group.d.ts +32 -0
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group/toggle-group.js +150 -0
- package/dist/components/toggle-group/toggle-group.js.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +33 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.js +293 -0
- package/dist/components/tooltip/tooltip.js.map +1 -0
- package/dist/styles/index.css +1 -0
- package/package.json +29 -1
- package/src/components/calendar/calendar.ts +444 -0
- package/src/components/cron-builder/cron-builder.ts +452 -0
- package/src/components/input/input.ts +38 -14
- package/src/components/pin-input/pin-input.ts +249 -0
- package/src/components/popover/popover.ts +192 -0
- package/src/components/select/select.ts +25 -63
- package/src/components/time-picker/time-picker.ts +272 -0
- package/src/components/toggle-group/toggle-button.ts +104 -0
- package/src/components/toggle-group/toggle-group.ts +148 -0
- package/src/components/tooltip/tooltip.ts +286 -0
- package/src/styles/theme.css +2 -0
|
@@ -0,0 +1,253 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from "lit";
|
|
8
|
+
import { customElement, property, queryAll, state } from "lit/decorators.js";
|
|
9
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
10
|
+
import { resetStyles } from "../../styles/reset.js";
|
|
11
|
+
let StPinInput = class StPinInput extends LitElement {
|
|
12
|
+
constructor() {
|
|
13
|
+
super();
|
|
14
|
+
this.name = "";
|
|
15
|
+
this.label = "";
|
|
16
|
+
this.length = 6;
|
|
17
|
+
this.value = "";
|
|
18
|
+
// Obscures the input for secure PINs
|
|
19
|
+
this.mask = false;
|
|
20
|
+
this.disabled = false;
|
|
21
|
+
this.required = false;
|
|
22
|
+
this.invalid = false;
|
|
23
|
+
this.error = "";
|
|
24
|
+
this._touched = false;
|
|
25
|
+
this._internals = this.attachInternals();
|
|
26
|
+
}
|
|
27
|
+
updated(changedProperties) {
|
|
28
|
+
super.updated(changedProperties);
|
|
29
|
+
if (changedProperties.has("value") ||
|
|
30
|
+
changedProperties.has("required") ||
|
|
31
|
+
changedProperties.has("error")) {
|
|
32
|
+
this._internals.setFormValue(this.value || null);
|
|
33
|
+
this._syncValidity();
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
_syncValidity() {
|
|
37
|
+
this.invalid = false;
|
|
38
|
+
if (this.error) {
|
|
39
|
+
this._internals.setValidity({ customError: true }, this.error);
|
|
40
|
+
this.invalid = true;
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
if (this.required && (this.value.length < this.length || this.value.includes(" "))) {
|
|
44
|
+
this._internals.setValidity({ valueMissing: true }, `Please enter all ${this.length} digits.`);
|
|
45
|
+
if (this._touched)
|
|
46
|
+
this.invalid = true;
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
this._internals.setValidity({});
|
|
50
|
+
}
|
|
51
|
+
checkValidity() {
|
|
52
|
+
return this._internals.checkValidity();
|
|
53
|
+
}
|
|
54
|
+
reportValidity() {
|
|
55
|
+
this._touched = true;
|
|
56
|
+
this._syncValidity();
|
|
57
|
+
return this._internals.reportValidity();
|
|
58
|
+
}
|
|
59
|
+
_updateValue() {
|
|
60
|
+
const chars = Array.from(this._inputs).map((input) => input.value || " ");
|
|
61
|
+
this.value = chars.join("");
|
|
62
|
+
this.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
|
|
63
|
+
// Only fire 'change' if the pin is completely filled
|
|
64
|
+
if (!this.value.includes(" ")) {
|
|
65
|
+
this.dispatchEvent(new Event("change", { bubbles: true, composed: true }));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
// Handle typing and auto-advancing
|
|
69
|
+
_handleInput(e, index) {
|
|
70
|
+
this._touched = true;
|
|
71
|
+
const input = e.target;
|
|
72
|
+
// If the user typed a character, move to the next input
|
|
73
|
+
if (input.value && index < this.length - 1) {
|
|
74
|
+
this._inputs[index + 1].focus();
|
|
75
|
+
}
|
|
76
|
+
this._updateValue();
|
|
77
|
+
}
|
|
78
|
+
// Handle backspace rewinding and arrow keys
|
|
79
|
+
_handleKeyDown(e, index) {
|
|
80
|
+
const input = e.target;
|
|
81
|
+
if (e.key === "Backspace") {
|
|
82
|
+
// If current box is empty, jump to previous box and clear it
|
|
83
|
+
if (!input.value && index > 0) {
|
|
84
|
+
e.preventDefault();
|
|
85
|
+
this._inputs[index - 1].value = "";
|
|
86
|
+
this._inputs[index - 1].focus();
|
|
87
|
+
this._updateValue();
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
else if (e.key === "ArrowLeft" && index > 0) {
|
|
91
|
+
e.preventDefault();
|
|
92
|
+
this._inputs[index - 1].focus();
|
|
93
|
+
}
|
|
94
|
+
else if (e.key === "ArrowRight" && index < this.length - 1) {
|
|
95
|
+
e.preventDefault();
|
|
96
|
+
this._inputs[index + 1].focus();
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
// Handle cross-field pasting (e.g. pasting "123456" into the first box)
|
|
100
|
+
_handlePaste(e, startIndex) {
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
this._touched = true;
|
|
103
|
+
const pasteData = e.clipboardData?.getData("text") || "";
|
|
104
|
+
// Clean the string (optional: restrict to numbers if you want strict numeric PINs)
|
|
105
|
+
const chars = pasteData.replace(/\s/g, "").split("");
|
|
106
|
+
if (!chars.length)
|
|
107
|
+
return;
|
|
108
|
+
let currentIndex = startIndex;
|
|
109
|
+
for (const char of chars) {
|
|
110
|
+
if (currentIndex < this.length) {
|
|
111
|
+
this._inputs[currentIndex].value = char;
|
|
112
|
+
currentIndex++;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
// Focus the last filled input (or the very last input if we filled them all)
|
|
116
|
+
const focusIndex = Math.min(currentIndex, this.length - 1);
|
|
117
|
+
this._inputs[focusIndex].focus();
|
|
118
|
+
this._updateValue();
|
|
119
|
+
}
|
|
120
|
+
render() {
|
|
121
|
+
// Break the current value into an array of characters for rendering
|
|
122
|
+
const values = this.value.padEnd(this.length, " ").split("");
|
|
123
|
+
const isInvalid = this.invalid || !!this.error;
|
|
124
|
+
return html `
|
|
125
|
+
${this.label ? html `<label>${this.label}</label>` : ""}
|
|
126
|
+
|
|
127
|
+
<div class=${classMap({ "pin-container": true, "is-invalid": isInvalid })}>
|
|
128
|
+
${values
|
|
129
|
+
.slice(0, this.length)
|
|
130
|
+
.map((char, index) => html `
|
|
131
|
+
<input
|
|
132
|
+
class="pin-box"
|
|
133
|
+
aria-label="Digit ${index + 1}"
|
|
134
|
+
type=${this.mask ? "password" : "text"}
|
|
135
|
+
inputmode="numeric"
|
|
136
|
+
autocomplete="${"one-time-code"}"
|
|
137
|
+
maxlength="1"
|
|
138
|
+
.value=${char.trim()}
|
|
139
|
+
?disabled=${this.disabled}
|
|
140
|
+
@input=${(e) => this._handleInput(e, index)}
|
|
141
|
+
@keydown=${(e) => this._handleKeyDown(e, index)}
|
|
142
|
+
@paste=${(e) => this._handlePaste(e, index)}
|
|
143
|
+
/>
|
|
144
|
+
`)}
|
|
145
|
+
</div>
|
|
146
|
+
|
|
147
|
+
${isInvalid && this.error ? html `<span class="error-msg">${this.error}</span>` : ""}
|
|
148
|
+
`;
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
StPinInput.formAssociated = true;
|
|
152
|
+
StPinInput.styles = [
|
|
153
|
+
resetStyles,
|
|
154
|
+
css `
|
|
155
|
+
:host {
|
|
156
|
+
display: block;
|
|
157
|
+
font-family: inherit;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
label {
|
|
161
|
+
display: block;
|
|
162
|
+
font-size: var(--st-font-size-sm);
|
|
163
|
+
font-weight: 500;
|
|
164
|
+
color: var(--st-color-text-muted);
|
|
165
|
+
margin-bottom: var(--st-spacing-xs);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.pin-container {
|
|
169
|
+
display: flex;
|
|
170
|
+
gap: var(--st-spacing-sm);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.pin-box {
|
|
174
|
+
width: 48px;
|
|
175
|
+
height: 56px;
|
|
176
|
+
text-align: center;
|
|
177
|
+
font-size: var(--st-font-size-xl);
|
|
178
|
+
font-weight: var(--st-font-weight-semibold);
|
|
179
|
+
color: var(--st-color-text);
|
|
180
|
+
background: var(--st-color-surface);
|
|
181
|
+
border: 1px solid var(--st-color-border);
|
|
182
|
+
border-radius: var(--st-radius-md);
|
|
183
|
+
box-sizing: border-box;
|
|
184
|
+
transition:
|
|
185
|
+
border-color 0.2s,
|
|
186
|
+
box-shadow 0.2s,
|
|
187
|
+
background-color 0.2s;
|
|
188
|
+
/* iOS optimization for numeric pads */
|
|
189
|
+
caret-color: var(--st-color-primary);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.pin-box:focus {
|
|
193
|
+
outline: none;
|
|
194
|
+
border-color: var(--st-color-primary);
|
|
195
|
+
box-shadow: 0 0 0 2px var(--st-color-primary-muted, rgba(59, 130, 246, 0.25));
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.pin-box:disabled {
|
|
199
|
+
background: var(--st-color-surface-muted, #f1f5f9);
|
|
200
|
+
color: var(--st-color-text-muted);
|
|
201
|
+
cursor: not-allowed;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.is-invalid .pin-box {
|
|
205
|
+
border-color: var(--st-color-danger, #dc2626);
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.error-msg {
|
|
209
|
+
display: block;
|
|
210
|
+
margin-top: var(--st-spacing-xs);
|
|
211
|
+
font-size: var(--st-font-size-xs);
|
|
212
|
+
color: var(--st-color-danger, #dc2626);
|
|
213
|
+
}
|
|
214
|
+
`,
|
|
215
|
+
];
|
|
216
|
+
__decorate([
|
|
217
|
+
property({ type: String, reflect: true })
|
|
218
|
+
], StPinInput.prototype, "name", void 0);
|
|
219
|
+
__decorate([
|
|
220
|
+
property({ type: String })
|
|
221
|
+
], StPinInput.prototype, "label", void 0);
|
|
222
|
+
__decorate([
|
|
223
|
+
property({ type: Number })
|
|
224
|
+
], StPinInput.prototype, "length", void 0);
|
|
225
|
+
__decorate([
|
|
226
|
+
property({ type: String })
|
|
227
|
+
], StPinInput.prototype, "value", void 0);
|
|
228
|
+
__decorate([
|
|
229
|
+
property({ type: Boolean })
|
|
230
|
+
], StPinInput.prototype, "mask", void 0);
|
|
231
|
+
__decorate([
|
|
232
|
+
property({ type: Boolean, reflect: true })
|
|
233
|
+
], StPinInput.prototype, "disabled", void 0);
|
|
234
|
+
__decorate([
|
|
235
|
+
property({ type: Boolean, reflect: true })
|
|
236
|
+
], StPinInput.prototype, "required", void 0);
|
|
237
|
+
__decorate([
|
|
238
|
+
property({ type: Boolean, reflect: true })
|
|
239
|
+
], StPinInput.prototype, "invalid", void 0);
|
|
240
|
+
__decorate([
|
|
241
|
+
property({ type: String })
|
|
242
|
+
], StPinInput.prototype, "error", void 0);
|
|
243
|
+
__decorate([
|
|
244
|
+
queryAll(".pin-box")
|
|
245
|
+
], StPinInput.prototype, "_inputs", void 0);
|
|
246
|
+
__decorate([
|
|
247
|
+
state()
|
|
248
|
+
], StPinInput.prototype, "_touched", void 0);
|
|
249
|
+
StPinInput = __decorate([
|
|
250
|
+
customElement("st-pin-input")
|
|
251
|
+
], StPinInput);
|
|
252
|
+
export { StPinInput };
|
|
253
|
+
//# sourceMappingURL=pin-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pin-input.js","sourceRoot":"","sources":["../../../src/components/pin-input/pin-input.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LitElement, PropertyValues } from "lit";
|
|
2
|
+
export type PopoverPosition = "top" | "bottom" | "left" | "right";
|
|
3
|
+
export declare class StPopover extends LitElement {
|
|
4
|
+
position: PopoverPosition;
|
|
5
|
+
offset: number;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
private _isOpen;
|
|
8
|
+
private _triggerWrapper;
|
|
9
|
+
private _popoverEl;
|
|
10
|
+
private _triggerElements;
|
|
11
|
+
static styles: import("lit").CSSResult[];
|
|
12
|
+
updated(changedProperties: PropertyValues): void;
|
|
13
|
+
private _handleTriggerSlotChange;
|
|
14
|
+
private _togglePopover;
|
|
15
|
+
show(): void;
|
|
16
|
+
hide(): void;
|
|
17
|
+
private _handleNativeToggle;
|
|
18
|
+
private _reposition;
|
|
19
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
20
|
+
}
|
|
21
|
+
declare global {
|
|
22
|
+
interface HTMLElementTagNameMap {
|
|
23
|
+
"st-popover": StPopover;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAI1D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,qBACa,SAAU,SAAQ,UAAU;IACb,QAAQ,EAAE,eAAe,CAAY;IACrC,MAAM,SAAK;IACK,QAAQ,UAAS;IAElD,OAAO,CAAC,OAAO,CAAS;IAEN,OAAO,CAAC,eAAe,CAAe;IACtC,OAAO,CAAC,UAAU,CAAe;IAElB,OAAO,CAAC,gBAAgB,CAAiB;IAEnF,MAAM,CAAC,MAAM,4BAkDX;IAEO,OAAO,CAAC,iBAAiB,EAAE,cAAc,QAOjD;IAED,OAAO,CAAC,wBAAwB;IAOhC,OAAO,CAAC,cAAc;IAKf,IAAI,SAWV;IAEM,IAAI,SAOV;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,WAAW,CAwCjB;IAEF,MAAM,yCAiBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { LitElement, html, css } from "lit";
|
|
8
|
+
import { customElement, property, query, state, queryAssignedElements } from "lit/decorators.js";
|
|
9
|
+
import { resetStyles } from "../../styles/reset.js";
|
|
10
|
+
let StPopover = class StPopover extends LitElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.position = "bottom";
|
|
14
|
+
this.offset = 8;
|
|
15
|
+
this.disabled = false;
|
|
16
|
+
this._isOpen = false;
|
|
17
|
+
this._reposition = () => {
|
|
18
|
+
if (!this._isOpen || !this._popoverEl || !this._triggerWrapper)
|
|
19
|
+
return;
|
|
20
|
+
const triggerRect = this._triggerWrapper.getBoundingClientRect();
|
|
21
|
+
const popoverRect = this._popoverEl.getBoundingClientRect();
|
|
22
|
+
let top = 0;
|
|
23
|
+
let left = 0;
|
|
24
|
+
switch (this.position) {
|
|
25
|
+
case "bottom":
|
|
26
|
+
top = triggerRect.bottom + this.offset;
|
|
27
|
+
left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;
|
|
28
|
+
break;
|
|
29
|
+
case "top":
|
|
30
|
+
top = triggerRect.top - popoverRect.height - this.offset;
|
|
31
|
+
left = triggerRect.left + triggerRect.width / 2 - popoverRect.width / 2;
|
|
32
|
+
break;
|
|
33
|
+
case "right":
|
|
34
|
+
top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;
|
|
35
|
+
left = triggerRect.right + this.offset;
|
|
36
|
+
break;
|
|
37
|
+
case "left":
|
|
38
|
+
top = triggerRect.top + triggerRect.height / 2 - popoverRect.height / 2;
|
|
39
|
+
left = triggerRect.left - popoverRect.width - this.offset;
|
|
40
|
+
break;
|
|
41
|
+
}
|
|
42
|
+
const padding = 8;
|
|
43
|
+
if (left < padding)
|
|
44
|
+
left = padding;
|
|
45
|
+
if (left + popoverRect.width > window.innerWidth - padding) {
|
|
46
|
+
left = window.innerWidth - popoverRect.width - padding;
|
|
47
|
+
}
|
|
48
|
+
if (top < padding)
|
|
49
|
+
top = padding;
|
|
50
|
+
if (top + popoverRect.height > window.innerHeight - padding) {
|
|
51
|
+
top = window.innerHeight - popoverRect.height - padding;
|
|
52
|
+
}
|
|
53
|
+
this._popoverEl.style.top = `${top}px`;
|
|
54
|
+
this._popoverEl.style.left = `${left}px`;
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
updated(changedProperties) {
|
|
58
|
+
super.updated(changedProperties);
|
|
59
|
+
if (changedProperties.has("_isOpen")) {
|
|
60
|
+
this._triggerElements?.forEach((el) => {
|
|
61
|
+
el.setAttribute("aria-expanded", String(this._isOpen));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
_handleTriggerSlotChange() {
|
|
66
|
+
this._triggerElements?.forEach((el) => {
|
|
67
|
+
el.setAttribute("aria-haspopup", "dialog");
|
|
68
|
+
el.setAttribute("aria-expanded", String(this._isOpen));
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
_togglePopover() {
|
|
72
|
+
if (this.disabled)
|
|
73
|
+
return;
|
|
74
|
+
this._isOpen ? this.hide() : this.show();
|
|
75
|
+
}
|
|
76
|
+
show() {
|
|
77
|
+
if (this.disabled || this._isOpen)
|
|
78
|
+
return;
|
|
79
|
+
// 🚀 FIX: Update state synchronously so the _reposition check passes instantly
|
|
80
|
+
this._isOpen = true;
|
|
81
|
+
this._popoverEl.showPopover();
|
|
82
|
+
this._reposition();
|
|
83
|
+
window.addEventListener("resize", this._reposition);
|
|
84
|
+
window.addEventListener("scroll", this._reposition, true);
|
|
85
|
+
}
|
|
86
|
+
hide() {
|
|
87
|
+
if (!this._isOpen)
|
|
88
|
+
return;
|
|
89
|
+
// 🚀 FIX: Update state synchronously
|
|
90
|
+
this._isOpen = false;
|
|
91
|
+
this._popoverEl.hidePopover();
|
|
92
|
+
}
|
|
93
|
+
_handleNativeToggle(e) {
|
|
94
|
+
const isOpening = e.newState === "open";
|
|
95
|
+
this._isOpen = isOpening;
|
|
96
|
+
// This handles the cleanup when the user clicks outside or hits ESC
|
|
97
|
+
if (!isOpening) {
|
|
98
|
+
window.removeEventListener("resize", this._reposition);
|
|
99
|
+
window.removeEventListener("scroll", this._reposition, true);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
render() {
|
|
103
|
+
return html `
|
|
104
|
+
<div
|
|
105
|
+
class="trigger-wrapper"
|
|
106
|
+
@click=${this._togglePopover}
|
|
107
|
+
@keydown=${(e) => e.key === "Enter" || e.key === " " ? this._togglePopover() : null}
|
|
108
|
+
>
|
|
109
|
+
<slot name="trigger" @slotchange=${this._handleTriggerSlotChange}></slot>
|
|
110
|
+
</div>
|
|
111
|
+
|
|
112
|
+
<div id="popover-content" popover="auto" @toggle=${this._handleNativeToggle}>
|
|
113
|
+
<div class="popover-surface">
|
|
114
|
+
<slot name="content"></slot>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
`;
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
StPopover.styles = [
|
|
121
|
+
resetStyles,
|
|
122
|
+
css `
|
|
123
|
+
:host {
|
|
124
|
+
display: inline-block;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.trigger-wrapper {
|
|
128
|
+
display: inline-block;
|
|
129
|
+
cursor: pointer;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/* Native popover styles */
|
|
133
|
+
[popover] {
|
|
134
|
+
position: fixed;
|
|
135
|
+
margin: 0;
|
|
136
|
+
padding: 0;
|
|
137
|
+
border: none;
|
|
138
|
+
background: transparent;
|
|
139
|
+
overflow: visible;
|
|
140
|
+
/* 🚀 FIX: Erase the browser's native centering inset so our JS coordinates work */
|
|
141
|
+
inset: auto;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.popover-surface {
|
|
145
|
+
background: var(--st-color-surface);
|
|
146
|
+
border: 1px solid var(--st-color-border);
|
|
147
|
+
border-radius: var(--st-radius-md);
|
|
148
|
+
box-shadow:
|
|
149
|
+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
|
150
|
+
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
151
|
+
padding: var(--st-spacing-md);
|
|
152
|
+
color: var(--st-color-text);
|
|
153
|
+
|
|
154
|
+
opacity: 0;
|
|
155
|
+
transform: scale(0.95);
|
|
156
|
+
transition:
|
|
157
|
+
opacity 0.15s ease,
|
|
158
|
+
transform 0.15s ease;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
[popover]:popover-open .popover-surface {
|
|
162
|
+
opacity: 1;
|
|
163
|
+
transform: scale(1);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
[popover]::backdrop {
|
|
167
|
+
background: transparent;
|
|
168
|
+
}
|
|
169
|
+
`,
|
|
170
|
+
];
|
|
171
|
+
__decorate([
|
|
172
|
+
property({ type: String })
|
|
173
|
+
], StPopover.prototype, "position", void 0);
|
|
174
|
+
__decorate([
|
|
175
|
+
property({ type: Number })
|
|
176
|
+
], StPopover.prototype, "offset", void 0);
|
|
177
|
+
__decorate([
|
|
178
|
+
property({ type: Boolean, reflect: true })
|
|
179
|
+
], StPopover.prototype, "disabled", void 0);
|
|
180
|
+
__decorate([
|
|
181
|
+
state()
|
|
182
|
+
], StPopover.prototype, "_isOpen", void 0);
|
|
183
|
+
__decorate([
|
|
184
|
+
query(".trigger-wrapper")
|
|
185
|
+
], StPopover.prototype, "_triggerWrapper", void 0);
|
|
186
|
+
__decorate([
|
|
187
|
+
query("#popover-content")
|
|
188
|
+
], StPopover.prototype, "_popoverEl", void 0);
|
|
189
|
+
__decorate([
|
|
190
|
+
queryAssignedElements({ slot: "trigger" })
|
|
191
|
+
], StPopover.prototype, "_triggerElements", void 0);
|
|
192
|
+
StPopover = __decorate([
|
|
193
|
+
customElement("st-popover")
|
|
194
|
+
], StPopover);
|
|
195
|
+
export { StPopover };
|
|
196
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,13 @@ export interface SelectOption {
|
|
|
3
3
|
label: string;
|
|
4
4
|
value: string;
|
|
5
5
|
}
|
|
6
|
-
export type SelectAutocomplete = "on" | "off" | "name" | "
|
|
6
|
+
export type SelectAutocomplete = "on" | "off" | "name" | "email" | (string & {});
|
|
7
7
|
export declare class StSelect extends LitElement {
|
|
8
8
|
static formAssociated: boolean;
|
|
9
9
|
private internals;
|
|
10
10
|
name: string;
|
|
11
11
|
label: string;
|
|
12
|
+
hideLabel: boolean;
|
|
12
13
|
value: string;
|
|
13
14
|
required: boolean;
|
|
14
15
|
multiple: boolean;
|
|
@@ -24,6 +25,8 @@ export declare class StSelect extends LitElement {
|
|
|
24
25
|
private touched;
|
|
25
26
|
private buttonElement;
|
|
26
27
|
private searchInputEl?;
|
|
28
|
+
private _labelId;
|
|
29
|
+
private _listboxId;
|
|
27
30
|
static styles: import("lit").CSSResult;
|
|
28
31
|
constructor();
|
|
29
32
|
checkValidity(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAa,cAAc,EAAC,MAAM,KAAK,CAAC;AAK1D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEjF,qBACa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,SAAS,CAAmB;IAEV,IAAI,SAAM;IACV,KAAK,SAAM;IACe,SAAS,UAAS;IAC5C,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,QAAQ,UAAS;IACjB,UAAU,UAAS;IACrB,OAAO,EAAE,YAAY,EAAE,CAAM;IAC5B,KAAK,SAAM;IAEK,QAAQ,UAAS;IACjB,OAAO,UAAS;IAChC,YAAY,EAAE,kBAAkB,CAAS;IAE1D,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,OAAO,CAAS;IAEb,OAAO,CAAC,aAAa,CAAe;IAChC,OAAO,CAAC,aAAa,CAAC,CAAmB;IAEjE,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,UAAU,CAAkE;IAEpF,MAAM,CAAC,MAAM,0BAoKX;IAEF,cAIC;IAEM,aAAa,IAAI,OAAO,CAE9B;IAEM,cAAc,IAAI,OAAO,CAK/B;IAEe,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,QAE3C;IAED,iBAAiB,SAQhB;IAED,oBAAoB,SAGnB;IAEQ,UAAU,CAAC,iBAAiB,EAAE,cAAc,QASpD;IAED,OAAO,KAAK,cAAc,GAMzB;IAED,OAAO,CAAC,QAAQ;IAmBhB,iBAAiB,SAKhB;IAED,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,mBAAmB;IAS3B,MAAM,yCAiIL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
|
@@ -7,11 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
7
7
|
import { LitElement, html, css } from "lit";
|
|
8
8
|
import { customElement, property, state, query } from "lit/decorators.js";
|
|
9
9
|
import { classMap } from "lit/directives/class-map.js";
|
|
10
|
+
import { ifDefined } from "lit/directives/if-defined.js";
|
|
10
11
|
let StSelect = class StSelect extends LitElement {
|
|
11
12
|
constructor() {
|
|
12
13
|
super();
|
|
13
14
|
this.name = "";
|
|
14
15
|
this.label = "";
|
|
16
|
+
this.hideLabel = false;
|
|
15
17
|
this.value = "";
|
|
16
18
|
this.required = false;
|
|
17
19
|
this.multiple = false;
|
|
@@ -25,6 +27,8 @@ let StSelect = class StSelect extends LitElement {
|
|
|
25
27
|
this.filterText = "";
|
|
26
28
|
this.nativeError = "";
|
|
27
29
|
this.touched = false;
|
|
30
|
+
this._labelId = `select-label-${Math.random().toString(36).substring(2, 9)}`;
|
|
31
|
+
this._listboxId = `select-listbox-${Math.random().toString(36).substring(2, 9)}`;
|
|
28
32
|
this.internals = this.attachInternals();
|
|
29
33
|
this.handleClickOutside = this.handleClickOutside.bind(this);
|
|
30
34
|
}
|
|
@@ -166,7 +170,11 @@ let StSelect = class StSelect extends LitElement {
|
|
|
166
170
|
? this.options.filter((opt) => opt.label.toLowerCase().includes(this.filterText.toLowerCase()))
|
|
167
171
|
: this.options;
|
|
168
172
|
return html `
|
|
169
|
-
${this.label
|
|
173
|
+
${this.label
|
|
174
|
+
? html `<label id=${this._labelId} class=${classMap({ "sr-only": this.hideLabel })}
|
|
175
|
+
>${this.label}</label
|
|
176
|
+
>`
|
|
177
|
+
: ""}
|
|
170
178
|
|
|
171
179
|
<button
|
|
172
180
|
type="button"
|
|
@@ -179,8 +187,8 @@ let StSelect = class StSelect extends LitElement {
|
|
|
179
187
|
role="combobox"
|
|
180
188
|
aria-haspopup="listbox"
|
|
181
189
|
aria-expanded="${this.open}"
|
|
182
|
-
aria-labelledby
|
|
183
|
-
aria-controls
|
|
190
|
+
aria-labelledby=${ifDefined(this.label ? this._labelId : undefined)}
|
|
191
|
+
aria-controls=${this._listboxId}
|
|
184
192
|
@click=${this.toggleOpen}
|
|
185
193
|
@keydown=${this.handleButtonKeydown}
|
|
186
194
|
>
|
|
@@ -223,7 +231,7 @@ let StSelect = class StSelect extends LitElement {
|
|
|
223
231
|
: ""}
|
|
224
232
|
|
|
225
233
|
<ul
|
|
226
|
-
id
|
|
234
|
+
id=${this._listboxId}
|
|
227
235
|
class="listbox"
|
|
228
236
|
role="listbox"
|
|
229
237
|
aria-multiselectable="${this.multiple}"
|
|
@@ -292,6 +300,17 @@ StSelect.styles = css `
|
|
|
292
300
|
margin-bottom: var(--st-spacing-xs);
|
|
293
301
|
}
|
|
294
302
|
|
|
303
|
+
.sr-only {
|
|
304
|
+
position: absolute;
|
|
305
|
+
width: 1px;
|
|
306
|
+
height: 1px;
|
|
307
|
+
padding: 0;
|
|
308
|
+
margin: -1px;
|
|
309
|
+
overflow: hidden;
|
|
310
|
+
clip: rect(0, 0, 0, 0);
|
|
311
|
+
border: 0;
|
|
312
|
+
}
|
|
313
|
+
|
|
295
314
|
.combobox {
|
|
296
315
|
display: flex;
|
|
297
316
|
justify-content: space-between;
|
|
@@ -437,6 +456,9 @@ __decorate([
|
|
|
437
456
|
__decorate([
|
|
438
457
|
property({ type: String })
|
|
439
458
|
], StSelect.prototype, "label", void 0);
|
|
459
|
+
__decorate([
|
|
460
|
+
property({ type: Boolean, attribute: "hide-label" })
|
|
461
|
+
], StSelect.prototype, "hideLabel", void 0);
|
|
440
462
|
__decorate([
|
|
441
463
|
property({ type: String })
|
|
442
464
|
], StSelect.prototype, "value", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAiB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAiB,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAUhD,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAmMtC;QACE,KAAK,EAAE,CAAC;QAhMgB,SAAI,GAAG,EAAE,CAAC;QACV,UAAK,GAAG,EAAE,CAAC;QACe,cAAS,GAAG,KAAK,CAAC;QAC5C,UAAK,GAAG,EAAE,CAAC;QACV,aAAQ,GAAG,KAAK,CAAC;QACjB,aAAQ,GAAG,KAAK,CAAC;QACjB,eAAU,GAAG,KAAK,CAAC;QACrB,YAAO,GAAmB,EAAE,CAAC;QAC5B,UAAK,GAAG,EAAE,CAAC;QAEK,aAAQ,GAAG,KAAK,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAChC,iBAAY,GAAuB,KAAK,CAAC;QAElD,SAAI,GAAG,KAAK,CAAC;QACb,eAAU,GAAG,EAAE,CAAC;QAChB,gBAAW,GAAG,EAAE,CAAC;QACjB,YAAO,GAAG,KAAK,CAAC;QAKzB,aAAQ,GAAG,gBAAgB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QACxE,eAAU,GAAG,kBAAkB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QA0KlF,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACxC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/D,CAAC;IAEM,aAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC;IACxC,CAAC;IAEM,cAAc;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC;QACxB,OAAO,OAAO,CAAC;IACjB,CAAC;IAEe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAE5D,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAEQ,UAAU,CAAC,iBAAiC;QACnD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;QACpC,IACE,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC;YAC9B,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;YACjC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAC9B,CAAC;YACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;IAED,IAAY,cAAc;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC,KAAK;aACd,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;aACpB,MAAM,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC;QAEpE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,WAAW,EAAE,IAAI,EAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YAC5D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,MAAM,GAAG,GAAG,0BAA0B,CAAC;YACvC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,EAAE,GAAG,CAAC,CAAC;YACtD,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAC/B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClB,CAAC;IAEO,kBAAkB,CAAC,CAAQ;QACjC,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,CAAC;YACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;oBAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;gBAC7B,CAAC;qBAAM,CAAC;oBACN,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAgB,CAAC;oBACvE,KAAK,EAAE,KAAK,EAAE,CAAC;gBACjB,CAAC;YACH,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEO,iBAAiB,CAAC,QAAgB,EAAE,CAAa;QACvD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;YACpC,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YACxC,IAAI,OAAiB,CAAC;YACtB,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC;gBACf,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CAAC,GAAG,OAAO,EAAE,QAAQ,CAAC,CAAC;YACnC,CAAC;YACD,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;YACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IAC3E,CAAC;IAEO,iBAAiB,CAAC,CAAa;QACrC,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;IACzD,CAAC;IAEO,mBAAmB,CAAC,CAAgB;QAC1C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YAChE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC;QAC1C,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAExF,MAAM,SAAS,GACb,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACnF,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;QAErE,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU;YACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAC1B,GAAG,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAChE;YACH,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;QAEjB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,QAAQ,UAAU,QAAQ,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAC,CAAC;eACxE,IAAI,CAAC,KAAK;YACb;YACJ,CAAC,CAAC,EAAE;;;;oBAIQ,IAAI,CAAC,QAAQ;gBACjB,QAAQ,CAAC;YACf,QAAQ,EAAE,IAAI;YACd,gBAAgB,EAAE,eAAe,CAAC,MAAM,KAAK,CAAC;YAC9C,YAAY,EAAE,SAAS;SACxB,CAAC;;;yBAGe,IAAI,CAAC,IAAI;0BACR,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;wBACnD,IAAI,CAAC,UAAU;iBACtB,IAAI,CAAC,UAAU;mBACb,IAAI,CAAC,mBAAmB;;;YAG/B,eAAe,CAAC,MAAM,GAAG,CAAC;YAC1B,CAAC,CAAC,IAAI,CAAC,QAAQ;gBACb,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA,sBAAsB,GAAG,CAAC,KAAK,SAAS,CAAC;gBAC5E,CAAC,CAAC,IAAI,CAAA,SAAS,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS;YAClD,CAAC,CAAC,IAAI,CAAA,+BAA+B;;;;;;;;;;;;;QAazC,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;gBAEE,IAAI,CAAC,UAAU;gBACf,CAAC,CAAC,IAAI,CAAA;yDACmC,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;;;;;;;;iCAQzD,IAAI,CAAC,UAAU;iCACf,IAAI,CAAC,iBAAiB;;;mBAGpC;gBACH,CAAC,CAAC,EAAE;;;qBAGC,IAAI,CAAC,UAAU;;;wCAGI,IAAI,CAAC,QAAQ;;kBAEnC,eAAe,CAAC,MAAM,GAAG,CAAC;gBAC1B,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBAC1B,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACrD,OAAO,IAAI,CAAA;;;;2CAIU,UAAU;mCAClB,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;;kCAExD,GAAG,CAAC,KAAK;4BACf,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,CAAC,CAAC,CAAC,EAAE;;uBAE5D,CAAC;gBACJ,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,CAAA;;;;;;;0BAOE;;;WAGf;YACH,CAAC,CAAC,EAAE;QACJ,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B,YAAY,SAAS,CAAC,CAAC,CAAC,EAAE;;;;gBAIhE,IAAI,CAAC,IAAI;yBACA,IAAI,CAAC,YAAmB;oBAC7B,IAAI,CAAC,QAAQ;;;oBAGb,IAAI,CAAC,QAAQ;;;UAGvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;6BACM,GAAG,CAAC,KAAK,eAAe,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;gBACtE,GAAG,CAAC,KAAK;;WAEd,CACF;;KAEJ,CAAC;IACJ,CAAC;CACF,CAAA;AA1dQ,uBAAc,GAAG,IAAI,AAAP,CAAQ;AA4BtB,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoKlB,AApKY,CAoKX;AA7LwB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;sCAAW;AACV;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAY;AACe;IAAnD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAC,CAAC;2CAAmB;AAC5C;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAY;AACV;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;0CAAkB;AACjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;0CAAkB;AACjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;4CAAoB;AACrB;IAAxB,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;yCAA8B;AAC5B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCAAY;AAEK;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CAAkB;AACjB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAiB;AAChC;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;8CAA0C;AAElD;IAAhB,KAAK,EAAE;sCAAsB;AACb;IAAhB,KAAK,EAAE;4CAAyB;AAChB;IAAhB,KAAK,EAAE;6CAA0B;AACjB;IAAhB,KAAK,EAAE;yCAAyB;AAEL;IAA3B,KAAK,CAAC,WAAW,CAAC;+CAAqC;AACxB;IAA/B,KAAK,CAAC,eAAe,CAAC;+CAA0C;AAxBtD,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA2dpB"}
|