@synergy-design-system/components 2.8.1 → 2.10.0

package/dist/chunks/{chunk.SYY26NKV.js → chunk.DUPIWX44.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.EHSNF4SS.js";
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.SYY26NKV.js.map
+//# sourceMappingURL=chunk.DUPIWX44.js.map

package/dist/chunks/{chunk.ISY76A43.js → chunk.DW2HJJSS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.3B22DBSJ.js";
 import {
   SynDivider
-} from "./chunk.4PTV2G5L.js";
+} from "./chunk.WKIJW4LR.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -22,17 +22,17 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass,
   __spreadValues
@@ -642,4 +642,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.ISY76A43.js.map
+//# sourceMappingURL=chunk.DW2HJJSS.js.map

package/dist/chunks/{chunk.QENGAJI2.js → chunk.EAIV7Z3K.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.QENGAJI2.js.map
+//# sourceMappingURL=chunk.EAIV7Z3K.js.map

package/dist/chunks/{chunk.5IBMJU5B.js → chunk.EFHN3WFF.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.OMUEASJV.js";
+} from "./chunk.SVYLXCNV.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.5IBMJU5B.js.map
+//# sourceMappingURL=chunk.EFHN3WFF.js.map

package/dist/chunks/{chunk.JI7DN44F.js → chunk.F3ZD24KL.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.FIZMTZML.js";
+} from "./chunk.IKMMAH4B.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.JI7DN44F.js.map
+//# sourceMappingURL=chunk.F3ZD24KL.js.map

package/dist/chunks/{chunk.5P7T4EJW.js → chunk.GHCHML7Q.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.52JYIPPF.js";
+} from "./chunk.K7YLL5CA.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.5P7T4EJW.js.map
+//# sourceMappingURL=chunk.GHCHML7Q.js.map

package/dist/chunks/{chunk.ESQAXAFE.js → chunk.GIU3H3J3.js}

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "./chunk.GHGGBS4N.js";
+} from "./chunk.S5N2TE2L.js";
 
 // src/utilities/localize.ts
 import { LocalizeController as DefaultLocalizationController, registerTranslation } from "@shoelace-style/localize";
@@ -13,4 +13,4 @@ export {
   LocalizeController,
   registerTranslation2 as registerTranslation
 };
-//# sourceMappingURL=chunk.ESQAXAFE.js.map
+//# sourceMappingURL=chunk.GIU3H3J3.js.map

package/dist/chunks/{chunk.ESQAXAFE.js.map → chunk.GIU3H3J3.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utilities/localize.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n  closeMenu: string;\n  danger: string;\n  fileButtonText: string;\n  fileButtonTextMultiple: string;\n  fileDragDrop: string;\n  menu: string;\n  notification: string;\n  numFilesSelected: (num: number) => string;\n  openMenu: string;\n  rangeMax: string;\n  rangeMin: string;\n  sideNav: string;\n  success: string;\n  warning: string;\n\n  $code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from '@shoelace-style/localize';\nimport en from '../translations/en.js'; // Register English as the default/fallback language\nimport type { Translation as DefaultTranslation } from '@shoelace-style/localize';\n\n// Extend the controller and apply our own translation interface for better typings\nexport class LocalizeController extends DefaultLocalizationController<Translation> {\n  // Technicallly '../translations/en.js' is supposed to work via side-effects. However, by some mystery sometimes the\n  // translations don't get bundled as expected resulting in `no translation found` errors.\n  // This is basically some extra assurance that our translations get registered prior to our localizer connecting in a component\n  // and we don't rely on implicit import ordering.\n  static {\n    registerTranslation(en);\n  }\n}\n\n// Export functions from the localize lib so we have one central place to import them from\nexport { registerTranslation } from '@shoelace-style/localize';\n\nexport interface Translation extends DefaultTranslation {\n  closeMenu: string;\n  danger: string;\n  fileButtonText: string;\n  fileButtonTextMultiple: string;\n  fileDragDrop: string;\n  folderButtonText: string;\n  folderDragDrop: string;\n  menu: string;\n  notification: string;\n  numFilesSelected: (num: number, dir: boolean) => string;\n  openMenu: string;\n  rangeMax: string;\n  rangeMin: string;\n  sideNav: string;\n  success: string;\n  warning: string;\n\n  $code: string; // e.g. en, en-GB\n  $name: string; // e.g. English, Espa\u00F1ol\n  $dir: 'ltr' | 'rtl';\n\n  carousel: string;\n  clearEntry: string;\n  close: string;\n  copied: string;\n  copy: string;\n  currentValue: string;\n  error: string;\n  goToSlide: (slide: number, count: number) => string;\n  hidePassword: string;\n  loading: string;\n  nextSlide: string;\n  numOptionsSelected: (num: number) => string;\n  previousSlide: string;\n  progress: string;\n  remove: string;\n  resize: string;\n  scrollToEnd: string;\n  scrollToStart: string;\n  selectAColorFromTheScreen: string;\n  showPassword: string;\n  slideNum: (slide: number) => string;\n  toggleColorFormat: string;\n}\n"],
   "mappings": ";;;;;AAQA,SAAS,sBAAsB,+BAA+B,2BAA2B;AAgBzF,SAAS,uBAAAA,4BAA2B;AAX7B,IAAM,qBAAN,cAAiC,8BAA2C;AAQnF;AAFI,oBAAoB,UAAE;",
   "names": ["registerTranslation"]
 }

package/dist/chunks/{chunk.CUCUCDH2.js → chunk.GNTMBIJ3.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.CUCUCDH2.js.map
+//# sourceMappingURL=chunk.GNTMBIJ3.js.map

package/dist/chunks/{chunk.76SYNITQ.js → chunk.HRZVVJWN.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.ZNLBIUIN.js";
+} from "./chunk.KE5VIZFK.js";
 import {
   FormControlController,
   validValidityState
@@ -17,17 +17,17 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -287,4 +287,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.76SYNITQ.js.map
+//# sourceMappingURL=chunk.HRZVVJWN.js.map

package/dist/chunks/{chunk.OOSXOXEW.js → chunk.HTDUG42Y.js}

@@ -7,23 +7,23 @@ import {
 } from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.W6DMUOGD.js";
+} from "./chunk.CRMLPCLE.js";
 import {
   SynMenu
-} from "./chunk.QA7ENF6T.js";
+} from "./chunk.COQWVQKU.js";
 import {
   SynDropdown
-} from "./chunk.UUDEWIY2.js";
+} from "./chunk.TAGZXFGC.js";
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.OOSXOXEW.js.map
+//# sourceMappingURL=chunk.HTDUG42Y.js.map

package/dist/chunks/{chunk.FIZMTZML.js → chunk.IKMMAH4B.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.4PTV2G5L.js";
+} from "./chunk.WKIJW4LR.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.FIZMTZML.js.map
+//# sourceMappingURL=chunk.IKMMAH4B.js.map

package/dist/chunks/{chunk.MSPUCOOE.js → chunk.J3G6QW2N.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.B6R3IVGO.js";
 import {
   SynIconButton
-} from "./chunk.EM53DV44.js";
+} from "./chunk.TK2SEGJ3.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.MSPUCOOE.js.map
+//# sourceMappingURL=chunk.J3G6QW2N.js.map

package/dist/chunks/{chunk.NB7DQIH4.js → chunk.JOLV65OX.js}

@@ -13,7 +13,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -111,4 +111,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.NB7DQIH4.js.map
+//# sourceMappingURL=chunk.JOLV65OX.js.map

package/dist/chunks/{chunk.QILAGLSO.js → chunk.JPOF4LH3.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -46,4 +46,4 @@ __decorateClass([
 export {
   SynRangeTick
 };
-//# sourceMappingURL=chunk.QILAGLSO.js.map
+//# sourceMappingURL=chunk.JPOF4LH3.js.map

package/dist/chunks/{chunk.Y2EMVYXM.js → chunk.JSWKJCBI.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.QILAGLSO.js";
+} from "./chunk.JPOF4LH3.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.Y2EMVYXM.js.map
+//# sourceMappingURL=chunk.JSWKJCBI.js.map

package/dist/chunks/{chunk.576XTTSC.js → chunk.JUV4RAMU.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.EM53DV44.js";
+} from "./chunk.TK2SEGJ3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -17,14 +17,14 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   alert_custom_styles_default
 } from "./chunk.JRYXECAY.js";
@@ -216,4 +216,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.576XTTSC.js.map
+//# sourceMappingURL=chunk.JUV4RAMU.js.map

package/dist/chunks/{chunk.P7BBVH4J.js → chunk.K4HKXH3D.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.EM53DV44.js";
+} from "./chunk.TK2SEGJ3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,14 +30,14 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -287,4 +287,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.P7BBVH4J.js.map
+//# sourceMappingURL=chunk.K4HKXH3D.js.map

package/dist/chunks/{chunk.52JYIPPF.js → chunk.K7YLL5CA.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.RAOPZXJL.js";
 import {
   SynDivider
-} from "./chunk.4PTV2G5L.js";
+} from "./chunk.WKIJW4LR.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.52JYIPPF.js.map
+//# sourceMappingURL=chunk.K7YLL5CA.js.map

package/dist/chunks/{chunk.ZNLBIUIN.js → chunk.KE5VIZFK.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.JLXCLATV.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -33,4 +33,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.ZNLBIUIN.js.map
+//# sourceMappingURL=chunk.KE5VIZFK.js.map

package/dist/chunks/{chunk.WNHTRLHT.js → chunk.KNEOARH2.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.J44JFQKE.js";
+} from "./chunk.N6BWVP65.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.WNHTRLHT.js.map
+//# sourceMappingURL=chunk.KNEOARH2.js.map

package/dist/chunks/{chunk.5LY7AGHD.js → chunk.LD2TWSEI.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.UUDEWIY2.js";
+} from "./chunk.TAGZXFGC.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.5LY7AGHD.js.map
+//# sourceMappingURL=chunk.LD2TWSEI.js.map

package/dist/chunks/{chunk.CKE7C643.js → chunk.LXHBAJOV.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.FKKJBKYL.js";
 import {
   SynButtonGroup
-} from "./chunk.C2U4OMNI.js";
+} from "./chunk.YRIWLFVL.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -135,12 +135,7 @@ var SynRadioGroup = class extends SynergyElement {
     event.preventDefault();
   }
   handleLabelClick() {
-    const radios = this.getAllRadios();
-    const checked = radios.find((radio) => radio.checked);
-    const radioToFocus = checked || radios[0];
-    if (radioToFocus) {
-      radioToFocus.focus();
-    }
+    this.focus();
   }
   handleInvalid(event) {
     this.formControlController.setValidity(false);
@@ -239,6 +234,16 @@ var SynRadioGroup = class extends SynergyElement {
     this.validationInput.setCustomValidity(message);
     this.formControlController.updateValidity();
   }
+  /** Sets focus on the radio-group. */
+  focus(options) {
+    const radios = this.getAllRadios();
+    const checked = radios.find((radio) => radio.checked);
+    const firstEnabledRadio = radios.find((radio) => !radio.disabled);
+    const radioToFocus = checked || firstEnabledRadio;
+    if (radioToFocus) {
+      radioToFocus.focus(options);
+    }
+  }
   render() {
     const hasLabelSlot = this.hasSlotController.test("label");
     const hasHelpTextSlot = this.hasSlotController.test("help-text");
@@ -356,4 +361,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.CKE7C643.js.map
+//# sourceMappingURL=chunk.LXHBAJOV.js.map

package/dist/chunks/chunk.LXHBAJOV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-group/radio-group.component.ts"],
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  customErrorValidityState,\n  FormControlController,\n  validValidityState,\n  valueMissingValidityState\n} from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport formControlCustomStyles from '../../styles/form-control.custom.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynButtonGroup from '../button-group/button-group.component.js';\nimport styles from './radio-group.styles.js';\nimport customStyles from './radio-group.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport type SynRadio from '../radio/radio.js';\nimport type SynRadioButton from '../radio-button/radio-button.js';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n * @documentation https://synergy.style/components/radio-group\n * @status stable\n * @since 2.0\n *\n * @dependency syn-button-group\n *\n * @slot - The default slot where `<syn-radio>` or `<syn-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n * @slot help-text - Text that describes how to use the radio group. Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the radio group's selected value changes.\n * @event syn-input - Emitted when the radio group receives user input.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\nexport default class SynRadioGroup extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n  static dependencies = { 'syn-button-group': SynButtonGroup };\n\n  protected readonly formControlController = new FormControlController(this);\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n  private validationTimeout: number;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n  @query('.radio-group__validation-input') validationInput: HTMLInputElement;\n\n  @state() private hasButtonGroup = false;\n  @state() private errorMessage = '';\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /** The radio group's size. This size will be applied to all child radios and radio buttons. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Gets the validity state object */\n  get validity() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (hasCustomValidityMessage) {\n      return customErrorValidityState;\n    } else if (isRequiredAndEmpty) {\n      return valueMissingValidityState;\n    }\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (hasCustomValidityMessage) {\n      return this.customValidityMessage;\n    } else if (isRequiredAndEmpty) {\n      return this.validationInput.validationMessage;\n    }\n\n    return '';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<SynRadio | SynRadioButton>('syn-radio, syn-radio-button')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<SynRadio | SynRadioButton>('syn-radio, syn-radio-button')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (!target || target.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.setAttribute('tabindex', '-1');\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].setAttribute('tabindex', '0');\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('syn-change');\n      this.emit('syn-input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    this.focus();\n  }\n      \nprivate handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private async syncRadioElements() {\n    const radios = this.getAllRadios();\n\n    await Promise.all(\n      // Sync the checked state and size\n      radios.map(async radio => {\n        await radio.updateComplete;\n        radio.checked = radio.value === this.value;\n        radio.size = this.size;\n      })\n    );\n\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'syn-radio-button');\n\n    if (radios.length > 0 && !radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot?.querySelector('button');\n\n        if (buttonRadio) {\n          buttonRadio.setAttribute('tabindex', '0');\n        }\n      } else {\n        radios[0].setAttribute('tabindex', '0');\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('syn-button-group');\n\n      if (buttonGroup) {\n        buttonGroup.disableRole = true;\n      }\n    }\n  }\n\n  private syncRadios() {\n    if (customElements.get('syn-radio') && customElements.get('syn-radio-button')) {\n      this.syncRadioElements();\n      return;\n    }\n\n    if (customElements.get('syn-radio')) {\n      this.syncRadioElements();\n    } else {\n      customElements.whenDefined('syn-radio').then(() => this.syncRadios());\n    }\n\n    if (customElements.get('syn-radio-button')) {\n      this.syncRadioElements();\n    } else {\n      // Rerun this handler when <syn-radio> or <syn-radio-button> is registered\n      customElements.whenDefined('syn-radio-button').then(() => this.syncRadios());\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n    this.formControlController.setValidity(this.validity.valid);\n  }\n\n  @watch('size', { waitUntilFirstUpdate: true })\n  handleSizeChange() {\n    this.syncRadios();\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    const isRequiredAndEmpty = this.required && !this.value;\n    const hasCustomValidityMessage = this.customValidityMessage !== '';\n\n    if (isRequiredAndEmpty || hasCustomValidityMessage) {\n      this.formControlController.emitInvalidEvent();\n      return false;\n    }\n\n    return true;\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity(): boolean {\n    const isValid = this.validity.valid;\n\n    this.errorMessage = this.customValidityMessage || isValid ? '' : this.validationInput.validationMessage;\n    this.formControlController.setValidity(isValid);\n    this.validationInput.hidden = true;\n    clearTimeout(this.validationTimeout);\n\n    if (!isValid) {\n      // Show the browser's constraint validation message\n      this.validationInput.hidden = false;\n      this.validationInput.reportValidity();\n      this.validationTimeout = setTimeout(() => (this.validationInput.hidden = true), 10000) as unknown as number;\n    }\n\n    return isValid;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message = '') {\n    this.customValidityMessage = message;\n    this.errorMessage = message;\n    this.validationInput.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the radio-group. */\n  public focus(options?: FocusOptions) {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const firstEnabledRadio = radios.find(radio => !radio.disabled);\n    const radioToFocus = checked || firstEnabledRadio;\n\n    // Call focus for the checked radio\n    // If no radio is checked, focus the first one that is not disabled\n    if (radioToFocus) {\n      radioToFocus.focus(options);\n    }\n  }\n      \nrender() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const defaultSlot = html`\n      <slot @slotchange=${this.syncRadios} @click=${this.handleRadioClick} @keydown=${this.handleKeyDown}></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <div id=\"error-message\" aria-live=\"assertive\">${this.errorMessage}</div>\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n                @invalid=${this.handleInvalid}\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n                <syn-button-group part=\"button-group\" exportparts=\"base:button-group__base\" role=\"presentation\">\n                  ${defaultSlot}\n                </syn-button-group>\n              `\n            : defaultSlot}\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </fieldset>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.HM57BJF5.js → chunk.MK73B756.js}

@@ -15,7 +15,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -178,4 +178,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.HM57BJF5.js.map
+//# sourceMappingURL=chunk.MK73B756.js.map

package/dist/chunks/{chunk.AO7D6MGZ.js → chunk.MSEKAA7G.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.5732DMBC.js";
 import {
   SynIconButton
-} from "./chunk.EM53DV44.js";
+} from "./chunk.TK2SEGJ3.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,14 +30,14 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -393,4 +393,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.AO7D6MGZ.js.map
+//# sourceMappingURL=chunk.MSEKAA7G.js.map

package/dist/chunks/{chunk.HHRJTCUN.js → chunk.MYG4CJSU.js}

@@ -6,17 +6,17 @@ import {
 } from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.HM57BJF5.js";
+} from "./chunk.MK73B756.js";
 import {
   LocalizeController
-} from "./chunk.ESQAXAFE.js";
+} from "./chunk.GIU3H3J3.js";
 import {
   watch
 } from "./chunk.74IOULXM.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.POA3IDNG.js";
+} from "./chunk.Q2B76EVN.js";
 import {
   __decorateClass
 } from "./chunk.2GFK6XTO.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.HHRJTCUN.js.map
+//# sourceMappingURL=chunk.MYG4CJSU.js.map