@cumulus-ui/components 0.1.3 → 0.1.4
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.
|
@@ -7,8 +7,9 @@ export declare class CsCheckboxInternal extends Base {
|
|
|
7
7
|
indeterminate: boolean;
|
|
8
8
|
readOnly: boolean;
|
|
9
9
|
description: string;
|
|
10
|
-
ariaLabel: string;
|
|
10
|
+
ariaLabel: string | null;
|
|
11
11
|
ariaRequired: string | null;
|
|
12
|
+
ariaControls: string | null;
|
|
12
13
|
private readonly _labelId;
|
|
13
14
|
private readonly _descriptionId;
|
|
14
15
|
connectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/checkbox/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAQ5D,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAuChD,qBAAa,kBAAmB,SAAQ,IAAI;IAC1C,OAAgB,MAAM,4BAAqE;IAG3F,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,WAAW,SAAM;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/checkbox/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAQ5D,QAAA,MAAM,IAAI,qHAAqC,CAAC;AAuChD,qBAAa,kBAAmB,SAAQ,IAAI;IAC1C,OAAgB,MAAM,4BAAqE;IAG3F,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGhC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IAE3D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,OAAO;IAaN,MAAM;CAuEhB"}
|
package/dist/index.js
CHANGED
|
@@ -332,8 +332,9 @@ var CsCheckboxInternal = class extends Base {
|
|
|
332
332
|
this.indeterminate = false;
|
|
333
333
|
this.readOnly = false;
|
|
334
334
|
this.description = "";
|
|
335
|
-
this.ariaLabel =
|
|
335
|
+
this.ariaLabel = null;
|
|
336
336
|
this.ariaRequired = null;
|
|
337
|
+
this.ariaControls = null;
|
|
337
338
|
this._labelId = generateUniqueId("checkbox-label");
|
|
338
339
|
this._descriptionId = generateUniqueId("checkbox-desc");
|
|
339
340
|
this._onHostClick = () => {
|
|
@@ -407,6 +408,7 @@ var CsCheckboxInternal = class extends Base {
|
|
|
407
408
|
?readonly=${this.readOnly}
|
|
408
409
|
aria-label=${ifDefined(this.ariaLabel || void 0)}
|
|
409
410
|
aria-required=${ifDefined(this.ariaRequired || void 0)}
|
|
411
|
+
aria-controls=${ifDefined(this.ariaControls || void 0)}
|
|
410
412
|
aria-describedby=${ifDefined(ariaDescribedBy)}
|
|
411
413
|
aria-checked=${this.indeterminate ? "mixed" : this.checked}
|
|
412
414
|
@click=${this._preventNativeToggle}
|
|
@@ -453,6 +455,9 @@ __decorateClass([
|
|
|
453
455
|
__decorateClass([
|
|
454
456
|
property2({ type: String })
|
|
455
457
|
], CsCheckboxInternal.prototype, "ariaRequired", 2);
|
|
458
|
+
__decorateClass([
|
|
459
|
+
property2({ type: String })
|
|
460
|
+
], CsCheckboxInternal.prototype, "ariaControls", 2);
|
|
456
461
|
|
|
457
462
|
// src/checkbox/index.ts
|
|
458
463
|
var CsCheckbox = class extends CsCheckboxInternal {
|