@synergy-design-system/components 3.6.1 → 3.7.0

package/code-quality/html-validate/.htmlvalidate.js

@@ -1,16 +1,17 @@
-import { defineConfig } from "html-validate";
-import { createElements } from "./scripts/createElements.js";
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig } from 'html-validate';
+import { createElements } from './scripts/createElements.js';
 
 export default defineConfig({
-  extends: ["html-validate:recommended"],
   elements: [
-    "html5",
+    'html5',
     createElements(),
   ],
+  extends: ['html-validate:recommended'],
   root: true,
   rules: {
-    'wcag/h32': 'off',
     'no-deprecated-attr': 'warn',
-    'no-inline-style': 'off'
+    'no-inline-style': 'off',
+    'wcag/h32': 'off',
   },
 });

package/code-quality/html-validate/scripts/synergy-element-rules.js

@@ -431,6 +431,14 @@ const SynTag = {
   phrasing: true,
 };
 
+/**
+ * @type {import('html-validate').MetaElement}
+ */
+const SynTagGroup = {
+  flow: true,
+  phrasing: true,
+};
+
 /**
  * @type {import('html-validate').MetaElement}
  */
@@ -510,6 +518,7 @@ export const rules = {
   SynTabGroup,
   SynTabPanel,
   SynTag,
+  SynTagGroup,
   SynTextarea,
   SynTooltip,
   SynValidate,

package/dist/chunks/{chunk.OEGAZKUI.js → chunk.27R54WWQ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.OEGAZKUI.js.map
+//# sourceMappingURL=chunk.27R54WWQ.js.map

package/dist/chunks/{chunk.E3U7WNRA.js → chunk.2CNDNAO7.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.XRSLCQH3.js";
 import {
   SynPopup
-} from "./chunk.AOOC5ALQ.js";
+} from "./chunk.WQWJ7ORM.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -19,18 +19,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.RJUVM6NO.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -377,4 +377,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.E3U7WNRA.js.map
+//# sourceMappingURL=chunk.2CNDNAO7.js.map

package/dist/chunks/{chunk.JWA6M5ZZ.js → chunk.2D55TUC7.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
+} from "./chunk.Y6AOTVOC.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.JWA6M5ZZ.js.map
+//# sourceMappingURL=chunk.2D55TUC7.js.map

package/dist/chunks/{chunk.PIKKRGFU.js → chunk.2HJQCYWQ.js}

@@ -15,22 +15,22 @@ import {
 } from "./chunk.RJUVM6NO.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -245,4 +245,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.PIKKRGFU.js.map
+//# sourceMappingURL=chunk.2HJQCYWQ.js.map

package/dist/chunks/{chunk.N5ZE6OSY.js → chunk.2QWTD4DT.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.JXKV4DYA.js";
+} from "./chunk.NVS6WQOF.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.N5ZE6OSY.js.map
+//# sourceMappingURL=chunk.2QWTD4DT.js.map

package/dist/chunks/{chunk.RXRHPQ7D.js → chunk.3BSUHN2J.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.RXRHPQ7D.js.map
+//# sourceMappingURL=chunk.3BSUHN2J.js.map

package/dist/chunks/{chunk.6VJY3TRA.js → chunk.4HSS7ZGG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.EQUDFX74.js";
 import {
   SynPopup
-} from "./chunk.AOOC5ALQ.js";
+} from "./chunk.WQWJ7ORM.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -16,18 +16,18 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.RJUVM6NO.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -272,4 +272,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.6VJY3TRA.js.map
+//# sourceMappingURL=chunk.4HSS7ZGG.js.map

package/dist/chunks/{chunk.S2IHOYLF.js → chunk.4ISK63NF.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.ZJSALTLL.js";
+} from "./chunk.ZYZMLVNU.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.S2IHOYLF.js.map
+//# sourceMappingURL=chunk.4ISK63NF.js.map

package/dist/chunks/{chunk.TB237H74.js → chunk.4N4LUDKB.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.NEHYBY5N.js";
+} from "./chunk.TK67Q26H.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.TB237H74.js.map
+//# sourceMappingURL=chunk.4N4LUDKB.js.map

package/dist/chunks/{chunk.A2AYJJ7H.js → chunk.5EFZAEYZ.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.4ZWPK4JG.js";
+} from "./chunk.UQC2CWSI.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.A2AYJJ7H.js.map
+//# sourceMappingURL=chunk.5EFZAEYZ.js.map

package/dist/chunks/{chunk.O5STVMJZ.js → chunk.5VTMSSKD.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.KC4VEV4Y.js";
+} from "./chunk.LZ4GTRM7.js";
 import {
   SynDrawer
-} from "./chunk.Q7TOL5PH.js";
+} from "./chunk.REV5DJND.js";
 import {
   SynDivider
-} from "./chunk.NEHYBY5N.js";
+} from "./chunk.TK67Q26H.js";
 import {
   unlockBodyScrolling
 } from "./chunk.2DT3C6WE.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -333,4 +333,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.O5STVMJZ.js.map
+//# sourceMappingURL=chunk.5VTMSSKD.js.map

package/dist/chunks/{chunk.YACUYJZN.js → chunk.5YZ63VR2.js}

@@ -2,7 +2,7 @@ import {
   addGlobalEventNotification,
   extractDefaultSettingsForElement,
   removeGlobalEventNotification
-} from "./chunk.RY3ZM7MQ.js";
+} from "./chunk.JEJO727M.js";
 import {
   __privateAdd,
   __privateGet,
@@ -83,4 +83,4 @@ function enableDefaultSettings(name) {
 export {
   enableDefaultSettings
 };
-//# sourceMappingURL=chunk.YACUYJZN.js.map
+//# sourceMappingURL=chunk.5YZ63VR2.js.map

package/dist/chunks/{chunk.EPMUBNXV.js → chunk.622POSG3.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.KURP6IS6.js";
+} from "./chunk.VRA7C6D5.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.EPMUBNXV.js.map
+//# sourceMappingURL=chunk.622POSG3.js.map

package/dist/chunks/{chunk.ZOW7OV2U.js → chunk.6N5QEKIJ.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.6VJY3TRA.js";
+} from "./chunk.4HSS7ZGG.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.ZOW7OV2U.js.map
+//# sourceMappingURL=chunk.6N5QEKIJ.js.map

package/dist/chunks/{chunk.L6H7CHLC.js → chunk.6T23NP2Y.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.MAKIWTSE.js";
+} from "./chunk.QJCGOZ2C.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.L6H7CHLC.js.map
+//# sourceMappingURL=chunk.6T23NP2Y.js.map

package/dist/chunks/{chunk.WM6M3IWG.js → chunk.7CY3RH3P.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.PDVI2IPR.js";
+} from "./chunk.IY6SHCBE.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.WM6M3IWG.js.map
+//# sourceMappingURL=chunk.7CY3RH3P.js.map

package/dist/chunks/{chunk.SYMEFYEK.js → chunk.7EHQA76T.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.Q7TOL5PH.js";
+} from "./chunk.REV5DJND.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.SYMEFYEK.js.map
+//# sourceMappingURL=chunk.7EHQA76T.js.map

package/dist/chunks/{chunk.HBXMQ7PF.js → chunk.7UBS5CEK.js}

@@ -13,18 +13,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -379,4 +379,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.HBXMQ7PF.js.map
+//# sourceMappingURL=chunk.7UBS5CEK.js.map

package/dist/chunks/{chunk.57A42NLG.js → chunk.A4IOBXRL.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.R4FKW3GX.js";
+} from "./chunk.W6SLSQUJ.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.57A42NLG.js.map
+//# sourceMappingURL=chunk.A4IOBXRL.js.map

package/dist/chunks/{chunk.FDOTWE5Q.js → chunk.B6PO4OWH.js}

@@ -13,18 +13,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -264,4 +264,4 @@ SynSwitch = __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.FDOTWE5Q.js.map
+//# sourceMappingURL=chunk.B6PO4OWH.js.map

package/dist/chunks/{chunk.3NWL4AL3.js → chunk.BB3NN2ZP.js}

@@ -1,16 +1,16 @@
 import {
   SynTag
-} from "./chunk.PDOQLAYW.js";
+} from "./chunk.WAXY4KEA.js";
 import {
   compareValues,
   isAllowedValue
 } from "./chunk.VECCQZP5.js";
 import {
   SynOption
-} from "./chunk.VCJQ6DPU.js";
+} from "./chunk.OGPIP45L.js";
 import {
   SynPopup
-} from "./chunk.AOOC5ALQ.js";
+} from "./chunk.WQWJ7ORM.js";
 import {
   scrollIntoView
 } from "./chunk.2DT3C6WE.js";
@@ -52,22 +52,22 @@ import {
 } from "./chunk.CHFWLQN5.js";
 import {
   SynIcon
-} from "./chunk.LJNMLUJK.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
+} from "./chunk.Y6AOTVOC.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
 import {
   enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
+} from "./chunk.5YZ63VR2.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -1354,4 +1354,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.3NWL4AL3.js.map
+//# sourceMappingURL=chunk.BB3NN2ZP.js.map

package/dist/chunks/{chunk.RU2RT37T.js → chunk.BH2BGNPS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.34WYIU4C.js";
 import {
   SynButtonGroup
-} from "./chunk.JXKV4DYA.js";
+} from "./chunk.NVS6WQOF.js";
 import {
   FormControlController,
   customErrorValidityState,
@@ -16,18 +16,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
+import {
+  enableDefaultSettings
+} from "./chunk.5YZ63VR2.js";
 import {
   watch
 } from "./chunk.SMIMHADA.js";
-import {
-  enableDefaultSettings
-} from "./chunk.YACUYJZN.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -377,4 +377,4 @@ SynRadioGroup = __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.RU2RT37T.js.map
+//# sourceMappingURL=chunk.BH2BGNPS.js.map

package/dist/chunks/{chunk.YSWL6IJW.js → chunk.BLW3DY7U.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.QOBJ2NX5.js";
+} from "./chunk.RWPFRMHS.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.YSWL6IJW.js.map
+//# sourceMappingURL=chunk.BLW3DY7U.js.map

package/dist/chunks/{chunk.AHX2WNRS.js → chunk.BPZ2CBE7.js}

@@ -1,6 +1,6 @@
 import {
   SynTab
-} from "./chunk.VEIXDC5G.js";
+} from "./chunk.RCU4J43O.js";
 
 // src/components/tab/tab.ts
 var tab_default = SynTab;
@@ -9,4 +9,4 @@ SynTab.define("syn-tab");
 export {
   tab_default
 };
-//# sourceMappingURL=chunk.AHX2WNRS.js.map
+//# sourceMappingURL=chunk.BPZ2CBE7.js.map

package/dist/chunks/{chunk.JKA6KBXT.js → chunk.CFL26HPZ.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.QOBJ2NX5.js";
+} from "./chunk.RWPFRMHS.js";
 import {
   waitForEvent
 } from "./chunk.LQDIH4Z5.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.CHFWLQN5.js";
-import {
-  watch
-} from "./chunk.SMIMHADA.js";
 import {
   LocalizeController
 } from "./chunk.QLETXF4A.js";
+import {
+  watch
+} from "./chunk.SMIMHADA.js";
 import {
   component_styles_default
 } from "./chunk.2NT3B5WJ.js";
 import {
   SynergyElement
-} from "./chunk.IUFTAV2I.js";
+} from "./chunk.I4M3MYDP.js";
 import {
   __decorateClass
 } from "./chunk.MO2GTRUM.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.JKA6KBXT.js.map
+//# sourceMappingURL=chunk.CFL26HPZ.js.map

package/dist/chunks/{chunk.36JGEYPF.js → chunk.D7R443LV.js}

@@ -1,6 +1,6 @@
 import {
   SynRange
-} from "./chunk.LWIAMY4V.js";
+} from "./chunk.V4JGLQYG.js";
 
 // src/components/range/range.ts
 var range_default = SynRange;
@@ -9,4 +9,4 @@ SynRange.define("syn-range");
 export {
   range_default
 };
-//# sourceMappingURL=chunk.36JGEYPF.js.map
+//# sourceMappingURL=chunk.D7R443LV.js.map

package/dist/chunks/{chunk.VU6FOBTQ.js → chunk.DN4S5TVB.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.SSOL4LVM.js";
+} from "./chunk.U56V7VEW.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.VU6FOBTQ.js.map
+//# sourceMappingURL=chunk.DN4S5TVB.js.map