@esri/calcite-components 2.2.0-next.19 → 2.2.0-next.20

package/dist/collection/components/progress/progress.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:24 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:45 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/progress/progress.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 import { accessible, hidden, renders } from "../../tests/commonTests";
 describe("calcite-progress", () => {

package/dist/collection/components/progress/progress.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/radio-button/radio-button.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:24 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:45 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */

package/dist/collection/components/radio-button/radio-button.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, disabled, focusable, formAssociated, hidden, labelable, reflects, renders, } from "../../tests/commonTests";

package/dist/collection/components/radio-button/radio-button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { getRoundRobinIndex } from "../../utils/array";
@@ -69,7 +69,7 @@ export class RadioButton {
                     adjustedKey = "ArrowRight";
                 }
             }
-            const radioButtons = Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden]")).filter((radioButton) => radioButton.name === this.name);
+            const radioButtons = Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((radioButton) => radioButton.name === this.name);
             let currentIndex = 0;
             const radioButtonsLength = radioButtons.length;
             radioButtons.some((item, index) => {

package/dist/collection/components/radio-button/radio-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/radio-button/radio-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,WAAW,EACX,CAAC,EACD,IAAI,EACJ,MAAM,EACN,MAAM,EACN,IAAI,EAEJ,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAEL,WAAW,EACX,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EAErB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AACpG,OAAO,EACL,kBAAkB,EAElB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAOlC,MAAM,OAAO,WAAW;;QAyItB,eAAU,GAAG,CAAC,KAAsC,EAAE,aAAqB,EAAQ,EAAE;YACnF,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC;QAC/B,CAAC,CAAC;QAEF,iBAAY,GAAG,GAAoC,EAAE;YACnD,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oCAAoC,CAAC,CAAC,CAAC,MAAM,CAC5F,CAAC,WAA0C,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAC5C,CAAC;QACvC,CAAC,CAAC;QAEF,gBAAW,GAAG,GAAY,EAAE;YAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACzC,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACjF,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACxE,OAAO,cAAc,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC;QAChD,CAAC,CAAC;QAEF,UAAK,GAAG,GAAS,EAAE;YACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEhB,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,OAAO;aACR;YAED,IAAI,CAAC,6BAA6B,EAAE,CAAC;YACrC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,CAAC;QACvC,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAS,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YAED,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC,CAAC;QAsDM,mBAAc,GAAG,CAAC,EAAkB,EAAQ,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACxB,CAAC,CAAC;QAoGF,kBAAa,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC7C,MAAM,IAAI,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC;YACtE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YACtB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE;gBAC5B,OAAO;aACR;YAED,IAAI,GAAG,KAAK,GAAG,EAAE;gBACf,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO;aACR;YAED,IAAI,WAAW,GAAG,GAAG,CAAC;YAEtB,IAAI,aAAa,CAAC,EAAE,CAAC,KAAK,KAAK,EAAE;gBAC/B,IAAI,GAAG,KAAK,YAAY,EAAE;oBACxB,WAAW,GAAG,WAAW,CAAC;iBAC3B;gBACD,IAAI,GAAG,KAAK,WAAW,EAAE;oBACvB,WAAW,GAAG,YAAY,CAAC;iBAC5B;aACF;YAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,mCAAmC,CAAC,CACpE,CAAC,MAAM,CACN,CAAC,WAA0C,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAC5C,CAAC;YACrC,IAAI,YAAY,GAAG,CAAC,CAAC;YAErB,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC;YAE/C,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAChC,IAAI,IAAI,CAAC,OAAO,EAAE;oBAChB,YAAY,GAAG,KAAK,CAAC;oBACrB,OAAO,IAAI,CAAC;iBACb;YACH,CAAC,CAAC,CAAC;YAEH,QAAQ,WAAW,EAAE;gBACnB,KAAK,WAAW,CAAC;gBACjB,KAAK,SAAS;oBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,CACb,YAAY,EACZ,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC,CACvE,CAAC;oBACF,OAAO;gBACT,KAAK,YAAY,CAAC;gBAClB,KAAK,WAAW;oBACd,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,IAAI,CAAC,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC,YAAY,GAAG,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC;oBACxF,OAAO;gBACT;oBACE,OAAO;aACV;QACH,CAAC,CAAC;QAEM,oBAAe,GAAG,GAAS,EAAE;YACnC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,8BAA8B,CAAC,IAAI,EAAE,CAAC;QAC7C,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAS,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,IAAI,CAAC,+BAA+B,CAAC,IAAI,EAAE,CAAC;aAC7C;QACH,CAAC,CAAC;uBA1YgD,KAAK;wBAYnB,KAAK;uBAYS,KAAK;;;sBAcrB,KAAK;uBAYW,KAAK;;;wBAsBnB,KAAK;qBAGD,GAAG;;;IAxE3C,cAAc,CAAC,UAAmB;QAChC,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,+BAA+B,EAAE,CAAC;SACxC;QAED,IAAI,CAAC,uCAAuC,CAAC,IAAI,EAAE,CAAC;IACtD,CAAC;IAMD,eAAe;QACb,IAAI,CAAC,wCAAwC,EAAE,CAAC;IAClD,CAAC;IAwBD,aAAa;QACX,IAAI,CAAC,wCAAwC,EAAE,CAAC;IAClD,CAAC;IAwBD,WAAW;QACT,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAgCD,4EAA4E;IAC5E,EAAE;IACF,kBAAkB;IAClB,EAAE;IACF,4EAA4E;IAE5E,mCAAmC;IAEnC,KAAK,CAAC,QAAQ;QACZ,MAAM,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAChC;IACH,CAAC;IAED,4EAA4E;IAC5E,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,4EAA4E;IAE5E,mBAAmB,CAAC,KAAuB;QACzC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;IACvB,CAAC;IA4CD,YAAY,CAAC,KAAkB;QAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE;YAChC,OAAO;SACR;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,aAAwC,CAAC;QAE7D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG;YAC3B,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CACzB,4BAA4B,KAAK,CAAC,GAAG,IAAI,CAC1C;YACH,CAAC,CAAC,KAAK,CAAC,aAAa,CACjB,8BAA8B,IAAI,CAAC,IAAI,IAAI,CAC5C,CAAC;QAEN,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,OAAO;SACR;QAED,IAAI,CAAC,+BAA+B,EAAE,CAAC;QACvC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,wBAAwB,CAAC,IAAI,EAAE,CAAC;IACvC,CAAC;IAEO,oBAAoB;QAC1B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEtF,IAAI,mBAAmB,EAAE,MAAM,GAAG,CAAC,EAAE;YACnC,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACnF,mBAAmB;iBAChB,MAAM,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,kBAAkB,KAAK,sBAAsB,CAAC;iBAC7E,OAAO,CAAC,CAAC,kBAAiD,EAAE,EAAE;gBAC7D,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACnC,kBAAkB,CAAC,iBAAiB,EAAE,CAAC;YACzC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAED,gBAAgB;IAEhB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,uCAAuC,CAAC,IAAI,EAAE,CAAC;IACtD,CAAC;IAMO,6BAA6B;QACnC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;YACnC,IAAI,WAAW,CAAC,OAAO,EAAE;gBACvB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;gBAC5B,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;aAC7B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,+BAA+B;QACrC,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,iBAAiB,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/F,iBAAiB,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,EAAE;YAC7C,IAAI,gBAAgB,CAAC,OAAO,EAAE;gBAC5B,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;gBACjC,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,wCAAwC;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,0BAA0B,GAAG,YAAY,CAAC,MAAM,CACpD,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CACzE,CAAC;QACF,0BAA0B,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;YACjD,WAAW,CAAC,WAAW,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC;IAsCD,4EAA4E;IAC5E,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,4EAA4E;IAG5E,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAGD,mBAAmB;QACjB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IA2ED,4EAA4E;IAC5E,EAAE;IACF,aAAa;IACb,EAAE;IACF,4EAA4E;IAE5E,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,WAAW,EAAiB,CAAC;QACrD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,wBAAwB,IAAI,EAAE,EAAE,CAAC;QAC3D,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;QACD,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,CAAC,wCAAwC,EAAE,CAAC;IAClD,CAAC;IAED,iBAAiB;QACf,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,gBAAgB;QACd,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;IACH,CAAC;IAED,oBAAoB;QAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;QAC5B,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,IAAI,CAAC,wCAAwC,EAAE,CAAC;IAClD,CAAC;IAED,kBAAkB;QAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,6EAA6E;IAC7E,EAAE;IACF,kBAAkB;IAClB,EAAE;IACF,6EAA6E;IAE7E,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,OAAO,CACL,EAAC,IAAI,IAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa;YAC7D,EAAC,oBAAoB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBAC3C,2BACgB,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,gBAC7B,YAAY,CAAC,IAAI,CAAC,EAC9B,KAAK,EAAE,GAAG,CAAC,SAAS,EACpB,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ;oBAClB,oKAAoK;oBACpK,GAAG,EAAE,IAAI,CAAC,cAAc;oBAExB,WAAK,KAAK,EAAC,OAAO,GAAG,CACjB;gBACN,EAAC,mBAAmB,IAAC,SAAS,EAAE,IAAI,GAAI,CACnB,CAClB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /** When `true`, the component is not displayed and is not focusable or checkable. */\n  @Prop({ reflect: true }) hidden = false;\n\n  @Watch(\"hidden\")\n  hiddenChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`,\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`,\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled,\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden]\"),\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength),\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/radio-button/radio-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  VNode,\n  Watch,\n} from \"@stencil/core\";\nimport { getRoundRobinIndex } from \"../../utils/array\";\nimport { focusElement, getElementDir, toAriaBoolean } from \"../../utils/dom\";\nimport {\n  CheckableFormComponent,\n  connectForm,\n  disconnectForm,\n  HiddenFormInputSlot,\n} from \"../../utils/form\";\nimport { guid } from \"../../utils/guid\";\nimport {\n  connectInteractive,\n  disconnectInteractive,\n  InteractiveComponent,\n  InteractiveContainer,\n  updateHostInteraction,\n} from \"../../utils/interactive\";\nimport { connectLabel, disconnectLabel, getLabelText, LabelableComponent } from \"../../utils/label\";\nimport {\n  componentFocusable,\n  LoadableComponent,\n  setComponentLoaded,\n  setUpLoadableComponent,\n} from \"../../utils/loadable\";\nimport { Scale } from \"../interfaces\";\nimport { CSS } from \"./resources\";\n\n@Component({\n  tag: \"calcite-radio-button\",\n  styleUrl: \"radio-button.scss\",\n  shadow: true,\n})\nexport class RadioButton\n  implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent\n{\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  /** When `true`, the component is checked. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  @Watch(\"checked\")\n  checkedChanged(newChecked: boolean): void {\n    if (newChecked) {\n      this.uncheckOtherRadioButtonsInGroup();\n    }\n\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n  @Prop({ reflect: true }) disabled = false;\n\n  @Watch(\"disabled\")\n  disabledChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The focused state of the component.\n   *\n   * @internal\n   */\n  @Prop({ mutable: true, reflect: true }) focused = false;\n\n  /**\n   * The `id` of the form that will be associated with the component.\n   *\n   * When not set, the component will be associated with its ancestor form element, if any.\n   */\n  @Prop({ reflect: true })\n  form: string;\n\n  /** The `id` of the component. When omitted, a globally unique identifier is used. */\n  @Prop({ reflect: true, mutable: true }) guid: string;\n\n  /** When `true`, the component is not displayed and is not focusable or checkable. */\n  @Prop({ reflect: true }) hidden = false;\n\n  @Watch(\"hidden\")\n  hiddenChanged(): void {\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  /**\n   * The hovered state of the component.\n   *\n   * @internal\n   */\n  @Prop({ reflect: true, mutable: true }) hovered = false;\n\n  /**\n   * Accessible name for the component.\n   *\n   * @internal\n   */\n  @Prop() label?: string;\n\n  /**\n   * Specifies the name of the component. Can be inherited from `calcite-radio-button-group`.\n   *\n   * Required to pass the component's `value` on form submission.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  @Watch(\"name\")\n  nameChanged(): void {\n    this.checkLastRadioButton();\n  }\n\n  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */\n  @Prop({ reflect: true }) required = false;\n\n  /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */\n  @Prop({ reflect: true }) scale: Scale = \"m\";\n\n  /** The component's value. */\n  // eslint-disable-next-line @stencil-community/strict-mutable -- updated by form module\n  @Prop({ mutable: true }) value!: any;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Element() el: HTMLCalciteRadioButtonElement;\n\n  labelEl: HTMLCalciteLabelElement;\n\n  formEl: HTMLFormElement;\n\n  defaultChecked: boolean;\n\n  defaultValue: RadioButton[\"value\"];\n\n  rootNode: HTMLElement;\n\n  containerEl: HTMLDivElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n\n  /** Sets focus on the component. */\n  @Method()\n  async setFocus(): Promise<void> {\n    await componentFocusable(this);\n\n    if (!this.disabled) {\n      focusElement(this.containerEl);\n    }\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  syncHiddenFormInput(input: HTMLInputElement): void {\n    input.type = \"radio\";\n  }\n\n  selectItem = (items: HTMLCalciteRadioButtonElement[], selectedIndex: number): void => {\n    items[selectedIndex].click();\n  };\n\n  queryButtons = (): HTMLCalciteRadioButtonElement[] => {\n    return Array.from(this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\")).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n  };\n\n  isFocusable = (): boolean => {\n    const radioButtons = this.queryButtons();\n    const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);\n    const checked = radioButtons.find((radioButton) => radioButton.checked);\n    return firstFocusable === this.el && !checked;\n  };\n\n  check = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.focused = true;\n    this.setFocus();\n\n    if (this.checked) {\n      return;\n    }\n\n    this.uncheckAllRadioButtonsInGroup();\n    this.checked = true;\n    this.calciteRadioButtonChange.emit();\n  };\n\n  private clickHandler = (): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    this.check();\n  };\n\n  onLabelClick(event: CustomEvent): void {\n    if (this.disabled || this.hidden) {\n      return;\n    }\n\n    const label = event.currentTarget as HTMLCalciteLabelElement;\n\n    const radioButton = label.for\n      ? this.rootNode.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[id=\"${label.for}\"]`,\n        )\n      : label.querySelector<HTMLCalciteRadioButtonElement>(\n          `calcite-radio-button[name=\"${this.name}\"]`,\n        );\n\n    if (!radioButton) {\n      return;\n    }\n\n    radioButton.focused = true;\n    this.setFocus();\n\n    if (radioButton.checked) {\n      return;\n    }\n\n    this.uncheckOtherRadioButtonsInGroup();\n    radioButton.checked = true;\n    this.calciteRadioButtonChange.emit();\n  }\n\n  private checkLastRadioButton(): void {\n    const radioButtons = this.queryButtons();\n    const checkedRadioButtons = radioButtons.filter((radioButton) => radioButton.checked);\n\n    if (checkedRadioButtons?.length > 1) {\n      const lastCheckedRadioButton = checkedRadioButtons[checkedRadioButtons.length - 1];\n      checkedRadioButtons\n        .filter((checkedRadioButton) => checkedRadioButton !== lastCheckedRadioButton)\n        .forEach((checkedRadioButton: HTMLCalciteRadioButtonElement) => {\n          checkedRadioButton.checked = false;\n          checkedRadioButton.emitCheckedChange();\n        });\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async emitCheckedChange(): Promise<void> {\n    this.calciteInternalRadioButtonCheckedChange.emit();\n  }\n\n  private setContainerEl = (el: HTMLDivElement): void => {\n    this.containerEl = el;\n  };\n\n  private uncheckAllRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    radioButtons.forEach((radioButton) => {\n      if (radioButton.checked) {\n        radioButton.checked = false;\n        radioButton.focused = false;\n      }\n    });\n  }\n\n  private uncheckOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid);\n    otherRadioButtons.forEach((otherRadioButton) => {\n      if (otherRadioButton.checked) {\n        otherRadioButton.checked = false;\n        otherRadioButton.focused = false;\n      }\n    });\n  }\n\n  private updateTabIndexOfOtherRadioButtonsInGroup(): void {\n    const radioButtons = this.queryButtons();\n    const otherFocusableRadioButtons = radioButtons.filter(\n      (radioButton) => radioButton.guid !== this.guid && !radioButton.disabled,\n    );\n    otherFocusableRadioButtons.forEach((radioButton) => {\n      forceUpdate(radioButton);\n    });\n  }\n\n  private getTabIndex(): number | undefined {\n    if (this.disabled) {\n      return undefined;\n    }\n    return this.checked || this.isFocusable() ? 0 : -1;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  /**\n   * Fires when the radio button is blurred.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonBlur: EventEmitter<void>;\n\n  /**\n   * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.\n   * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event\n   * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group\n   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.\n   */\n  @Event({ cancelable: false }) calciteRadioButtonChange: EventEmitter<void>;\n\n  /**\n   * Fires when the checked property changes.  This is an internal event used for styling purposes only.\n   * Use calciteRadioButtonChange or calciteRadioButtonGroupChange for responding to changes in the checked value for forms.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonCheckedChange: EventEmitter<void>;\n\n  /**\n   * Fires when the radio button is focused.\n   *\n   * @internal\n   */\n  @Event({ cancelable: false }) calciteInternalRadioButtonFocus: EventEmitter<void>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n\n  @Listen(\"pointerenter\")\n  pointerEnterHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = true;\n  }\n\n  @Listen(\"pointerleave\")\n  pointerLeaveHandler(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.hovered = false;\n  }\n\n  handleKeyDown = (event: KeyboardEvent): void => {\n    const keys = [\"ArrowLeft\", \"ArrowUp\", \"ArrowRight\", \"ArrowDown\", \" \"];\n    const { key } = event;\n    const { el } = this;\n\n    if (keys.indexOf(key) === -1) {\n      return;\n    }\n\n    if (key === \" \") {\n      this.check();\n      event.preventDefault();\n      return;\n    }\n\n    let adjustedKey = key;\n\n    if (getElementDir(el) === \"rtl\") {\n      if (key === \"ArrowRight\") {\n        adjustedKey = \"ArrowLeft\";\n      }\n      if (key === \"ArrowLeft\") {\n        adjustedKey = \"ArrowRight\";\n      }\n    }\n\n    const radioButtons = Array.from(\n      this.rootNode.querySelectorAll(\"calcite-radio-button:not([hidden])\"),\n    ).filter(\n      (radioButton: HTMLCalciteRadioButtonElement) => radioButton.name === this.name,\n    ) as HTMLCalciteRadioButtonElement[];\n    let currentIndex = 0;\n\n    const radioButtonsLength = radioButtons.length;\n\n    radioButtons.some((item, index) => {\n      if (item.checked) {\n        currentIndex = index;\n        return true;\n      }\n    });\n\n    switch (adjustedKey) {\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.selectItem(\n          radioButtons,\n          getRoundRobinIndex(Math.max(currentIndex - 1, -1), radioButtonsLength),\n        );\n        return;\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.selectItem(radioButtons, getRoundRobinIndex(currentIndex + 1, radioButtonsLength));\n        return;\n      default:\n        return;\n    }\n  };\n\n  private onContainerBlur = (): void => {\n    this.focused = false;\n    this.calciteInternalRadioButtonBlur.emit();\n  };\n\n  private onContainerFocus = (): void => {\n    if (!this.disabled) {\n      this.focused = true;\n      this.calciteInternalRadioButtonFocus.emit();\n    }\n  };\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  connectedCallback(): void {\n    this.rootNode = this.el.getRootNode() as HTMLElement;\n    this.guid = this.el.id || `calcite-radio-button-${guid()}`;\n    if (this.name) {\n      this.checkLastRadioButton();\n    }\n    connectInteractive(this);\n    connectLabel(this);\n    connectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentWillLoad(): void {\n    setUpLoadableComponent(this);\n  }\n\n  componentDidLoad(): void {\n    setComponentLoaded(this);\n\n    if (this.focused && !this.disabled) {\n      this.setFocus();\n    }\n  }\n\n  disconnectedCallback(): void {\n    disconnectInteractive(this);\n    disconnectLabel(this);\n    disconnectForm(this);\n    this.updateTabIndexOfOtherRadioButtonsInGroup();\n  }\n\n  componentDidRender(): void {\n    updateHostInteraction(this);\n  }\n\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n\n  render(): VNode {\n    const tabIndex = this.getTabIndex();\n    return (\n      <Host onClick={this.clickHandler} onKeyDown={this.handleKeyDown}>\n        <InteractiveContainer disabled={this.disabled}>\n          <div\n            aria-checked={toAriaBoolean(this.checked)}\n            aria-label={getLabelText(this)}\n            class={CSS.container}\n            onBlur={this.onContainerBlur}\n            onFocus={this.onContainerFocus}\n            role=\"radio\"\n            tabIndex={tabIndex}\n            // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)\n            ref={this.setContainerEl}\n          >\n            <div class=\"radio\" />\n          </div>\n          <HiddenFormInputSlot component={this} />\n        </InteractiveContainer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/radio-button/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 export const CSS = {
     container: "container",

package/dist/collection/components/radio-button-group/radio-button-group.css

@@ -1,22 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:26 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:47 GMT
  */
 /**
  * Do not edit directly
- * Generated on Tue, 16 Jan 2024 17:22:24 GMT
+ * Generated on Tue, 16 Jan 2024 20:50:45 GMT
  */
 /* mixins & extensions */
 /* helper to properly scale internal durations */
@@ -25,34 +25,67 @@
 */
 :host {
   display: flex;
-  max-inline-size: 100vw
+  flex-direction: column;
 }
 
-:host([layout=horizontal]) {
+:host > .item-wrapper {
+  display: flex;
+  max-inline-size: 100vw;
+}
+
+:host([layout=horizontal]) > .item-wrapper {
   flex-direction: row;
-  flex-wrap: wrap
+  flex-wrap: wrap;
+}
+
+:host([layout=horizontal][scale=s]) > .item-wrapper {
+  column-gap: 1rem;
+}
+
+:host([layout=horizontal][scale=m]) > .item-wrapper {
+  column-gap: 1.25rem;
+}
+
+:host([layout=horizontal][scale=l]) > .item-wrapper {
+  column-gap: 1.5rem;
+}
+
+:host([layout=vertical]) > .item-wrapper {
+  flex-direction: column;
+}
+
+:host([scale=s]) calcite-input-message {
+  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-xxs) * -1);
+}
+
+:host([scale=m]) calcite-input-message {
+  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-sm) * -1);
 }
 
-:host([layout=horizontal][scale=s]) {
-  gap: 1rem
+:host([scale=l]) calcite-input-message {
+  --calcite-input-message-spacing-value: calc(var(--calcite-spacing-md) * -1);
 }
 
-:host([layout=horizontal][scale=m]) {
-  gap: 1.25rem
+.validation-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
 }
 
-:host([layout=horizontal][scale=l]) {
-  gap: 1.5rem
+:host([scale=m]) .validation-container,
+:host([scale=l]) .validation-container {
+  padding-block-start: 0.5rem;
 }
 
-:host([layout=vertical]) {
-  flex-direction: column
+:host([scale=s]) .validation-container {
+  padding-block-start: 0.25rem;
 }
 
 :host([hidden]) {
-  display: none
+  display: none;
 }
 
 [hidden] {
-  display: none
+  display: none;
 }

package/dist/collection/components/radio-button-group/radio-button-group.e2e.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v2.2.0-next.19
+ * v2.2.0-next.20
  */
 import { newE2EPage } from "@stencil/core/testing";
 import { accessible, defaults, focusable, hidden, reflects, renders } from "../../tests/commonTests";
@@ -18,6 +18,9 @@ describe("calcite-radio-button-group", () => {
         defaults("calcite-radio-button-group", [
             { propertyName: "layout", defaultValue: "horizontal" },
             { propertyName: "scale", defaultValue: "m" },
+            { propertyName: "status", defaultValue: "idle" },
+            { propertyName: "validationIcon", defaultValue: undefined },
+            { propertyName: "validationMessage", defaultValue: undefined },
         ]);
     });
     describe("is focusable", () => {
@@ -99,6 +102,8 @@ describe("calcite-radio-button-group", () => {
             { propertyName: "name", value: "reflects-name" },
             { propertyName: "required", value: true },
             { propertyName: "scale", value: "m" },
+            { propertyName: "status", value: "invalid" },
+            { propertyName: "validationIcon", value: true },
         ]);
     });
     it("has a radio input for form compatibility", async () => {

package/dist/collection/components/radio-button-group/radio-button-group.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.e2e.js","sourceRoot":"","sources":["../../../../src/components/radio-button-group/radio-button-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { accessible, defaults, focusable, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { getFocusedElementProp } from \"../../tests/utils\";\n\ndescribe(\"calcite-radio-button-group\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-radio-button-group\", { display: \"flex\" });\n  });\n\n  describe(\"accessible\", () => {\n    accessible(\n      `<calcite-radio-button-group><calcite-label><calcite-radio-button></calcite-radio-button>Label</calcite-label></calcite-radio-button-group>`,\n    );\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-radio-button-group\", [\n      { propertyName: \"layout\", defaultValue: \"horizontal\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n    ]);\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(\n      html`<calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" disabled></calcite-radio-button>\n          Flowers\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n      </calcite-radio-button-group>`,\n      { focusTargetSelector: \"calcite-radio-button\" },\n    );\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-radio-button\");\n\n    it(\"honors hidden attribute when navigating\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-radio-button-group name=\"first\">\n          <calcite-label>\n            1-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            1-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            1-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n        <calcite-radio-button-group name=\"second\" hidden>\n          <calcite-label>\n            2-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            2-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            2-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n        <calcite-radio-button-group name=\"third\">\n          <calcite-label>\n            3-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            3-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            3-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n      `);\n\n      const firstElement = await page.find(\"calcite-radio-button\");\n      await firstElement.click();\n      await firstElement.press(\"Tab\");\n      await page.waitForChanges();\n\n      const selected = await page.find(\"calcite-radio-button[focused]\");\n      const name = await selected.getProperty(\"name\");\n      const value = await selected.getProperty(\"value\");\n      expect(name).toBe(\"third\");\n      expect(value).toBe(\"first\");\n    });\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-radio-button-group\", [\n      { propertyName: \"disabled\", value: true },\n      { propertyName: \"hidden\", value: true },\n      { propertyName: \"layout\", value: \"horizontal\" },\n      { propertyName: \"name\", value: \"reflects-name\" },\n      { propertyName: \"required\", value: true },\n      { propertyName: \"scale\", value: \"m\" },\n    ]);\n  });\n\n  it(\"has a radio input for form compatibility\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"hidden-input\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const radioInputs = await page.findAll(\"calcite-radio-button\");\n    expect(radioInputs).toHaveLength(3);\n\n    for (let i = 0; i < radioInputs.length; i++) {\n      const name = radioInputs[i].getAttribute(\"name\");\n      const value = radioInputs[i].getAttribute(\"value\");\n      expect(name).toBe(\"hidden-input\");\n      expect(value).toBe((i + 1).toString());\n    }\n  });\n\n  it(\"does not require an item to be checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"none-checked\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const radioButtons = await page.findAll(\"calcite-radio-button\");\n    for (let i = 0; i < radioButtons.length; i++) {\n      expect(await radioButtons[i].getProperty(\"checked\")).toBe(false);\n      expect(radioButtons[i].getAttribute(\"checked\")).toBe(null);\n    }\n  });\n\n  it(\"when multiple items are checked, last one wins\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      html`<calcite-radio-button-group name=\"multiple-checked\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\" checked></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>`,\n    );\n    await page.waitForChanges();\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(1);\n\n    const selectedValue = await checkedItems[0].getProperty(\"value\");\n    expect(selectedValue).toBe(\"3\");\n  });\n\n  it(\"selects item with left and arrow keys\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"keyboard\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const firstElement = await element.find(\"calcite-radio-button[checked]\");\n    await firstElement.click();\n    await element.press(\"ArrowRight\");\n    await page.waitForChanges();\n\n    let selected = await element.find(\"calcite-radio-button[checked]\");\n    let value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowRight\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowRight\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n  });\n\n  it(\"selects item with up and down keys\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"up-down-keys\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const firstElement = await element.find(\"calcite-radio-button[checked]\");\n    await firstElement.click();\n    await element.press(\"ArrowDown\");\n    let selected = await element.find(\"calcite-radio-button[checked]\");\n    let value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowDown\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowDown\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n  });\n\n  it(\"clicking a radio updates its checked status\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const first = await page.find(\"calcite-radio-button#first\");\n    const second = await page.find(\"calcite-radio-button#second\");\n\n    await second.click();\n    await page.waitForChanges();\n\n    expect(await first.getProperty(\"checked\")).toBe(false);\n    expect(await second.getProperty(\"checked\")).toBe(true);\n\n    await first.click();\n    await page.waitForChanges();\n\n    expect(await first.getProperty(\"checked\")).toBe(true);\n    expect(await second.getProperty(\"checked\")).toBe(false);\n  });\n\n  it(\"programmatically checking a radio button updates the group's state correctly\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button id=\"third\" value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    await page.evaluate(() => {\n      const second = document.querySelector(\"calcite-radio-button#second\");\n      (second as HTMLCalciteRadioButtonElement).checked = true;\n    });\n    await page.waitForChanges();\n\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(1);\n\n    const selectedValue = await checkedItems[0].getProperty(\"value\");\n    expect(selectedValue).toBe(\"two\");\n  });\n\n  it(\"programmatically un-checking a radio button updates the group's state correctly\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button id=\"third\" value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    await page.evaluate(() => {\n      const second = document.querySelector(\"calcite-radio-button#first\");\n      (second as HTMLCalciteRadioButtonElement).checked = false;\n    });\n    await page.waitForChanges();\n\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(0);\n  });\n\n  it(`has a role of 'radiogroup'`, async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-radio-button-group></calcite-radio-button-group>\");\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const role = element.getAttribute(\"role\");\n    expect(role).toEqualText(\"radiogroup\");\n  });\n\n  it(\"radio-buttons receive necessary props\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"two\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const radio = await page.find(\"calcite-radio-button\");\n    const name = await radio.getProperty(\"name\");\n    const scale = await radio.getProperty(\"scale\");\n    const required = await radio.getProperty(\"required\");\n    expect(name).toBe(\"radio\");\n    expect(scale).toBe(\"m\");\n    expect(required).toBe(false);\n  });\n\n  it(\"appropriately triggers the custom change event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"changeEvent\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const getSelectedItemValue = async (): Promise<string> => {\n      return await page.evaluate((): string => {\n        return document.querySelector(\"calcite-radio-button-group\")?.selectedItem?.value || \"\";\n      });\n    };\n\n    const group = await page.find(\"calcite-radio-button-group\");\n    const firstRadio = await page.find('calcite-radio-button[value=\"one\"]');\n    const secondRadio = await page.find('calcite-radio-button[value=\"two\"]');\n    const thirdRadio = await page.find('calcite-radio-button[value=\"three\"]');\n\n    const changeEvent = await group.spyOnEvent(\"calciteRadioButtonGroupChange\");\n\n    expect(changeEvent).toHaveReceivedEventTimes(0);\n\n    await firstRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(0);\n    expect(await getSelectedItemValue()).toBe(\"one\");\n\n    await secondRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(1);\n    expect(await getSelectedItemValue()).toBe(\"two\");\n\n    await thirdRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(2);\n    expect(await getSelectedItemValue()).toBe(\"three\");\n  });\n\n  it(\"should focus the checked radio-button on setFocus()\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\" disabled id=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"shrubs\" id=\"shrubs\"></calcite-radio-button>\n          Shrubs\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" id=\"flowers\" checked></calcite-radio-button>\n          Flowers\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const group = await page.find(\"calcite-radio-button-group\");\n    await group.callMethod(\"setFocus\");\n    await page.waitForChanges();\n    expect(await getFocusedElementProp(page, \"id\")).toBe(\"flowers\");\n  });\n\n  it(\"should focus the first focusable radio-button on setFocus()\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\" disabled id=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"shrubs\" id=\"shrubs\"></calcite-radio-button>\n          Shrubs\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" id=\"flowers\"></calcite-radio-button>\n          Flowers\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const group = await page.find(\"calcite-radio-button-group\");\n    await group.callMethod(\"setFocus\");\n    await page.waitForChanges();\n    expect(await getFocusedElementProp(page, \"id\")).toBe(\"shrubs\");\n  });\n});\n"]}
+{"version":3,"file":"radio-button-group.e2e.js","sourceRoot":"","sources":["../../../../src/components/radio-button-group/radio-button-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport { accessible, defaults, focusable, hidden, reflects, renders } from \"../../tests/commonTests\";\nimport { html } from \"../../../support/formatting\";\nimport { getFocusedElementProp } from \"../../tests/utils\";\n\ndescribe(\"calcite-radio-button-group\", () => {\n  describe(\"renders\", () => {\n    renders(\"calcite-radio-button-group\", { display: \"flex\" });\n  });\n\n  describe(\"accessible\", () => {\n    accessible(\n      `<calcite-radio-button-group><calcite-label><calcite-radio-button></calcite-radio-button>Label</calcite-label></calcite-radio-button-group>`,\n    );\n  });\n\n  describe(\"defaults\", () => {\n    defaults(\"calcite-radio-button-group\", [\n      { propertyName: \"layout\", defaultValue: \"horizontal\" },\n      { propertyName: \"scale\", defaultValue: \"m\" },\n      { propertyName: \"status\", defaultValue: \"idle\" },\n      { propertyName: \"validationIcon\", defaultValue: undefined },\n      { propertyName: \"validationMessage\", defaultValue: undefined },\n    ]);\n  });\n\n  describe(\"is focusable\", () => {\n    focusable(\n      html`<calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" disabled></calcite-radio-button>\n          Flowers\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n      </calcite-radio-button-group>`,\n      { focusTargetSelector: \"calcite-radio-button\" },\n    );\n  });\n\n  describe(\"honors hidden attribute\", () => {\n    hidden(\"calcite-radio-button\");\n\n    it(\"honors hidden attribute when navigating\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(html`\n        <calcite-radio-button-group name=\"first\">\n          <calcite-label>\n            1-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            1-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            1-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n        <calcite-radio-button-group name=\"second\" hidden>\n          <calcite-label>\n            2-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            2-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            2-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n        <calcite-radio-button-group name=\"third\">\n          <calcite-label>\n            3-1\n            <calcite-radio-button value=\"first\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            3-2\n            <calcite-radio-button value=\"second\"></calcite-radio-button>\n          </calcite-label>\n          <calcite-label>\n            3-3\n            <calcite-radio-button value=\"third\"></calcite-radio-button>\n          </calcite-label>\n        </calcite-radio-button-group>\n      `);\n\n      const firstElement = await page.find(\"calcite-radio-button\");\n      await firstElement.click();\n      await firstElement.press(\"Tab\");\n      await page.waitForChanges();\n\n      const selected = await page.find(\"calcite-radio-button[focused]\");\n      const name = await selected.getProperty(\"name\");\n      const value = await selected.getProperty(\"value\");\n      expect(name).toBe(\"third\");\n      expect(value).toBe(\"first\");\n    });\n  });\n\n  describe(\"reflects\", () => {\n    reflects(\"calcite-radio-button-group\", [\n      { propertyName: \"disabled\", value: true },\n      { propertyName: \"hidden\", value: true },\n      { propertyName: \"layout\", value: \"horizontal\" },\n      { propertyName: \"name\", value: \"reflects-name\" },\n      { propertyName: \"required\", value: true },\n      { propertyName: \"scale\", value: \"m\" },\n      { propertyName: \"status\", value: \"invalid\" },\n      { propertyName: \"validationIcon\", value: true },\n    ]);\n  });\n\n  it(\"has a radio input for form compatibility\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"hidden-input\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const radioInputs = await page.findAll(\"calcite-radio-button\");\n    expect(radioInputs).toHaveLength(3);\n\n    for (let i = 0; i < radioInputs.length; i++) {\n      const name = radioInputs[i].getAttribute(\"name\");\n      const value = radioInputs[i].getAttribute(\"value\");\n      expect(name).toBe(\"hidden-input\");\n      expect(value).toBe((i + 1).toString());\n    }\n  });\n\n  it(\"does not require an item to be checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"none-checked\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const radioButtons = await page.findAll(\"calcite-radio-button\");\n    for (let i = 0; i < radioButtons.length; i++) {\n      expect(await radioButtons[i].getProperty(\"checked\")).toBe(false);\n      expect(radioButtons[i].getAttribute(\"checked\")).toBe(null);\n    }\n  });\n\n  it(\"when multiple items are checked, last one wins\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      html`<calcite-radio-button-group name=\"multiple-checked\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\" checked></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>`,\n    );\n    await page.waitForChanges();\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(1);\n\n    const selectedValue = await checkedItems[0].getProperty(\"value\");\n    expect(selectedValue).toBe(\"3\");\n  });\n\n  it(\"selects item with left and arrow keys\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"keyboard\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const firstElement = await element.find(\"calcite-radio-button[checked]\");\n    await firstElement.click();\n    await element.press(\"ArrowRight\");\n    await page.waitForChanges();\n\n    let selected = await element.find(\"calcite-radio-button[checked]\");\n    let value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowRight\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowRight\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowLeft\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n  });\n\n  it(\"selects item with up and down keys\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"up-down-keys\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"1\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"2\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"3\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const firstElement = await element.find(\"calcite-radio-button[checked]\");\n    await firstElement.click();\n    await element.press(\"ArrowDown\");\n    let selected = await element.find(\"calcite-radio-button[checked]\");\n    let value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowDown\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowDown\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"3\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"2\");\n\n    await element.press(\"ArrowUp\");\n    selected = await element.find(\"calcite-radio-button[checked]\");\n    value = await selected.getProperty(\"value\");\n    expect(value).toBe(\"1\");\n  });\n\n  it(\"clicking a radio updates its checked status\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const first = await page.find(\"calcite-radio-button#first\");\n    const second = await page.find(\"calcite-radio-button#second\");\n\n    await second.click();\n    await page.waitForChanges();\n\n    expect(await first.getProperty(\"checked\")).toBe(false);\n    expect(await second.getProperty(\"checked\")).toBe(true);\n\n    await first.click();\n    await page.waitForChanges();\n\n    expect(await first.getProperty(\"checked\")).toBe(true);\n    expect(await second.getProperty(\"checked\")).toBe(false);\n  });\n\n  it(\"programmatically checking a radio button updates the group's state correctly\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button id=\"third\" value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    await page.evaluate(() => {\n      const second = document.querySelector(\"calcite-radio-button#second\");\n      (second as HTMLCalciteRadioButtonElement).checked = true;\n    });\n    await page.waitForChanges();\n\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(1);\n\n    const selectedValue = await checkedItems[0].getProperty(\"value\");\n    expect(selectedValue).toBe(\"two\");\n  });\n\n  it(\"programmatically un-checking a radio button updates the group's state correctly\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button id=\"first\" value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button id=\"second\" value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button id=\"third\" value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    await page.evaluate(() => {\n      const second = document.querySelector(\"calcite-radio-button#first\");\n      (second as HTMLCalciteRadioButtonElement).checked = false;\n    });\n    await page.waitForChanges();\n\n    const checkedItems = await page.findAll(\"calcite-radio-button[checked]\");\n    expect(checkedItems).toHaveLength(0);\n  });\n\n  it(`has a role of 'radiogroup'`, async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<calcite-radio-button-group></calcite-radio-button-group>\");\n    const element = await page.find(\"calcite-radio-button-group\");\n\n    const role = element.getAttribute(\"role\");\n    expect(role).toEqualText(\"radiogroup\");\n  });\n\n  it(\"radio-buttons receive necessary props\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"radio\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"two\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const radio = await page.find(\"calcite-radio-button\");\n    const name = await radio.getProperty(\"name\");\n    const scale = await radio.getProperty(\"scale\");\n    const required = await radio.getProperty(\"required\");\n    expect(name).toBe(\"radio\");\n    expect(scale).toBe(\"m\");\n    expect(required).toBe(false);\n  });\n\n  it(\"appropriately triggers the custom change event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"changeEvent\">\n        <calcite-label>\n          1\n          <calcite-radio-button value=\"one\" checked></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          2\n          <calcite-radio-button value=\"two\"></calcite-radio-button>\n        </calcite-label>\n        <calcite-label>\n          3\n          <calcite-radio-button value=\"three\"></calcite-radio-button>\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n\n    const getSelectedItemValue = async (): Promise<string> => {\n      return await page.evaluate((): string => {\n        return document.querySelector(\"calcite-radio-button-group\")?.selectedItem?.value || \"\";\n      });\n    };\n\n    const group = await page.find(\"calcite-radio-button-group\");\n    const firstRadio = await page.find('calcite-radio-button[value=\"one\"]');\n    const secondRadio = await page.find('calcite-radio-button[value=\"two\"]');\n    const thirdRadio = await page.find('calcite-radio-button[value=\"three\"]');\n\n    const changeEvent = await group.spyOnEvent(\"calciteRadioButtonGroupChange\");\n\n    expect(changeEvent).toHaveReceivedEventTimes(0);\n\n    await firstRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(0);\n    expect(await getSelectedItemValue()).toBe(\"one\");\n\n    await secondRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(1);\n    expect(await getSelectedItemValue()).toBe(\"two\");\n\n    await thirdRadio.click();\n    expect(changeEvent).toHaveReceivedEventTimes(2);\n    expect(await getSelectedItemValue()).toBe(\"three\");\n  });\n\n  it(\"should focus the checked radio-button on setFocus()\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\" disabled id=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"shrubs\" id=\"shrubs\"></calcite-radio-button>\n          Shrubs\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" id=\"flowers\" checked></calcite-radio-button>\n          Flowers\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const group = await page.find(\"calcite-radio-button-group\");\n    await group.callMethod(\"setFocus\");\n    await page.waitForChanges();\n    expect(await getFocusedElementProp(page, \"id\")).toBe(\"flowers\");\n  });\n\n  it(\"should focus the first focusable radio-button on setFocus()\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(html`\n      <calcite-radio-button-group name=\"Options\" layout=\"vertical\">\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"trees\" disabled id=\"trees\"></calcite-radio-button>\n          Trees\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"shrubs\" id=\"shrubs\"></calcite-radio-button>\n          Shrubs\n        </calcite-label>\n        <calcite-label layout=\"inline\">\n          <calcite-radio-button value=\"flowers\" id=\"flowers\"></calcite-radio-button>\n          Flowers\n        </calcite-label>\n      </calcite-radio-button-group>\n    `);\n    const group = await page.find(\"calcite-radio-button-group\");\n    await group.callMethod(\"setFocus\");\n    await page.waitForChanges();\n    expect(await getFocusedElementProp(page, \"id\")).toBe(\"shrubs\");\n  });\n});\n"]}