@orange-halo/components 1.0.0 → 2.0.0
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/base.js +3 -3
- package/dist/oh-accordion.js +17 -17
- package/dist/oh-alert.js +15 -15
- package/dist/oh-badge.js +11 -11
- package/dist/oh-breadcrumb.js +8 -8
- package/dist/oh-button.d.ts +6 -0
- package/dist/oh-button.d.ts.map +1 -1
- package/dist/oh-button.js +105 -76
- package/dist/oh-button.js.map +1 -1
- package/dist/oh-card.js +28 -28
- package/dist/oh-checkbox-group.d.ts +8 -0
- package/dist/oh-checkbox-group.d.ts.map +1 -1
- package/dist/oh-checkbox-group.js +27 -13
- package/dist/oh-checkbox-group.js.map +1 -1
- package/dist/oh-checkbox.d.ts +9 -0
- package/dist/oh-checkbox.d.ts.map +1 -1
- package/dist/oh-checkbox.js +25 -9
- package/dist/oh-checkbox.js.map +1 -1
- package/dist/oh-container.d.ts +5 -5
- package/dist/oh-container.js +15 -15
- package/dist/oh-drawer.d.ts +7 -2
- package/dist/oh-drawer.d.ts.map +1 -1
- package/dist/oh-drawer.js +52 -25
- package/dist/oh-drawer.js.map +1 -1
- package/dist/oh-footer.js +4 -4
- package/dist/oh-hero.d.ts.map +1 -1
- package/dist/oh-hero.js +50 -51
- package/dist/oh-hero.js.map +1 -1
- package/dist/oh-icon.js +6 -6
- package/dist/oh-input.d.ts +9 -1
- package/dist/oh-input.d.ts.map +1 -1
- package/dist/oh-input.js +45 -33
- package/dist/oh-input.js.map +1 -1
- package/dist/oh-link.d.ts +1 -1
- package/dist/oh-link.js +15 -15
- package/dist/oh-modal.d.ts +8 -2
- package/dist/oh-modal.d.ts.map +1 -1
- package/dist/oh-modal.js +68 -65
- package/dist/oh-modal.js.map +1 -1
- package/dist/oh-navbar.d.ts.map +1 -1
- package/dist/oh-navbar.js +3 -4
- package/dist/oh-navbar.js.map +1 -1
- package/dist/oh-progress.d.ts.map +1 -1
- package/dist/oh-progress.js +20 -34
- package/dist/oh-progress.js.map +1 -1
- package/dist/oh-radio-group.d.ts +8 -0
- package/dist/oh-radio-group.d.ts.map +1 -1
- package/dist/oh-radio-group.js +27 -13
- package/dist/oh-radio-group.js.map +1 -1
- package/dist/oh-radio.d.ts +9 -0
- package/dist/oh-radio.d.ts.map +1 -1
- package/dist/oh-radio.js +26 -10
- package/dist/oh-radio.js.map +1 -1
- package/dist/oh-select.d.ts +8 -0
- package/dist/oh-select.d.ts.map +1 -1
- package/dist/oh-select.js +34 -20
- package/dist/oh-select.js.map +1 -1
- package/dist/oh-skip-link.d.ts.map +1 -1
- package/dist/oh-skip-link.js +13 -12
- package/dist/oh-skip-link.js.map +1 -1
- package/dist/oh-tabs.js +6 -6
- package/dist/oh-toggle.d.ts +5 -2
- package/dist/oh-toggle.d.ts.map +1 -1
- package/dist/oh-toggle.js +7 -9
- package/dist/oh-toggle.js.map +1 -1
- package/dist/styles/typography.js +46 -46
- package/package.json +7 -3
package/dist/oh-radio.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-radio.d.ts","sourceRoot":"","sources":["../src/oh-radio.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;
|
|
1
|
+
{"version":3,"file":"oh-radio.d.ts","sourceRoot":"","sources":["../src/oh-radio.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvD,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAwMpB;IAGF,OAAO,UAAS;IAGhB,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,KAAK,UAAS;IAGd,YAAY,SAAM;IAElB;;;OAGG;IAEH,UAAU,EAAE,UAAU,CAAa;IAEnC,OAAO,CAAC,aAAa;IAMrB;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,QAAQ,CAA+D;IAE/E,UAAU,CAAC,OAAO,EAAE,cAAc;IAMlC,MAAM;CAiCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/oh-radio.js
CHANGED
|
@@ -30,8 +30,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
30
30
|
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;
|
|
31
31
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
32
32
|
};
|
|
33
|
-
import { html, css } from "lit";
|
|
34
|
-
import { customElement, property } from "lit/decorators.js";
|
|
33
|
+
import { html, css, nothing } from "lit";
|
|
34
|
+
import { customElement, property, state } from "lit/decorators.js";
|
|
35
35
|
import { OhElement, baseStyles } from "./base.js";
|
|
36
36
|
let OhRadio = class OhRadio extends OhElement {
|
|
37
37
|
constructor() {
|
|
@@ -47,6 +47,13 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
47
47
|
* Values: 'hover' | 'focus'
|
|
48
48
|
*/
|
|
49
49
|
this.forceState = "default";
|
|
50
|
+
/**
|
|
51
|
+
* Errors that appear after first render (e.g. on submit) are announced via
|
|
52
|
+
* role="alert". Errors present on page load are only linked with
|
|
53
|
+
* aria-describedby, so they aren't read out unprompted.
|
|
54
|
+
*/
|
|
55
|
+
this._announceError = false;
|
|
56
|
+
this._errorId = `oh-radio-error-${Math.random().toString(36).slice(2, 11)}`;
|
|
50
57
|
}
|
|
51
58
|
static { this.styles = [
|
|
52
59
|
baseStyles,
|
|
@@ -92,7 +99,7 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
92
99
|
|
|
93
100
|
/* Chunky border, fully circular */
|
|
94
101
|
border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
|
|
95
|
-
border-radius: var(--oh-
|
|
102
|
+
border-radius: var(--oh-shape-pill);
|
|
96
103
|
|
|
97
104
|
/* Offset shadow like primary button */
|
|
98
105
|
background-color: var(--oh-color-surface-base);
|
|
@@ -114,7 +121,7 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
114
121
|
width: 10px;
|
|
115
122
|
height: 10px;
|
|
116
123
|
background-color: var(--oh-color-text-on-brand);
|
|
117
|
-
border-radius: var(--oh-
|
|
124
|
+
border-radius: var(--oh-shape-pill);
|
|
118
125
|
transform: translate(-50%, -50%) scale(0);
|
|
119
126
|
transition: transform var(--oh-motion-snappy) var(--oh-motion-ease-playful);
|
|
120
127
|
}
|
|
@@ -173,9 +180,9 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
173
180
|
═══════════════════════════════════════════════════════════════ */
|
|
174
181
|
|
|
175
182
|
.label {
|
|
176
|
-
font-family: var(--oh-font-family
|
|
177
|
-
font-size: var(--oh-font-size-
|
|
178
|
-
line-height: var(--oh-
|
|
183
|
+
font-family: var(--oh-typography-control-font-family);
|
|
184
|
+
font-size: var(--oh-typography-control-font-size-md);
|
|
185
|
+
line-height: var(--oh-typography-body-base-line-height);
|
|
179
186
|
color: var(--oh-color-text-primary);
|
|
180
187
|
user-select: none;
|
|
181
188
|
padding-top: 0; /* Align with radio */
|
|
@@ -199,8 +206,8 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
199
206
|
display: flex;
|
|
200
207
|
align-items: center;
|
|
201
208
|
gap: var(--oh-spacing-2);
|
|
202
|
-
font-family: var(--oh-font-family
|
|
203
|
-
font-size: var(--oh-font-size
|
|
209
|
+
font-family: var(--oh-typography-body-font-family);
|
|
210
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
204
211
|
color: var(--oh-color-feedback-error);
|
|
205
212
|
margin-top: var(--oh-spacing-1);
|
|
206
213
|
margin-left: calc(24px + var(--oh-spacing-3)); /* Align with label */
|
|
@@ -254,6 +261,11 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
254
261
|
this.checked = target.checked;
|
|
255
262
|
this.emit("oh-change", { checked: this.checked, value: this.value });
|
|
256
263
|
}
|
|
264
|
+
willUpdate(changed) {
|
|
265
|
+
if (this.hasUpdated && (changed.has("error") || changed.has("errorMessage"))) {
|
|
266
|
+
this._announceError = !!(this.error && this.errorMessage);
|
|
267
|
+
}
|
|
268
|
+
}
|
|
257
269
|
render() {
|
|
258
270
|
const inputId = `oh-radio-${this.name}-${this.value || Math.random().toString(36).substr(2, 9)}`;
|
|
259
271
|
return html `
|
|
@@ -267,6 +279,7 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
267
279
|
.value=${this.value}
|
|
268
280
|
.checked=${this.checked}
|
|
269
281
|
aria-invalid=${this.error ? "true" : "false"}
|
|
282
|
+
aria-describedby=${this.error && this.errorMessage ? this._errorId : nothing}
|
|
270
283
|
@change=${this._handleChange}
|
|
271
284
|
/>
|
|
272
285
|
<span class="radio-circle" part="circle"></span>
|
|
@@ -274,7 +287,7 @@ let OhRadio = class OhRadio extends OhElement {
|
|
|
274
287
|
</label>
|
|
275
288
|
${this.error && this.errorMessage
|
|
276
289
|
? html `
|
|
277
|
-
<div class="error-message" part="error" role
|
|
290
|
+
<div id=${this._errorId} class="error-message" part="error" role=${this._announceError ? "alert" : nothing}>
|
|
278
291
|
<svg class="error-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
279
292
|
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
|
|
280
293
|
</svg>
|
|
@@ -307,6 +320,9 @@ __decorate([
|
|
|
307
320
|
__decorate([
|
|
308
321
|
property({ type: String, reflect: true, attribute: "force-state" })
|
|
309
322
|
], OhRadio.prototype, "forceState", void 0);
|
|
323
|
+
__decorate([
|
|
324
|
+
state()
|
|
325
|
+
], OhRadio.prototype, "_announceError", void 0);
|
|
310
326
|
OhRadio = __decorate([
|
|
311
327
|
customElement("oh-radio")
|
|
312
328
|
], OhRadio);
|
package/dist/oh-radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-radio.js","sourceRoot":"","sources":["../src/oh-radio.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"oh-radio.js","sourceRoot":"","sources":["../src/oh-radio.ts"],"names":[],"mappings":"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"}
|
package/dist/oh-select.d.ts
CHANGED
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
*
|
|
28
28
|
* @element oh-select
|
|
29
29
|
*/
|
|
30
|
+
import { type PropertyValues } from "lit";
|
|
30
31
|
import { OhElement } from "./base.js";
|
|
31
32
|
export interface SelectOption {
|
|
32
33
|
label: string;
|
|
@@ -72,6 +73,13 @@ export declare class OhSelect extends OhElement {
|
|
|
72
73
|
private _handleClickOutside;
|
|
73
74
|
connectedCallback(): void;
|
|
74
75
|
disconnectedCallback(): void;
|
|
76
|
+
/**
|
|
77
|
+
* Errors that appear after first render (e.g. on submit) are announced via
|
|
78
|
+
* role="alert". Errors present on page load are only linked with
|
|
79
|
+
* aria-describedby, so they aren't read out unprompted.
|
|
80
|
+
*/
|
|
81
|
+
private _announceError;
|
|
82
|
+
willUpdate(changed: PropertyValues): void;
|
|
75
83
|
render(): import("lit").TemplateResult<1>;
|
|
76
84
|
}
|
|
77
85
|
declare global {
|
package/dist/oh-select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-select.d.ts","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;
|
|
1
|
+
{"version":3,"file":"oh-select.d.ts","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA+PpB;IAGF,KAAK,SAAM;IAGX,WAAW,SAAsB;IAGjC,IAAI,SAAM;IAGV,OAAO,EAAE,YAAY,EAAE,CAAM;IAG7B,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,UAAU,SAAM;IAGhB,SAAS,SAAM;IAGf,OAAO,CAAC,KAAK,CAAS;IAGtB,OAAO,CAAC,iBAAiB,CAAM;IAG/B,OAAO,CAAC,QAAQ,CAAS;IAGzB,OAAO,CAAC,QAAQ,CAAqB;IAGrC,OAAO,CAAC,QAAQ,CAAoB;IAEpC,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,UAAU,CAAkE;IACpF,OAAO,CAAC,QAAQ,CAAgE;IAChF,OAAO,CAAC,gBAAgB,CAAM;IAC9B,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,qBAAqB;IAqE7B,OAAO,CAAC,gBAAgB;IAwBxB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,mBAAmB,CAIzB;IAEO,iBAAiB;IAKjB,oBAAoB;IAK7B;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IAMlC,MAAM;CAyGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/oh-select.js
CHANGED
|
@@ -60,6 +60,12 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
60
60
|
this._close_dropdown();
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
|
+
/**
|
|
64
|
+
* Errors that appear after first render (e.g. on submit) are announced via
|
|
65
|
+
* role="alert". Errors present on page load are only linked with
|
|
66
|
+
* aria-describedby, so they aren't read out unprompted.
|
|
67
|
+
*/
|
|
68
|
+
this._announceError = false;
|
|
63
69
|
}
|
|
64
70
|
static { this.styles = [
|
|
65
71
|
baseStyles,
|
|
@@ -82,11 +88,11 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
82
88
|
|
|
83
89
|
/* ─── Label ─── */
|
|
84
90
|
.label {
|
|
85
|
-
font-family: var(--oh-font-family
|
|
86
|
-
font-size: var(--oh-font-size-
|
|
87
|
-
font-weight: var(--oh-font-weight
|
|
91
|
+
font-family: var(--oh-typography-control-font-family);
|
|
92
|
+
font-size: var(--oh-typography-control-font-size-sm);
|
|
93
|
+
font-weight: var(--oh-typography-control-font-weight);
|
|
88
94
|
color: var(--oh-color-text-primary);
|
|
89
|
-
letter-spacing: var(--oh-
|
|
95
|
+
letter-spacing: var(--oh-typography-control-letter-spacing);
|
|
90
96
|
}
|
|
91
97
|
|
|
92
98
|
.label--required::after {
|
|
@@ -108,14 +114,14 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
108
114
|
min-height: var(--oh-input-size-md-min-height);
|
|
109
115
|
padding: var(--oh-spacing-3) var(--oh-spacing-4);
|
|
110
116
|
|
|
111
|
-
font-family: var(--oh-font-family
|
|
112
|
-
font-size: var(--oh-font-size-
|
|
117
|
+
font-family: var(--oh-typography-control-font-family);
|
|
118
|
+
font-size: var(--oh-typography-control-font-size-md);
|
|
113
119
|
color: var(--oh-color-text-primary);
|
|
114
120
|
text-align: left;
|
|
115
121
|
|
|
116
122
|
background-color: var(--oh-color-surface-base);
|
|
117
123
|
border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
|
|
118
|
-
border-radius: var(--oh-
|
|
124
|
+
border-radius: var(--oh-shape-control);
|
|
119
125
|
box-shadow: 4px 4px 0 0 var(--oh-shadow-secondary);
|
|
120
126
|
|
|
121
127
|
cursor: pointer;
|
|
@@ -166,8 +172,8 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
166
172
|
}
|
|
167
173
|
|
|
168
174
|
.trigger--open {
|
|
169
|
-
border-color: var(--oh-
|
|
170
|
-
background-color: var(--oh-color-surface-
|
|
175
|
+
border-color: var(--oh-focus-ring-color);
|
|
176
|
+
background-color: var(--oh-color-surface-highlight);
|
|
171
177
|
}
|
|
172
178
|
|
|
173
179
|
/* Focus: underline trigger text (accessible indicator, like button) */
|
|
@@ -198,9 +204,9 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
198
204
|
z-index: var(--oh-z-index-dropdown);
|
|
199
205
|
margin-top: var(--oh-spacing-1);
|
|
200
206
|
|
|
201
|
-
background-color: var(--oh-color-surface-
|
|
207
|
+
background-color: var(--oh-color-surface-highlight);
|
|
202
208
|
border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
|
|
203
|
-
border-radius: var(--oh-
|
|
209
|
+
border-radius: var(--oh-shape-container);
|
|
204
210
|
box-shadow: 6px 6px 0 0 var(--oh-shadow-secondary);
|
|
205
211
|
|
|
206
212
|
max-height: 0;
|
|
@@ -234,8 +240,8 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
234
240
|
gap: var(--oh-spacing-3);
|
|
235
241
|
padding: var(--oh-spacing-3) var(--oh-spacing-4);
|
|
236
242
|
|
|
237
|
-
font-family: var(--oh-font-family
|
|
238
|
-
font-size: var(--oh-font-size-
|
|
243
|
+
font-family: var(--oh-typography-control-font-family);
|
|
244
|
+
font-size: var(--oh-typography-control-font-size-md);
|
|
239
245
|
color: var(--oh-color-text-primary);
|
|
240
246
|
|
|
241
247
|
cursor: pointer;
|
|
@@ -255,7 +261,7 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
255
261
|
|
|
256
262
|
.option--selected {
|
|
257
263
|
background-color: var(--oh-color-surface-hover);
|
|
258
|
-
font-weight: var(--oh-font-weight
|
|
264
|
+
font-weight: var(--oh-typography-emphasis-font-weight);
|
|
259
265
|
}
|
|
260
266
|
|
|
261
267
|
.option--selected::before {
|
|
@@ -263,7 +269,7 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
263
269
|
width: 8px;
|
|
264
270
|
height: 8px;
|
|
265
271
|
background-color: var(--oh-color-brand-primary);
|
|
266
|
-
border-radius: var(--oh-
|
|
272
|
+
border-radius: var(--oh-shape-pill);
|
|
267
273
|
flex-shrink: 0;
|
|
268
274
|
}
|
|
269
275
|
|
|
@@ -282,8 +288,8 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
282
288
|
}
|
|
283
289
|
|
|
284
290
|
.helper {
|
|
285
|
-
font-family: var(--oh-font-family
|
|
286
|
-
font-size: var(--oh-font-size
|
|
291
|
+
font-family: var(--oh-typography-body-font-family);
|
|
292
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
287
293
|
color: var(--oh-color-text-secondary);
|
|
288
294
|
}
|
|
289
295
|
|
|
@@ -291,8 +297,8 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
291
297
|
display: flex;
|
|
292
298
|
align-items: center;
|
|
293
299
|
gap: var(--oh-spacing-2);
|
|
294
|
-
font-family: var(--oh-font-family
|
|
295
|
-
font-size: var(--oh-font-size
|
|
300
|
+
font-family: var(--oh-typography-body-font-family);
|
|
301
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
296
302
|
color: var(--oh-color-feedback-error);
|
|
297
303
|
margin-bottom: var(--oh-spacing-2);
|
|
298
304
|
}
|
|
@@ -489,6 +495,11 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
489
495
|
super.disconnectedCallback();
|
|
490
496
|
document.removeEventListener('click', this._handleClickOutside);
|
|
491
497
|
}
|
|
498
|
+
willUpdate(changed) {
|
|
499
|
+
if (this.hasUpdated && (changed.has("errorText"))) {
|
|
500
|
+
this._announceError = !!this.errorText;
|
|
501
|
+
}
|
|
502
|
+
}
|
|
492
503
|
render() {
|
|
493
504
|
const hasError = !!this.errorText;
|
|
494
505
|
const selectedLabel = this._selectedOption?.label;
|
|
@@ -515,7 +526,7 @@ let OhSelect = class OhSelect extends OhElement {
|
|
|
515
526
|
|
|
516
527
|
${hasError
|
|
517
528
|
? html `
|
|
518
|
-
<div id=${this._errorId} class="error-message" role
|
|
529
|
+
<div id=${this._errorId} class="error-message" role=${this._announceError ? "alert" : nothing}>
|
|
519
530
|
<svg class="error-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
|
520
531
|
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" />
|
|
521
532
|
</svg>
|
|
@@ -631,6 +642,9 @@ __decorate([
|
|
|
631
642
|
__decorate([
|
|
632
643
|
query(".dropdown")
|
|
633
644
|
], OhSelect.prototype, "_listbox", void 0);
|
|
645
|
+
__decorate([
|
|
646
|
+
state()
|
|
647
|
+
], OhSelect.prototype, "_announceError", void 0);
|
|
634
648
|
OhSelect = __decorate([
|
|
635
649
|
customElement("oh-select")
|
|
636
650
|
], OhSelect);
|
package/dist/oh-select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-select.js","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"oh-select.js","sourceRoot":"","sources":["../src/oh-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-skip-link.d.ts","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-skip-link.d.ts","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,4BAmFpB;IAGF,IAAI,SAAW;IAGf,IAAI,SAA0B;IAE9B,MAAM;CAWP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
|
package/dist/oh-skip-link.js
CHANGED
|
@@ -62,30 +62,30 @@ let OhSkipLink = class OhSkipLink extends OhElement {
|
|
|
62
62
|
|
|
63
63
|
/* Smooth transition */
|
|
64
64
|
transition:
|
|
65
|
-
opacity var(--oh-motion-gentle
|
|
66
|
-
transform var(--oh-motion-gentle
|
|
65
|
+
opacity var(--oh-motion-gentle) ease,
|
|
66
|
+
transform var(--oh-motion-gentle) ease;
|
|
67
67
|
|
|
68
68
|
/* Link styling */
|
|
69
69
|
display: inline-block;
|
|
70
70
|
padding: var(--oh-spacing-2) var(--oh-spacing-4);
|
|
71
71
|
background-color: var(--oh-color-surface-base);
|
|
72
|
-
border: var(--oh-input-base-border-width
|
|
73
|
-
border-radius: var(--oh-
|
|
72
|
+
border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
|
|
73
|
+
border-radius: var(--oh-shape-control);
|
|
74
74
|
box-shadow: 4px 4px 0 0 rgba(107, 93, 77, 0.15);
|
|
75
75
|
|
|
76
|
-
font-family: var(--oh-font-family
|
|
77
|
-
font-size: var(--oh-font-size
|
|
78
|
-
font-weight: var(--oh-font-weight
|
|
76
|
+
font-family: var(--oh-typography-body-font-family);
|
|
77
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
78
|
+
font-weight: var(--oh-typography-label-base-font-weight);
|
|
79
79
|
color: var(--oh-color-text-link);
|
|
80
80
|
text-decoration: none;
|
|
81
81
|
|
|
82
82
|
/* Focus state */
|
|
83
83
|
transition:
|
|
84
|
-
opacity var(--oh-motion-gentle
|
|
85
|
-
transform var(--oh-motion-gentle
|
|
86
|
-
background-color var(--oh-motion-quick
|
|
87
|
-
border-color var(--oh-motion-quick
|
|
88
|
-
box-shadow var(--oh-motion-snappy
|
|
84
|
+
opacity var(--oh-motion-gentle) ease,
|
|
85
|
+
transform var(--oh-motion-gentle) ease,
|
|
86
|
+
background-color var(--oh-motion-quick) ease,
|
|
87
|
+
border-color var(--oh-motion-quick) ease,
|
|
88
|
+
box-shadow var(--oh-motion-snappy) ease;
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
.skip-link:focus {
|
|
@@ -94,6 +94,7 @@ let OhSkipLink = class OhSkipLink extends OhElement {
|
|
|
94
94
|
transform: translateY(0);
|
|
95
95
|
pointer-events: auto;
|
|
96
96
|
background-color: var(--oh-color-surface-raised);
|
|
97
|
+
color: var(--oh-color-text-link-raised);
|
|
97
98
|
border-color: var(--oh-color-brand-primary);
|
|
98
99
|
box-shadow: 4px 4px 0 0 var(--oh-shadow-primary);
|
|
99
100
|
}
|
package/dist/oh-skip-link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-skip-link.js","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAAlC;;
|
|
1
|
+
{"version":3,"file":"oh-skip-link.js","sourceRoot":"","sources":["../src/oh-skip-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,SAAS;IAAlC;;QAuFL,SAAI,GAAG,OAAO,CAAC;QAGf,SAAI,GAAG,sBAAsB,CAAC;IAahC,CAAC;aAtGiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgFF;KACF,AAnFqB,CAmFpB;IAQF,MAAM;QACJ,OAAO,IAAI,CAAA;;;eAGA,IAAI,CAAC,IAAI;qBACH,IAAI,CAAC,IAAI;;UAEpB,IAAI,CAAC,IAAI;;KAEd,CAAC;IACJ,CAAC;;AAfD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACG;AA1FnB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAuGtB"}
|
package/dist/oh-tabs.js
CHANGED
|
@@ -67,7 +67,7 @@ let OhTabs = class OhTabs extends OhElement {
|
|
|
67
67
|
|
|
68
68
|
:host {
|
|
69
69
|
display: block;
|
|
70
|
-
font-family: var(--oh-font-family
|
|
70
|
+
font-family: var(--oh-typography-body-font-family);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -90,13 +90,13 @@ let OhTabs = class OhTabs extends OhElement {
|
|
|
90
90
|
position: relative;
|
|
91
91
|
padding: var(--oh-spacing-3) var(--oh-spacing-5);
|
|
92
92
|
font-family: inherit;
|
|
93
|
-
font-size: var(--oh-font-size
|
|
94
|
-
font-weight: var(--oh-font-weight
|
|
93
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
94
|
+
font-weight: var(--oh-typography-label-base-font-weight);
|
|
95
95
|
color: var(--oh-color-brand-primary);
|
|
96
96
|
background: transparent;
|
|
97
97
|
border: var(--oh-input-base-border-width) solid transparent;
|
|
98
98
|
border-bottom: none;
|
|
99
|
-
border-radius: var(--oh-
|
|
99
|
+
border-radius: var(--oh-shape-control) var(--oh-shape-control) 0 0;
|
|
100
100
|
cursor: pointer;
|
|
101
101
|
|
|
102
102
|
/* No shadow for inactive tabs */
|
|
@@ -192,13 +192,13 @@ let OhTabs = class OhTabs extends OhElement {
|
|
|
192
192
|
padding: var(--oh-spacing-6);
|
|
193
193
|
background: var(--oh-color-surface-base);
|
|
194
194
|
border: var(--oh-input-base-border-width) solid var(--oh-color-border-emphasis);
|
|
195
|
-
border-radius: 0 var(--oh-
|
|
195
|
+
border-radius: 0 var(--oh-shape-container) var(--oh-shape-container) var(--oh-shape-container);
|
|
196
196
|
color: var(--oh-color-text-primary);
|
|
197
197
|
}
|
|
198
198
|
|
|
199
199
|
/* When first tab is not selected, round all corners */
|
|
200
200
|
.tabpanel--rounded-top-left {
|
|
201
|
-
border-radius: var(--oh-
|
|
201
|
+
border-radius: var(--oh-shape-container);
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
.tabpanel:focus {
|
package/dist/oh-toggle.d.ts
CHANGED
|
@@ -31,8 +31,11 @@ export declare class OhToggle extends OhElement {
|
|
|
31
31
|
checked: boolean;
|
|
32
32
|
/** Label text displayed next to the toggle */
|
|
33
33
|
label?: string;
|
|
34
|
-
/**
|
|
35
|
-
|
|
34
|
+
/**
|
|
35
|
+
* Accessible name when there's no visible label. Use this, not aria-label:
|
|
36
|
+
* an aria-label on the host isn't forwarded into the shadow root.
|
|
37
|
+
*/
|
|
38
|
+
accessibleLabel?: string;
|
|
36
39
|
/** Name for form submission */
|
|
37
40
|
name?: string;
|
|
38
41
|
/** Value for form submission */
|
package/dist/oh-toggle.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-toggle.d.ts","sourceRoot":"","sources":["../src/oh-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAkHpB;IAEF,uCAAuC;IAEvC,OAAO,UAAS;IAEhB,8CAA8C;IAE9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf
|
|
1
|
+
{"version":3,"file":"oh-toggle.d.ts","sourceRoot":"","sources":["../src/oh-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BAkHpB;IAEF,uCAAuC;IAEvC,OAAO,UAAS;IAEhB,8CAA8C;IAE9C,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+BAA+B;IAE/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gCAAgC;IAEhC,KAAK,SAAQ;IAEb,OAAO,CAAC,OAAO;IAWf,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA+D;IAExF,MAAM;CAqBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/oh-toggle.js
CHANGED
|
@@ -38,8 +38,6 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
38
38
|
super(...arguments);
|
|
39
39
|
/** Whether the toggle is checked/on */
|
|
40
40
|
this.checked = false;
|
|
41
|
-
/** Accessible label when no visible label is provided */
|
|
42
|
-
this.ariaLabel = null;
|
|
43
41
|
/** Value for form submission */
|
|
44
42
|
this.value = "on";
|
|
45
43
|
this._labelId = `oh-toggle-label-${Math.random().toString(36).slice(2, 9)}`;
|
|
@@ -51,7 +49,7 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
51
49
|
display: inline-flex;
|
|
52
50
|
align-items: center;
|
|
53
51
|
gap: var(--oh-spacing-3);
|
|
54
|
-
font-family: var(--oh-font-family
|
|
52
|
+
font-family: var(--oh-typography-body-font-family);
|
|
55
53
|
cursor: pointer;
|
|
56
54
|
}
|
|
57
55
|
|
|
@@ -67,7 +65,7 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
67
65
|
height: 26px;
|
|
68
66
|
background-color: var(--oh-color-surface-raised);
|
|
69
67
|
border: none;
|
|
70
|
-
border-radius:
|
|
68
|
+
border-radius: var(--oh-shape-pill);
|
|
71
69
|
transition: background-color var(--oh-motion-snappy) ease;
|
|
72
70
|
}
|
|
73
71
|
|
|
@@ -76,7 +74,7 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
76
74
|
}
|
|
77
75
|
|
|
78
76
|
.toggle__track:focus-visible {
|
|
79
|
-
outline: 2px solid var(--oh-
|
|
77
|
+
outline: 2px solid var(--oh-focus-ring-color);
|
|
80
78
|
outline-offset: 2px;
|
|
81
79
|
box-shadow: 0 0 0 4px var(--oh-focus-glow-color);
|
|
82
80
|
}
|
|
@@ -142,7 +140,7 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
142
140
|
═══════════════════════════════════════════════════════════════ */
|
|
143
141
|
|
|
144
142
|
.toggle__label {
|
|
145
|
-
font-size: var(--oh-font-size
|
|
143
|
+
font-size: var(--oh-typography-body-base-font-size);
|
|
146
144
|
color: var(--oh-color-text-primary);
|
|
147
145
|
user-select: none;
|
|
148
146
|
}
|
|
@@ -184,7 +182,7 @@ let OhToggle = class OhToggle extends OhElement {
|
|
|
184
182
|
role="switch"
|
|
185
183
|
aria-checked="${this.checked}"
|
|
186
184
|
aria-labelledby="${hasVisibleLabel ? this._labelId : nothing}"
|
|
187
|
-
aria-label="${!hasVisibleLabel && this.
|
|
185
|
+
aria-label="${!hasVisibleLabel && this.accessibleLabel ? this.accessibleLabel : nothing}"
|
|
188
186
|
tabindex="0"
|
|
189
187
|
@click="${this._handleClick}"
|
|
190
188
|
@keydown="${this._handleKeydown}"
|
|
@@ -204,8 +202,8 @@ __decorate([
|
|
|
204
202
|
property({ type: String })
|
|
205
203
|
], OhToggle.prototype, "label", void 0);
|
|
206
204
|
__decorate([
|
|
207
|
-
property({ type: String, attribute: "
|
|
208
|
-
], OhToggle.prototype, "
|
|
205
|
+
property({ type: String, attribute: "accessible-label" })
|
|
206
|
+
], OhToggle.prototype, "accessibleLabel", void 0);
|
|
209
207
|
__decorate([
|
|
210
208
|
property({ type: String })
|
|
211
209
|
], OhToggle.prototype, "name", void 0);
|
package/dist/oh-toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-toggle.js","sourceRoot":"","sources":["../src/oh-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QAqHL,uCAAuC;QAEvC,YAAO,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"oh-toggle.js","sourceRoot":"","sources":["../src/oh-toggle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QAqHL,uCAAuC;QAEvC,YAAO,GAAG,KAAK,CAAC;QAiBhB,gCAAgC;QAEhC,UAAK,GAAG,IAAI,CAAC;QAwBI,aAAQ,GAAG,mBAAmB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IAuB1F,CAAC;aAxLiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+GF;KACF,AAlHqB,CAkHpB;IAyBM,OAAO;QACb,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,WAAW,EAAE;YAC3B,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;YACjC,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,CAAgB;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAID,MAAM;QACJ,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE5C,OAAO,IAAI,CAAA;;+BAEgB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;;wBAEnD,IAAI,CAAC,OAAO;2BACT,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;sBAC9C,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO;;kBAE7E,IAAI,CAAC,YAAY;oBACf,IAAI,CAAC,cAAc;;;;QAI/B,eAAe;YACf,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,QAAQ,mCAAmC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,SAAS;YAC5G,CAAC,CAAC,OAAO;KACZ,CAAC;IACJ,CAAC;;AAjED;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAC3B;AAIhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACZ;AAOf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACjC;AAIzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACb;AAId;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACd;AA1IF,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAyLpB"}
|