@orange-halo/components 2.0.0 → 2.2.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/custom-elements.json +3551 -73
- package/dist/base.d.ts.map +1 -1
- package/dist/base.js +1 -2
- package/dist/base.js.map +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/oh-accordion.d.ts.map +1 -1
- package/dist/oh-accordion.js +38 -30
- package/dist/oh-accordion.js.map +1 -1
- package/dist/oh-alert.d.ts.map +1 -1
- package/dist/oh-alert.js +74 -32
- package/dist/oh-alert.js.map +1 -1
- package/dist/oh-badge.d.ts.map +1 -1
- package/dist/oh-badge.js +3 -3
- package/dist/oh-badge.js.map +1 -1
- package/dist/oh-breadcrumb.d.ts.map +1 -1
- package/dist/oh-breadcrumb.js +39 -20
- package/dist/oh-breadcrumb.js.map +1 -1
- package/dist/oh-button.d.ts +1 -1
- package/dist/oh-button.d.ts.map +1 -1
- package/dist/oh-button.figma.js +1 -3
- package/dist/oh-button.figma.js.map +1 -1
- package/dist/oh-button.js +83 -51
- package/dist/oh-button.js.map +1 -1
- package/dist/oh-card.d.ts.map +1 -1
- package/dist/oh-card.js +48 -57
- package/dist/oh-card.js.map +1 -1
- package/dist/oh-checkbox-group.d.ts.map +1 -1
- package/dist/oh-checkbox-group.figma.js +1 -1
- package/dist/oh-checkbox-group.figma.js.map +1 -1
- package/dist/oh-checkbox-group.js +46 -23
- package/dist/oh-checkbox-group.js.map +1 -1
- package/dist/oh-checkbox.d.ts +2 -2
- package/dist/oh-checkbox.d.ts.map +1 -1
- package/dist/oh-checkbox.js +56 -29
- package/dist/oh-checkbox.js.map +1 -1
- package/dist/oh-drawer.d.ts.map +1 -1
- package/dist/oh-drawer.js +21 -10
- package/dist/oh-drawer.js.map +1 -1
- package/dist/oh-footer.d.ts +5 -0
- package/dist/oh-footer.d.ts.map +1 -1
- package/dist/oh-footer.js +5 -0
- package/dist/oh-footer.js.map +1 -1
- package/dist/oh-grid.d.ts.map +1 -1
- package/dist/oh-grid.js +1 -2
- package/dist/oh-grid.js.map +1 -1
- package/dist/oh-hero.d.ts +5 -0
- package/dist/oh-hero.d.ts.map +1 -1
- package/dist/oh-hero.js +8 -1
- package/dist/oh-hero.js.map +1 -1
- package/dist/oh-icon.d.ts.map +1 -1
- package/dist/oh-icon.js +7 -5
- package/dist/oh-icon.js.map +1 -1
- package/dist/oh-input.d.ts +11 -6
- package/dist/oh-input.d.ts.map +1 -1
- package/dist/oh-input.figma.js +2 -2
- package/dist/oh-input.figma.js.map +1 -1
- package/dist/oh-input.js +38 -21
- package/dist/oh-input.js.map +1 -1
- package/dist/oh-link.d.ts.map +1 -1
- package/dist/oh-link.js +59 -32
- package/dist/oh-link.js.map +1 -1
- package/dist/oh-modal.d.ts +8 -2
- package/dist/oh-modal.d.ts.map +1 -1
- package/dist/oh-modal.js +60 -30
- package/dist/oh-modal.js.map +1 -1
- package/dist/oh-navbar.d.ts.map +1 -1
- package/dist/oh-navbar.js +2 -1
- package/dist/oh-navbar.js.map +1 -1
- package/dist/oh-progress.d.ts.map +1 -1
- package/dist/oh-progress.js +5 -3
- package/dist/oh-progress.js.map +1 -1
- package/dist/oh-radio-group.d.ts.map +1 -1
- package/dist/oh-radio-group.js +58 -27
- package/dist/oh-radio-group.js.map +1 -1
- package/dist/oh-radio.d.ts +1 -1
- package/dist/oh-radio.d.ts.map +1 -1
- package/dist/oh-radio.js +57 -29
- package/dist/oh-radio.js.map +1 -1
- package/dist/oh-select.d.ts +3 -2
- package/dist/oh-select.d.ts.map +1 -1
- package/dist/oh-select.js +88 -48
- package/dist/oh-select.js.map +1 -1
- package/dist/oh-skip-link.d.ts.map +1 -1
- package/dist/oh-skip-link.js +8 -10
- package/dist/oh-skip-link.js.map +1 -1
- package/dist/oh-tabs.d.ts.map +1 -1
- package/dist/oh-tabs.js +34 -25
- package/dist/oh-tabs.js.map +1 -1
- package/dist/oh-textarea.d.ts +98 -0
- package/dist/oh-textarea.d.ts.map +1 -0
- package/dist/oh-textarea.js +370 -0
- package/dist/oh-textarea.js.map +1 -0
- package/dist/oh-toggle.d.ts.map +1 -1
- package/dist/oh-toggle.js +29 -14
- package/dist/oh-toggle.js.map +1 -1
- package/dist/styles/typography.js +5 -5
- package/package.json +15 -4
package/dist/oh-link.js
CHANGED
|
@@ -76,18 +76,18 @@ let OhLink = class OhLink extends OhElement {
|
|
|
76
76
|
|
|
77
77
|
/* Dashed underline via pseudo-element (animatable) */
|
|
78
78
|
.link__text::after {
|
|
79
|
-
content:
|
|
79
|
+
content: "";
|
|
80
80
|
position: absolute;
|
|
81
81
|
left: 0;
|
|
82
82
|
right: 0;
|
|
83
83
|
bottom: 0;
|
|
84
|
-
height:
|
|
84
|
+
height: var(--oh-decoration-underline-thickness);
|
|
85
85
|
background: repeating-linear-gradient(
|
|
86
86
|
to right,
|
|
87
87
|
var(--oh-color-text-link) 0,
|
|
88
|
-
var(--oh-color-text-link)
|
|
89
|
-
transparent
|
|
90
|
-
transparent
|
|
88
|
+
var(--oh-color-text-link) var(--oh-decoration-underline-dash),
|
|
89
|
+
transparent var(--oh-decoration-underline-dash),
|
|
90
|
+
transparent var(--oh-decoration-underline-period)
|
|
91
91
|
);
|
|
92
92
|
transform-origin: right;
|
|
93
93
|
transform: scaleX(1);
|
|
@@ -126,7 +126,7 @@ let OhLink = class OhLink extends OhElement {
|
|
|
126
126
|
.link--inline:focus .link__text::after {
|
|
127
127
|
/* Solid underline on focus */
|
|
128
128
|
background: var(--oh-color-brand-primary);
|
|
129
|
-
height:
|
|
129
|
+
height: var(--oh-decoration-underline-focus-thickness);
|
|
130
130
|
transform: scaleX(1);
|
|
131
131
|
}
|
|
132
132
|
|
|
@@ -139,11 +139,11 @@ let OhLink = class OhLink extends OhElement {
|
|
|
139
139
|
background: repeating-linear-gradient(
|
|
140
140
|
to right,
|
|
141
141
|
var(--oh-color-text-link) 0,
|
|
142
|
-
var(--oh-color-text-link)
|
|
143
|
-
transparent
|
|
144
|
-
transparent
|
|
142
|
+
var(--oh-color-text-link) var(--oh-decoration-underline-dash),
|
|
143
|
+
transparent var(--oh-decoration-underline-dash),
|
|
144
|
+
transparent var(--oh-decoration-underline-period)
|
|
145
145
|
);
|
|
146
|
-
height:
|
|
146
|
+
height: var(--oh-decoration-underline-thickness);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -181,7 +181,7 @@ let OhLink = class OhLink extends OhElement {
|
|
|
181
181
|
|
|
182
182
|
.link--standalone:focus .link__text::after {
|
|
183
183
|
background: var(--oh-color-brand-primary);
|
|
184
|
-
height:
|
|
184
|
+
height: var(--oh-decoration-underline-focus-thickness);
|
|
185
185
|
transform: scaleX(1);
|
|
186
186
|
}
|
|
187
187
|
|
|
@@ -196,11 +196,11 @@ let OhLink = class OhLink extends OhElement {
|
|
|
196
196
|
background: repeating-linear-gradient(
|
|
197
197
|
to right,
|
|
198
198
|
var(--oh-color-text-link) 0,
|
|
199
|
-
var(--oh-color-text-link)
|
|
200
|
-
transparent
|
|
201
|
-
transparent
|
|
199
|
+
var(--oh-color-text-link) var(--oh-decoration-underline-dash),
|
|
200
|
+
transparent var(--oh-decoration-underline-dash),
|
|
201
|
+
transparent var(--oh-decoration-underline-period)
|
|
202
202
|
);
|
|
203
|
-
height:
|
|
203
|
+
height: var(--oh-decoration-underline-thickness);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
206
|
/* ═══════════════════════════════════════════════════════════════
|
|
@@ -273,9 +273,9 @@ let OhLink = class OhLink extends OhElement {
|
|
|
273
273
|
background: repeating-linear-gradient(
|
|
274
274
|
to right,
|
|
275
275
|
var(--oh-color-text-on-accent) 0,
|
|
276
|
-
var(--oh-color-text-on-accent)
|
|
277
|
-
transparent
|
|
278
|
-
transparent
|
|
276
|
+
var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
|
|
277
|
+
transparent var(--oh-decoration-underline-dash),
|
|
278
|
+
transparent var(--oh-decoration-underline-period)
|
|
279
279
|
);
|
|
280
280
|
}
|
|
281
281
|
|
|
@@ -291,13 +291,15 @@ let OhLink = class OhLink extends OhElement {
|
|
|
291
291
|
background-color: transparent;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
:host([inverse])
|
|
294
|
+
:host([inverse])
|
|
295
|
+
.link--inline:focus:not(:focus-visible)
|
|
296
|
+
.link__text::after {
|
|
295
297
|
background: repeating-linear-gradient(
|
|
296
298
|
to right,
|
|
297
299
|
var(--oh-color-text-on-accent) 0,
|
|
298
|
-
var(--oh-color-text-on-accent)
|
|
299
|
-
transparent
|
|
300
|
-
transparent
|
|
300
|
+
var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
|
|
301
|
+
transparent var(--oh-decoration-underline-dash),
|
|
302
|
+
transparent var(--oh-decoration-underline-period)
|
|
301
303
|
);
|
|
302
304
|
}
|
|
303
305
|
|
|
@@ -313,13 +315,15 @@ let OhLink = class OhLink extends OhElement {
|
|
|
313
315
|
background-color: transparent;
|
|
314
316
|
}
|
|
315
317
|
|
|
316
|
-
:host([inverse])
|
|
318
|
+
:host([inverse])
|
|
319
|
+
.link--standalone:focus:not(:focus-visible)
|
|
320
|
+
.link__text::after {
|
|
317
321
|
background: repeating-linear-gradient(
|
|
318
322
|
to right,
|
|
319
323
|
var(--oh-color-text-on-accent) 0,
|
|
320
|
-
var(--oh-color-text-on-accent)
|
|
321
|
-
transparent
|
|
322
|
-
transparent
|
|
324
|
+
var(--oh-color-text-on-accent) var(--oh-decoration-underline-dash),
|
|
325
|
+
transparent var(--oh-decoration-underline-dash),
|
|
326
|
+
transparent var(--oh-decoration-underline-period)
|
|
323
327
|
);
|
|
324
328
|
}
|
|
325
329
|
|
|
@@ -343,9 +347,7 @@ let OhLink = class OhLink extends OhElement {
|
|
|
343
347
|
"link--standalone": this.variant === "standalone",
|
|
344
348
|
});
|
|
345
349
|
// Auto-add rel="noopener noreferrer" for external links
|
|
346
|
-
const computedRel = this.target === "_blank" && !this.rel
|
|
347
|
-
? "noopener noreferrer"
|
|
348
|
-
: this.rel;
|
|
350
|
+
const computedRel = this.target === "_blank" && !this.rel ? "noopener noreferrer" : this.rel;
|
|
349
351
|
const isExternal = this.target === "_blank";
|
|
350
352
|
return html `
|
|
351
353
|
<a
|
|
@@ -355,11 +357,36 @@ let OhLink = class OhLink extends OhElement {
|
|
|
355
357
|
rel=${computedRel || nothing}
|
|
356
358
|
>
|
|
357
359
|
<span class="link__text"><slot></slot></span>${isExternal
|
|
358
|
-
? html `<svg
|
|
360
|
+
? html `<svg
|
|
361
|
+
class="link__external"
|
|
362
|
+
viewBox="0 0 20 20"
|
|
363
|
+
fill="currentColor"
|
|
364
|
+
aria-hidden="true"
|
|
365
|
+
>
|
|
366
|
+
<path
|
|
367
|
+
fill-rule="evenodd"
|
|
368
|
+
d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"
|
|
369
|
+
clip-rule="evenodd"
|
|
370
|
+
/>
|
|
371
|
+
<path
|
|
372
|
+
fill-rule="evenodd"
|
|
373
|
+
d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"
|
|
374
|
+
clip-rule="evenodd"
|
|
375
|
+
/></svg
|
|
376
|
+
><span class="visually-hidden">(opens in new tab)</span>`
|
|
359
377
|
: nothing}${this.variant === "standalone" && this.arrow && !isExternal
|
|
360
378
|
? html `
|
|
361
|
-
<svg
|
|
362
|
-
|
|
379
|
+
<svg
|
|
380
|
+
class="link__arrow"
|
|
381
|
+
viewBox="0 0 20 20"
|
|
382
|
+
fill="currentColor"
|
|
383
|
+
aria-hidden="true"
|
|
384
|
+
>
|
|
385
|
+
<path
|
|
386
|
+
fill-rule="evenodd"
|
|
387
|
+
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
|
|
388
|
+
clip-rule="evenodd"
|
|
389
|
+
/>
|
|
363
390
|
</svg>
|
|
364
391
|
`
|
|
365
392
|
: nothing}
|
package/dist/oh-link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-link.js","sourceRoot":"","sources":["../src/oh-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;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;AAK3C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAA9B;;
|
|
1
|
+
{"version":3,"file":"oh-link.js","sourceRoot":"","sources":["../src/oh-link.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;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;AAK3C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,SAAS;IAA9B;;QA2SL,SAAI,GAAG,EAAE,CAAC;QAGV,WAAM,GAAG,EAAE,CAAC;QAGZ,QAAG,GAAG,EAAE,CAAC;QAGT,YAAO,GAAgB,QAAQ,CAAC;QAGhC,UAAK,GAAG,KAAK,CAAC;QAGd,YAAO,GAAG,KAAK,CAAC;IA2DlB,CAAC;aApXiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoSF;KACF,AAvSqB,CAuSpB;IAoBF,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC;YAChC,IAAI,EAAE,IAAI;YACV,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACzC,kBAAkB,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY;SAClD,CAAC,CAAC;QAEH,wDAAwD;QACxD,MAAM,WAAW,GACf,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAE3E,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;QAE5C,OAAO,IAAI,CAAA;;gBAEC,WAAW;eACZ,IAAI,CAAC,IAAI;iBACP,IAAI,CAAC,MAAM,IAAI,OAAO;cACzB,WAAW,IAAI,OAAO;;uDAEmB,UAAU;YACvD,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;uEAgBuD;YAC7D,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU;YACtE,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;aAaH;YACH,CAAC,CAAC,OAAO;;KAEd,CAAC;IACJ,CAAC;;AAzED;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACf;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCAClB;AAGT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACK;AAGhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACd;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAC3B;AA1TL,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAqXlB"}
|
package/dist/oh-modal.d.ts
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
* DESIGN DECISIONS:
|
|
7
7
|
* ─────────────────
|
|
8
8
|
* 1. CHUNKY & LIFTED
|
|
9
|
-
* -
|
|
10
|
-
* - Offset shadow (
|
|
9
|
+
* - stroke.control border like other components
|
|
10
|
+
* - Offset shadow (elevation.offset.2xl) — feels like a lifted surface
|
|
11
11
|
* - Warm backdrop, not pure black
|
|
12
12
|
*
|
|
13
13
|
* 2. ACCESSIBLE
|
|
@@ -29,6 +29,12 @@ export declare class OhModal extends OhElement {
|
|
|
29
29
|
static styles: import("lit").CSSResult[];
|
|
30
30
|
open: boolean;
|
|
31
31
|
heading: string;
|
|
32
|
+
/**
|
|
33
|
+
* Names the dialog when it has no visible heading. Use this rather than
|
|
34
|
+
* aria-label on the host, which isn't forwarded into the shadow root.
|
|
35
|
+
* A visible heading always wins.
|
|
36
|
+
*/
|
|
37
|
+
accessibleLabel?: string;
|
|
32
38
|
dismissible: boolean;
|
|
33
39
|
size: ModalSize;
|
|
34
40
|
private _previousActiveElement;
|
package/dist/oh-modal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-modal.d.ts","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-modal.d.ts","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,qBACa,OAAQ,SAAQ,SAAS;IACpC,OAAgB,MAAM,4BAgPpB;IAGF,IAAI,UAAS;IAGb,OAAO,SAAM;IAEb;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,WAAW,UAAQ;IAGnB,IAAI,EAAE,SAAS,CAAQ;IAGvB,OAAO,CAAC,sBAAsB,CAA4B;IAG1D,OAAO,CAAC,YAAY,CAAqB;IAEzC,iBAAiB;IAKjB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAU/C,OAAO,CAAC,OAAO;IAyBf,OAAO,CAAC,QAAQ;IAchB,OAAO,CAAC,cAAc;IAOtB,4EAA4E;IAC5E,OAAO,CAAC,qBAAqB;IAS7B;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,aAAa;IAKrB,oBAAoB;IAMpB,MAAM;CAqFP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/oh-modal.js
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
* DESIGN DECISIONS:
|
|
7
7
|
* ─────────────────
|
|
8
8
|
* 1. CHUNKY & LIFTED
|
|
9
|
-
* -
|
|
10
|
-
* - Offset shadow (
|
|
9
|
+
* - stroke.control border like other components
|
|
10
|
+
* - Offset shadow (elevation.offset.2xl) — feels like a lifted surface
|
|
11
11
|
* - Warm backdrop, not pure black
|
|
12
12
|
*
|
|
13
13
|
* 2. ACCESSIBLE
|
|
@@ -62,16 +62,16 @@ let OhModal = class OhModal extends OhElement {
|
|
|
62
62
|
position: fixed;
|
|
63
63
|
inset: 0;
|
|
64
64
|
z-index: 1000;
|
|
65
|
-
|
|
65
|
+
|
|
66
66
|
/* Warm semi-transparent overlay */
|
|
67
67
|
background-color: var(--oh-modal-overlay);
|
|
68
|
-
|
|
68
|
+
|
|
69
69
|
/* Flexbox centering */
|
|
70
70
|
display: flex;
|
|
71
71
|
align-items: center;
|
|
72
72
|
justify-content: center;
|
|
73
73
|
padding: var(--oh-spacing-4);
|
|
74
|
-
|
|
74
|
+
|
|
75
75
|
/* Animation. Closing: fade, then hide once the fade ends. */
|
|
76
76
|
opacity: 0;
|
|
77
77
|
visibility: hidden;
|
|
@@ -100,21 +100,22 @@ let OhModal = class OhModal extends OhElement {
|
|
|
100
100
|
flex-direction: column;
|
|
101
101
|
max-height: calc(100vh - var(--oh-spacing-8));
|
|
102
102
|
max-width: 100%;
|
|
103
|
-
|
|
103
|
+
|
|
104
104
|
/* Warm surface */
|
|
105
105
|
background-color: var(--oh-color-surface-base);
|
|
106
|
-
|
|
106
|
+
|
|
107
107
|
/* Chunky border */
|
|
108
|
-
border: var(--oh-
|
|
108
|
+
border: var(--oh-stroke-control) solid var(--oh-color-border-emphasis);
|
|
109
109
|
border-radius: var(--oh-shape-container);
|
|
110
|
-
|
|
110
|
+
|
|
111
111
|
/* Offset shadow — lifted surface */
|
|
112
|
-
box-shadow:
|
|
113
|
-
|
|
112
|
+
box-shadow: var(--oh-elevation-offset-2xl)
|
|
113
|
+
var(--oh-elevation-offset-2xl) 0 0 var(--oh-shadow-overlay);
|
|
114
|
+
|
|
114
115
|
/* Animation */
|
|
115
116
|
transform: scale(0.95) translateY(10px);
|
|
116
117
|
opacity: 0;
|
|
117
|
-
transition:
|
|
118
|
+
transition:
|
|
118
119
|
transform var(--oh-motion-gentle) var(--oh-motion-ease-playful),
|
|
119
120
|
opacity var(--oh-motion-gentle) ease;
|
|
120
121
|
}
|
|
@@ -147,7 +148,8 @@ let OhModal = class OhModal extends OhElement {
|
|
|
147
148
|
justify-content: space-between;
|
|
148
149
|
gap: var(--oh-spacing-4);
|
|
149
150
|
padding: var(--oh-spacing-4) var(--oh-spacing-5);
|
|
150
|
-
border-bottom: var(--oh-
|
|
151
|
+
border-bottom: var(--oh-stroke-control) solid
|
|
152
|
+
var(--oh-color-border-subtle);
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
.modal-title {
|
|
@@ -168,20 +170,20 @@ let OhModal = class OhModal extends OhElement {
|
|
|
168
170
|
display: flex;
|
|
169
171
|
align-items: center;
|
|
170
172
|
gap: var(--oh-spacing-1);
|
|
171
|
-
|
|
173
|
+
|
|
172
174
|
padding: var(--oh-spacing-1) var(--oh-spacing-2);
|
|
173
|
-
|
|
175
|
+
|
|
174
176
|
font-family: var(--oh-typography-body-font-family);
|
|
175
177
|
font-size: var(--oh-typography-body-base-font-size);
|
|
176
178
|
font-weight: var(--oh-typography-label-base-font-weight);
|
|
177
|
-
|
|
179
|
+
|
|
178
180
|
background: transparent;
|
|
179
181
|
border: none;
|
|
180
182
|
border-radius: var(--oh-shape-compact);
|
|
181
183
|
cursor: pointer;
|
|
182
184
|
color: var(--oh-color-text-primary);
|
|
183
|
-
|
|
184
|
-
transition:
|
|
185
|
+
|
|
186
|
+
transition:
|
|
185
187
|
transform var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
186
188
|
box-shadow var(--oh-motion-snappy) var(--oh-motion-ease-playful),
|
|
187
189
|
background-color var(--oh-motion-quick) ease;
|
|
@@ -189,13 +191,15 @@ let OhModal = class OhModal extends OhElement {
|
|
|
189
191
|
|
|
190
192
|
.modal-close:hover {
|
|
191
193
|
background-color: var(--oh-close-button-background-hover);
|
|
192
|
-
transform: translate(-
|
|
193
|
-
box-shadow:
|
|
194
|
+
transform: translate(var(--oh-lift-hover-md), var(--oh-lift-hover-md));
|
|
195
|
+
box-shadow: var(--oh-elevation-offset-lg) var(--oh-elevation-offset-lg)
|
|
196
|
+
0 0 var(--oh-close-button-shadow-hover);
|
|
194
197
|
}
|
|
195
198
|
|
|
196
199
|
.modal-close:active {
|
|
197
|
-
transform: translate(
|
|
198
|
-
box-shadow:
|
|
200
|
+
transform: translate(var(--oh-lift-press-sm), var(--oh-lift-press-sm));
|
|
201
|
+
box-shadow: var(--oh-elevation-offset-xs) var(--oh-elevation-offset-xs)
|
|
202
|
+
0 0 var(--oh-close-button-shadow-hover);
|
|
199
203
|
}
|
|
200
204
|
|
|
201
205
|
.modal-close:focus-visible {
|
|
@@ -217,7 +221,7 @@ let OhModal = class OhModal extends OhElement {
|
|
|
217
221
|
flex: 1;
|
|
218
222
|
overflow-y: auto;
|
|
219
223
|
padding: var(--oh-spacing-5);
|
|
220
|
-
|
|
224
|
+
|
|
221
225
|
font-family: var(--oh-typography-body-font-family);
|
|
222
226
|
font-size: var(--oh-typography-body-base-font-size);
|
|
223
227
|
line-height: var(--oh-typography-body-base-line-height);
|
|
@@ -234,7 +238,7 @@ let OhModal = class OhModal extends OhElement {
|
|
|
234
238
|
justify-content: flex-start;
|
|
235
239
|
gap: var(--oh-spacing-6);
|
|
236
240
|
padding: var(--oh-spacing-4) var(--oh-spacing-5);
|
|
237
|
-
border-top: var(--oh-
|
|
241
|
+
border-top: var(--oh-stroke-control) solid var(--oh-color-border-subtle);
|
|
238
242
|
}
|
|
239
243
|
|
|
240
244
|
/* Hide footer if empty */
|
|
@@ -335,7 +339,9 @@ let OhModal = class OhModal extends OhElement {
|
|
|
335
339
|
/** Focusable elements in the dialog, in tab order, excluding the guards. */
|
|
336
340
|
_getFocusableElements() {
|
|
337
341
|
const dialog = this.renderRoot.querySelector(".modal");
|
|
338
|
-
return dialog
|
|
342
|
+
return dialog
|
|
343
|
+
? getFocusableElementsDeep(dialog).filter((el) => !el.classList.contains("focus-guard"))
|
|
344
|
+
: [];
|
|
339
345
|
}
|
|
340
346
|
/**
|
|
341
347
|
* Focus guards: Tab past the last control lands on the end guard, which
|
|
@@ -387,14 +393,23 @@ let OhModal = class OhModal extends OhElement {
|
|
|
387
393
|
role="dialog"
|
|
388
394
|
aria-modal="true"
|
|
389
395
|
aria-labelledby=${labelId || nothing}
|
|
396
|
+
aria-label=${!labelId && this.accessibleLabel
|
|
397
|
+
? this.accessibleLabel
|
|
398
|
+
: nothing}
|
|
390
399
|
part="modal"
|
|
391
400
|
>
|
|
392
|
-
<span
|
|
401
|
+
<span
|
|
402
|
+
class="focus-guard"
|
|
403
|
+
tabindex="0"
|
|
404
|
+
@focus=${() => this._focusEdge("last")}
|
|
405
|
+
></span>
|
|
393
406
|
${this.heading || this.dismissible
|
|
394
407
|
? html `
|
|
395
408
|
<header class="modal-header" part="header">
|
|
396
409
|
${this.heading
|
|
397
|
-
? html `<h2 id="modal-title" class="modal-title"
|
|
410
|
+
? html `<h2 id="modal-title" class="modal-title">
|
|
411
|
+
${this.heading}
|
|
412
|
+
</h2>`
|
|
398
413
|
: html `<span></span>`}
|
|
399
414
|
${this.dismissible
|
|
400
415
|
? html `
|
|
@@ -405,8 +420,16 @@ let OhModal = class OhModal extends OhElement {
|
|
|
405
420
|
part="close"
|
|
406
421
|
>
|
|
407
422
|
<span>Close</span>
|
|
408
|
-
<svg
|
|
409
|
-
|
|
423
|
+
<svg
|
|
424
|
+
viewBox="0 0 20 20"
|
|
425
|
+
fill="currentColor"
|
|
426
|
+
aria-hidden="true"
|
|
427
|
+
>
|
|
428
|
+
<path
|
|
429
|
+
fill-rule="evenodd"
|
|
430
|
+
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
|
|
431
|
+
clip-rule="evenodd"
|
|
432
|
+
/>
|
|
410
433
|
</svg>
|
|
411
434
|
</button>
|
|
412
435
|
`
|
|
@@ -422,7 +445,11 @@ let OhModal = class OhModal extends OhElement {
|
|
|
422
445
|
<footer class="modal-footer" part="footer">
|
|
423
446
|
<slot name="footer"></slot>
|
|
424
447
|
</footer>
|
|
425
|
-
<span
|
|
448
|
+
<span
|
|
449
|
+
class="focus-guard"
|
|
450
|
+
tabindex="0"
|
|
451
|
+
@focus=${() => this._focusEdge("first")}
|
|
452
|
+
></span>
|
|
426
453
|
</div>
|
|
427
454
|
</div>
|
|
428
455
|
`;
|
|
@@ -434,6 +461,9 @@ __decorate([
|
|
|
434
461
|
__decorate([
|
|
435
462
|
property({ type: String })
|
|
436
463
|
], OhModal.prototype, "heading", void 0);
|
|
464
|
+
__decorate([
|
|
465
|
+
property({ type: String, attribute: "accessible-label" })
|
|
466
|
+
], OhModal.prototype, "accessibleLabel", void 0);
|
|
437
467
|
__decorate([
|
|
438
468
|
property({ type: Boolean, reflect: true })
|
|
439
469
|
], OhModal.prototype, "dismissible", void 0);
|
package/dist/oh-modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-modal.js","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAKvD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAA/B;;
|
|
1
|
+
{"version":3,"file":"oh-modal.js","sourceRoot":"","sources":["../src/oh-modal.ts"],"names":[],"mappings":"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"}
|
package/dist/oh-navbar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-navbar.d.ts","sourceRoot":"","sources":["../src/oh-navbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAEtB,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-navbar.d.ts","sourceRoot":"","sources":["../src/oh-navbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAEtB,qBACa,QAAS,SAAQ,SAAS;IACrC,OAAgB,MAAM,4BA2EpB;IAEF,yCAAyC;IAEzC,aAAa,SAAU;IAGvB,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,YAAY;IAIpB,MAAM;CA0CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
|
package/dist/oh-navbar.js
CHANGED
|
@@ -103,7 +103,8 @@ let OhNavbar = class OhNavbar extends OhElement {
|
|
|
103
103
|
|
|
104
104
|
.drawer-nav ::slotted(oh-link) {
|
|
105
105
|
padding: var(--oh-spacing-3) 0;
|
|
106
|
-
border-bottom:
|
|
106
|
+
border-bottom: var(--oh-stroke-divider) solid
|
|
107
|
+
var(--oh-color-border-subtle);
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
.drawer-nav ::slotted(oh-link:last-child) {
|
package/dist/oh-navbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-navbar.js","sourceRoot":"","sources":["../src/oh-navbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAGf,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;
|
|
1
|
+
{"version":3,"file":"oh-navbar.js","sourceRoot":"","sources":["../src/oh-navbar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;;;;;;;AAEH,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AAGf,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,SAAS;IAAhC;;QA8EL,yCAAyC;QAEzC,kBAAa,GAAG,MAAM,CAAC;QAGf,gBAAW,GAAG,KAAK,CAAC;IAoD9B,CAAC;aAtIiB,WAAM,GAAG;QACvB,UAAU;QACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwEF;KACF,AA3EqB,CA2EpB;IASM,WAAW;QACjB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;uBAoBQ,IAAI,CAAC,WAAW;;;;;;;;;;;kBAWrB,IAAI,CAAC,aAAa;gBACpB,IAAI,CAAC,WAAW;oBACZ,IAAI,CAAC,YAAY;;;;;;KAMhC,CAAC;IACJ,CAAC;;AAtDD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;+CACjC;AAGf;IADP,KAAK,EAAE;6CACoB;AAnFjB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuIpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-progress.d.ts","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"oh-progress.d.ts","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAIH,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,SAAS,GACT,MAAM,GACN,SAAS,GACT,OAAO,CAAC;AACZ,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,UAAW,SAAQ,SAAS;IACvC,OAAgB,MAAM,4BAgKpB;IAEF,0DAA0D;IAE1D,KAAK,SAAK;IAEV,kCAAkC;IAElC,GAAG,SAAO;IAEV,+DAA+D;IAE/D,KAAK,SAAc;IAEnB,sDAAsD;IAEtD,SAAS,UAAS;IAElB,4CAA4C;IAE5C,SAAS,UAAQ;IAEjB,mBAAmB;IAEnB,IAAI,EAAE,YAAY,CAAQ;IAE1B,oBAAoB;IAEpB,OAAO,EAAE,eAAe,CAAW;IAEnC,0CAA0C;IAE1C,OAAO,UAAS;IAEhB,2CAA2C;IAC3C,OAAO,KAAK,UAAU,GAGrB;IAED,MAAM;CAwCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
package/dist/oh-progress.js
CHANGED
|
@@ -79,10 +79,12 @@ let OhProgress = class OhProgress extends OhElement {
|
|
|
79
79
|
.progress__track {
|
|
80
80
|
flex: 1;
|
|
81
81
|
background-color: var(--oh-color-surface-inset);
|
|
82
|
-
border: var(--oh-
|
|
82
|
+
border: var(--oh-stroke-control) solid var(--oh-color-border-default);
|
|
83
83
|
border-radius: var(--oh-shape-pill);
|
|
84
84
|
overflow: hidden;
|
|
85
|
-
box-shadow: inset
|
|
85
|
+
box-shadow: inset var(--oh-elevation-offset-sm)
|
|
86
|
+
var(--oh-elevation-offset-sm) 0 0
|
|
87
|
+
var(--oh-progress-track-inset-shadow);
|
|
86
88
|
}
|
|
87
89
|
|
|
88
90
|
/* Size variants for track height */
|
|
@@ -231,7 +233,7 @@ let OhProgress = class OhProgress extends OhElement {
|
|
|
231
233
|
${this.showLabel
|
|
232
234
|
? html `<div class="progress__label">${this.label}</div>`
|
|
233
235
|
: null}
|
|
234
|
-
|
|
236
|
+
|
|
235
237
|
<div
|
|
236
238
|
class=${classes}
|
|
237
239
|
role="progressbar"
|
package/dist/oh-progress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-progress.js","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;;;;;;;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;
|
|
1
|
+
{"version":3,"file":"oh-progress.js","sourceRoot":"","sources":["../src/oh-progress.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oh-radio-group.d.ts","sourceRoot":"","sources":["../src/oh-radio-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,SAAS;IACzC,OAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"oh-radio-group.d.ts","sourceRoot":"","sources":["../src/oh-radio-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,EAAE,SAAS,EAAc,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,YAAa,SAAQ,SAAS;IACzC,OAAgB,MAAM,4BAqMpB;IAGF,KAAK,SAAM;IAGX,IAAI,SAAM;IAGV,OAAO,EAAE,WAAW,EAAE,CAAM;IAG5B,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,KAAK,UAAS;IAGd,YAAY,SAAM;IAGlB,OAAO,CAAC,QAAQ,CACiD;IAGjE,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,WAAW;IAInB;;;;OAIG;IAEH,OAAO,CAAC,cAAc,CAAS;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc;IASlC,MAAM;CA4EP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|