@synergy-design-system/components 2.26.1 → 2.26.3

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.MOX4ULPF.js";
+} from "./chunks/chunk.5S5PV5PT.js";
 import {
   getFormControls,
   serialize
@@ -9,214 +9,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.AA6JA7AI.js";
+} from "./chunks/chunk.HP2TLU63.js";
 import {
   tooltip_default
-} from "./chunks/chunk.54AUFLT4.js";
-import "./chunks/chunk.I45TC47W.js";
-import "./chunks/chunk.FTPY2FG4.js";
+} from "./chunks/chunk.L3HK3Q3T.js";
+import "./chunks/chunk.EOQKFCU4.js";
+import "./chunks/chunk.3ESQFVY2.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.QB46MWZN.js";
+} from "./chunks/chunk.QYBX57RO.js";
 import {
   tag_default
-} from "./chunks/chunk.CXCPJC6Q.js";
-import "./chunks/chunk.7MN7ZHWV.js";
+} from "./chunks/chunk.JNC6E3CB.js";
+import "./chunks/chunk.VVYV4WVJ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.G2CFGNJS.js";
+} from "./chunks/chunk.NMPG26B6.js";
 import {
   tab_group_default
-} from "./chunks/chunk.FG7VPADU.js";
-import "./chunks/chunk.PW65DAD6.js";
+} from "./chunks/chunk.6WMSPL5K.js";
+import "./chunks/chunk.65VQH4IM.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.A5YUMENA.js";
+import "./chunks/chunk.L7JCVTNF.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.KIKTNBQT.js";
+} from "./chunks/chunk.QBJ3XB4R.js";
 import {
   switch_default
-} from "./chunks/chunk.XE7APWF7.js";
-import "./chunks/chunk.KBTACMFW.js";
+} from "./chunks/chunk.U4BZDDDJ.js";
+import "./chunks/chunk.KQPYWQQR.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.AL6GRCPR.js";
+import "./chunks/chunk.FXUXHRPY.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.OSXAMRZ5.js";
+} from "./chunks/chunk.VUH7AUCW.js";
 import {
   side_nav_default
-} from "./chunks/chunk.UMEU22Y2.js";
-import "./chunks/chunk.GFM4HFZB.js";
+} from "./chunks/chunk.RGBEX2DZ.js";
+import "./chunks/chunk.NG4K7X7K.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.7YM4Z5DZ.js";
-import "./chunks/chunk.63VN66XO.js";
+} from "./chunks/chunk.U7X6F2JM.js";
+import "./chunks/chunk.72HXIIIT.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.JVASENKU.js";
+import "./chunks/chunk.U3OQYXBW.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.5WWTEG4U.js";
-import "./chunks/chunk.6Y3A6TVH.js";
+import "./chunks/chunk.X3LRO357.js";
+import "./chunks/chunk.5ZIL544Z.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.B6HFSIU2.js";
 import {
   radio_button_default
-} from "./chunks/chunk.WNQ3CJAE.js";
+} from "./chunks/chunk.FIWZWADE.js";
 import {
   radio_group_default
-} from "./chunks/chunk.ILDZ7QVV.js";
-import "./chunks/chunk.QWVKUGLD.js";
+} from "./chunks/chunk.PSTJCLIG.js";
+import "./chunks/chunk.OVAESVFW.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.4B6OSZM7.js";
-import "./chunks/chunk.PATQFYMI.js";
-import "./chunks/chunk.5BFBNIZU.js";
+} from "./chunks/chunk.QSCHZISC.js";
+import "./chunks/chunk.P67BN5MH.js";
+import "./chunks/chunk.XLM63X5J.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.VJ5G35TH.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.DEPCI6OY.js";
+} from "./chunks/chunk.2WDJAHLF.js";
 import {
   radio_default
-} from "./chunks/chunk.VDD6QJPR.js";
-import "./chunks/chunk.R35OVGIP.js";
+} from "./chunks/chunk.63YQOR7C.js";
+import "./chunks/chunk.AFR4KNYK.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.UTQUJC26.js";
+import "./chunks/chunk.TN5CV27R.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.POWANAOG.js";
+} from "./chunks/chunk.MBL7AVE4.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.NAC6EUW4.js";
-import "./chunks/chunk.FWYYBCYT.js";
+} from "./chunks/chunk.D2HVNT6R.js";
+import "./chunks/chunk.F5WLSLI7.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.PXNTBTBF.js";
+import "./chunks/chunk.FN3OUW7E.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.BZU2ZUXB.js";
+} from "./chunks/chunk.4S5IO57K.js";
 import {
   popup_default
-} from "./chunks/chunk.IBLR36VM.js";
-import "./chunks/chunk.ZOCS7QXM.js";
+} from "./chunks/chunk.LP2XHOWK.js";
+import "./chunks/chunk.KMSSU2ON.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.F5FM5LJN.js";
-import "./chunks/chunk.MCOYKGU6.js";
+} from "./chunks/chunk.QY2HVWTX.js";
+import "./chunks/chunk.NW2PNK7A.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.4KREFSFG.js";
-import "./chunks/chunk.2L35H44B.js";
+} from "./chunks/chunk.DH2SIUKO.js";
+import "./chunks/chunk.ITZJKKDZ.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.T65MXKCV.js";
+} from "./chunks/chunk.TXA4COQ7.js";
 import {
   menu_label_default
-} from "./chunks/chunk.JQ6ZF473.js";
-import "./chunks/chunk.4BRHW6CU.js";
+} from "./chunks/chunk.TC3NIAI3.js";
+import "./chunks/chunk.T6JDVI6I.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.DGRP5F2D.js";
+} from "./chunks/chunk.KC6X2GNV.js";
 import {
   menu_default
-} from "./chunks/chunk.XOMKE5PR.js";
-import "./chunks/chunk.MUO4IQRC.js";
+} from "./chunks/chunk.VJ2UBSOD.js";
+import "./chunks/chunk.LS4JR7DU.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.XWLSLIKV.js";
+import "./chunks/chunk.K5BBIX7F.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.RS2BQRFA.js";
-import "./chunks/chunk.3UJX6GHF.js";
+} from "./chunks/chunk.S5W5Q3WO.js";
+import "./chunks/chunk.JGY5FXWE.js";
 import "./chunks/chunk.II2KA3OR.js";
 import "./chunks/chunk.XAQKFEHH.js";
 import {
   file_default
-} from "./chunks/chunk.CSOAMITR.js";
+} from "./chunks/chunk.QX4SSNYB.js";
 import {
   header_default
-} from "./chunks/chunk.GN2BDFRD.js";
-import "./chunks/chunk.A2X3TLOJ.js";
+} from "./chunks/chunk.LJDLRNFM.js";
+import "./chunks/chunk.N76DFUNA.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.F4JB7NV4.js";
+} from "./chunks/chunk.E2AGYERL.js";
 import {
   drawer_default
-} from "./chunks/chunk.THNGOV7Q.js";
+} from "./chunks/chunk.YMSLMTKW.js";
 import {
   dropdown_default
-} from "./chunks/chunk.TGCNK3YN.js";
-import "./chunks/chunk.33ZUFWCT.js";
+} from "./chunks/chunk.TUE3ONBY.js";
+import "./chunks/chunk.OGY7K6B6.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.5RKT53KX.js";
+import "./chunks/chunk.FP5QCGMC.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.BFYX5JBQ.js";
+} from "./chunks/chunk.HF6EIISC.js";
 import {
   divider_default
-} from "./chunks/chunk.TQ3NUIO3.js";
-import "./chunks/chunk.3FAWUMXX.js";
+} from "./chunks/chunk.MUFLKTFU.js";
+import "./chunks/chunk.TU5UZWL3.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.ZT2BACAV.js";
+import "./chunks/chunk.HBMUFLX2.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.R57GDDLN.js";
-import "./chunks/chunk.JQ5SNHTM.js";
+} from "./chunks/chunk.2T7IUAUM.js";
+import "./chunks/chunk.FX2BATEO.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.BX3PAORM.js";
+import "./chunks/chunk.EJD6B2EA.js";
 import "./chunks/chunk.MU43DZ7W.js";
-import "./chunks/chunk.4WRP75PK.js";
-import "./chunks/chunk.2MDGY2UP.js";
+import "./chunks/chunk.2LYOMDFO.js";
+import "./chunks/chunk.JCIM6NE3.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.H4CJGUSN.js";
-import "./chunks/chunk.7YFL4S2R.js";
+} from "./chunks/chunk.3TOXORFG.js";
+import "./chunks/chunk.HUKCMQTY.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.AC6O2276.js";
-import "./chunks/chunk.LLK3XF4Y.js";
-import "./chunks/chunk.KW23D2EZ.js";
+} from "./chunks/chunk.7GAXVCM3.js";
+import "./chunks/chunk.2EXNWB7H.js";
+import "./chunks/chunk.F5GM4EQ2.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.B2KJIFZI.js";
+import "./chunks/chunk.BE6NVCUT.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -231,61 +231,58 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.NJ66IUS4.js";
+} from "./chunks/chunk.MX7QPVIW.js";
 import {
   button_group_default
-} from "./chunks/chunk.ADSWJFMJ.js";
-import "./chunks/chunk.CE2OPZJB.js";
+} from "./chunks/chunk.3QYAZM5Q.js";
+import "./chunks/chunk.ZI7WLY3J.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.2MAVMLZA.js";
-import "./chunks/chunk.RDX4HT5A.js";
+} from "./chunks/chunk.DJJV6JQQ.js";
+import "./chunks/chunk.SST7AFS5.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.N7ICTIY4.js";
+} from "./chunks/chunk.4KCTO757.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.SX5D36WC.js";
-import "./chunks/chunk.5GTEOG7W.js";
+} from "./chunks/chunk.ZRLTAT5E.js";
+import "./chunks/chunk.YYV3CQ7X.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.OJUMZLQY.js";
-import "./chunks/chunk.E2WDDT6V.js";
+import "./chunks/chunk.VJMLP2UK.js";
+import "./chunks/chunk.K2ZNDRIT.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
 import "./chunks/chunk.UBS3CSG4.js";
 import "./chunks/chunk.5SQ7NVBX.js";
-import {
-  alert_default
-} from "./chunks/chunk.GAK7WLHP.js";
 import {
   badge_default
-} from "./chunks/chunk.UIWD3IUJ.js";
-import "./chunks/chunk.Y7VVMUQB.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.IWJG5IRD.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.VPDRPS2B.js";
 import {
   accordion_default
-} from "./chunks/chunk.45JLH2JJ.js";
-import "./chunks/chunk.4C7KC7WO.js";
+} from "./chunks/chunk.TNXPIE7C.js";
+import "./chunks/chunk.CJS76S4T.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.24DVA7ER.js";
+import "./chunks/chunk.2644TMWU.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
+import {
+  alert_default
+} from "./chunks/chunk.7PPXHS6I.js";
+import "./chunks/chunk.UHDRKFQR.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.M2L5SZRH.js";
+import "./chunks/chunk.JHLYDXUH.js";
 import "./chunks/chunk.6QYKWCSO.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.A3OYJILJ.js";
 import "./chunks/chunk.HQ6QUSK7.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.S6EDTNOJ.js";
+import "./chunks/chunk.QLCNN2JN.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -294,12 +291,15 @@ import "./chunks/chunk.YTEJW7IF.js";
 import "./chunks/chunk.LUXDS4EY.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.GIU3H3J3.js";
-import "./chunks/chunk.S5N2TE2L.js";
+import "./chunks/chunk.74IOULXM.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.RVZJYZCK.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.H5F2FP4S.js";
@@ -310,11 +310,11 @@ import {
   setGlobalDefaultSettings
 } from "./chunks/chunk.JSEL4YPW.js";
 import "./chunks/chunk.UPDPVGHT.js";
-import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.BHQ3CFBE.js";
-import "./chunks/chunk.BUZOBR2J.js";
-import "./chunks/chunk.IFXKIEOU.js";
+import "./chunks/chunk.QLPSBY6I.js";
+import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as SynAccordion,

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.26.1",
+  "version": "2.26.3",
   "description": "",
   "repository": {
     "type": "git",
@@ -53,16 +53,16 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@open-wc/testing": "^4.0.0",
-    "@playwright/test": "^1.49.0",
+    "@playwright/test": "^1.51.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/mocha": "^10.0.10",
-    "@types/sinon": "^17.0.3",
+    "@types/sinon": "^17.0.4",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@web/dev-server-esbuild": "^1.0.3",
-    "@web/test-runner": "^0.19.0",
+    "@web/dev-server-esbuild": "^1.0.4",
+    "@web/test-runner": "^0.20.0",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
     "chalk": "^5.4.1",
@@ -71,7 +71,7 @@
     "comment-parser": "^1.4.1",
     "custom-element-vs-code-integration": "^1.5.0",
     "del": "^8.0.0",
-    "esbuild": "^0.24.2",
+    "esbuild": "^0.25.1",
     "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^8.57.1",
     "eslint-config-airbnb": "^19.0.4",
@@ -81,28 +81,28 @@
     "eslint-plugin-lit": "^1.15.0",
     "eslint-plugin-lit-a11y": "^4.1.4",
     "eslint-plugin-playwright": "^1.8.3",
-    "eslint-plugin-wc": "^2.2.0",
-    "globby": "^14.0.2",
-    "html-validate": "^9.2.1",
+    "eslint-plugin-wc": "^2.2.1",
+    "globby": "^14.1.0",
+    "html-validate": "^9.5.2",
     "jsdom": "^26.0.0",
     "ora": "^8.2.0",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.3",
     "postcss-header": "^3.0.3",
     "postcss-import": "^16.1.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "remark-parse": "^11.0.0",
     "semantic-release": "^19.0.5",
     "semantic-release-monorepo": "7.0.5",
-    "sinon": "^19.0.2",
-    "stylelint": "^16.14.1",
-    "typescript": "~5.5.4",
+    "sinon": "^20.0.0",
+    "stylelint": "^16.17.0",
+    "typescript": "~5.8.2",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.18.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/tokens": "2.18.1"
   },
   "release": {
     "branches": [
@@ -170,7 +170,7 @@
     "lit": "^3.2.1"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.18.0"
+    "@synergy-design-system/tokens": "^2.18.1"
   },
   "scripts": {
     "build": "node scripts/build.js",

package/dist/chunks/chunk.2L35H44B.js

@@ -1,96 +0,0 @@
-import {
-  optgroup_styles_default
-} from "./chunk.MJ7R4QQT.js";
-import {
-  SynDivider
-} from "./chunk.3FAWUMXX.js";
-import {
-  HasSlotController
-} from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
-import {
-  SynergyElement
-} from "./chunk.BHQ3CFBE.js";
-import {
-  __decorateClass
-} from "./chunk.2GFK6XTO.js";
-
-// src/components/optgroup/optgroup.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit/static-html.js";
-import { property, query } from "lit/decorators.js";
-var SynOptgroup = class extends SynergyElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix", "label");
-    this.disabled = false;
-    this.label = "";
-  }
-  /**
-   * Syncs the disabled prop for all slotted syn-options when it is triggered
-   */
-  handleDisableOptions() {
-    const { disabled } = this;
-    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "syn-option").forEach((opt) => {
-      opt.disabled = disabled;
-    });
-  }
-  handleDisabledChange() {
-    this.handleDisableOptions();
-  }
-  render() {
-    const { disabled } = this;
-    const hasLabelSlot = this.hasSlotController.test("label");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    return html`
-      <div
-        class=${classMap({
-      optgroup: true,
-      "optgroup--has-label": hasLabel,
-      "optgroup--has-prefix": this.hasSlotController.test("prefix"),
-      "optgroup--has-suffix": this.hasSlotController.test("suffix"),
-      "optgroup--is-disabled": this.disabled
-    })}
-        role="${disabled ? "presentation" : "group"}"
-        part="base"
-      >
-        <syn-divider class="optgroup__divider" part="divider"></syn-divider>
-        <div class="optgroup__label-container" part="label-container">
-          <slot name="prefix" part="prefix" class="optgroup__prefix"></slot>
-          <slot name="label" part="label" class="optgroup__label">
-            <span class="optgroup__label-content">
-              ${this.label}
-            </span>
-          </slot>
-          <slot name="suffix" part="suffix" class="optgroup__suffix"></slot>
-        </div>
-        <div class="optgroup__options" role="group" part="options">
-          <slot @slotchange=${this.handleDisableOptions}></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-SynOptgroup.styles = optgroup_styles_default;
-SynOptgroup.dependencies = {
-  "syn-divider": SynDivider
-};
-__decorateClass([
-  query("slot:not([name])")
-], SynOptgroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean })
-], SynOptgroup.prototype, "disabled", 2);
-__decorateClass([
-  property()
-], SynOptgroup.prototype, "label", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SynOptgroup.prototype, "handleDisabledChange", 1);
-
-export {
-  SynOptgroup
-};
-//# sourceMappingURL=chunk.2L35H44B.js.map

package/dist/chunks/chunk.2L35H44B.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/optgroup/optgroup.component.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/unbound-method */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit/static-html.js';\nimport { property, query } from 'lit/decorators.js';\nimport type { CSSResultGroup } from 'lit';\nimport { watch } from '../../internal/watch.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport SynDivider from '../divider/divider.component.js';\nimport type SynOption from '../option/option.component.js';\nimport styles from './optgroup.styles.js';\n\n/**\n * @summary The <syn-optgroup> element creates a grouping for <syn-option>s within a <syn-select>.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-optgroup--docs\n * @status stable\n * @since 1.3.0\n *\n * @dependency syn-divider\n *\n * @slot - The given options. Must be `<syn-option>` elements.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot label - The label for the optgroup\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart label-container - The container that wraps prefix, label and base\n * @csspart divider - The divider that is displayed above the content\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart options - The container that wraps the <syn-option> elements.\n *\n * @cssproperty --display-divider - Display property of the divider. Defaults to \"block\"\n */\nexport default class SynOptgroup extends SynergyElement {\n  static styles: CSSResultGroup = styles;\n\n  static dependencies = {\n    'syn-divider': SynDivider,\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix', 'label');\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  /**\n   * Syncs the disabled prop for all slotted syn-options when it is triggered\n   */\n  private handleDisableOptions() {\n    const { disabled } = this;\n    this.defaultSlot\n      .assignedElements()\n      .filter(opt => opt.tagName.toLowerCase() === 'syn-option')\n      .forEach((opt: SynOption) => {\n        // eslint-disable-next-line no-param-reassign\n        opt.disabled = disabled;\n      });\n  }\n\n  /**\n   * Disables all options in the optgroup.\n   */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /**\n   * The optgroups label. If you need to display HTML, use the `label` slot instead.\n   */\n  @property() label = '';\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.handleDisableOptions();\n  }\n\n  render() {\n    const { disabled } = this;\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    return html`\n      <div\n        class=${classMap({\n          optgroup: true,\n          'optgroup--has-label': hasLabel,\n          'optgroup--has-prefix': this.hasSlotController.test('prefix'),\n          'optgroup--has-suffix': this.hasSlotController.test('suffix'),\n          'optgroup--is-disabled': this.disabled,\n        })}\n        role=\"${disabled ? 'presentation' : 'group'}\"\n        part=\"base\"\n      >\n        <syn-divider class=\"optgroup__divider\" part=\"divider\"></syn-divider>\n        <div class=\"optgroup__label-container\" part=\"label-container\">\n          <slot name=\"prefix\" part=\"prefix\" class=\"optgroup__prefix\"></slot>\n          <slot name=\"label\" part=\"label\" class=\"optgroup__label\">\n            <span class=\"optgroup__label-content\">\n              ${this.label}\n            </span>\n          </slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"optgroup__suffix\"></slot>\n        </div>\n        <div class=\"optgroup__options\" role=\"group\" part=\"options\">\n          <slot @slotchange=${this.handleDisableOptions}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,UAAU,aAAa;AA+BhC,IAAqB,cAArB,cAAyC,eAAe;AAAA,EAAxD;AAAA;AAOE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,aAAa,UAAU,UAAU,OAAO;AAqB7D,oBAAW;AAK3C,iBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAnBZ,uBAAuB;AAC7B,UAAM,EAAE,SAAS,IAAI;AACrB,SAAK,YACF,iBAAiB,EACjB,OAAO,SAAO,IAAI,QAAQ,YAAY,MAAM,YAAY,EACxD,QAAQ,CAAC,QAAmB;AAE3B,UAAI,WAAW;AAAA,IACjB,CAAC;AAAA,EACL;AAAA,EAaA,uBAAuB;AACrB,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI;AACrB,UAAM,eAAe,KAAK,kBAAkB,KAAK,OAAO;AACxD,UAAM,WAAW,KAAK,QAAQ,OAAO,CAAC,CAAC;AACvC,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,UAAU;AAAA,MACV,uBAAuB;AAAA,MACvB,wBAAwB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MAC5D,wBAAwB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MAC5D,yBAAyB,KAAK;AAAA,IAChC,CAAC,CAAC;AAAA,gBACM,WAAW,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQnC,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAMI,KAAK,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIrD;AACF;AAxEqB,YACZ,SAAyB;AADb,YAGZ,eAAe;AAAA,EACpB,eAAe;AACjB;AAI2B;AAAA,EAA1B,MAAM,kBAAkB;AAAA,GATN,YASQ;AAmBiB;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GA5BvB,YA4ByB;AAKhC;AAAA,EAAX,SAAS;AAAA,GAjCS,YAiCP;AAGZ;AAAA,EADC,MAAM,YAAY,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAnC9B,YAoCnB;",
-  "names": []
-}

package/dist/chunks/chunk.2MDGY2UP.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/internal/tabbable.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 */\n// Cached compute style calls. This is specifically for browsers that dont support `checkVisibility()`.\n// computedStyle calls are \"live\" so they only need to be retrieved once for an element.\nconst computedStyleMap = new WeakMap<Element, CSSStyleDeclaration>();\n\nfunction getCachedComputedStyle(el: HTMLElement): CSSStyleDeclaration {\n  let computedStyle: undefined | CSSStyleDeclaration = computedStyleMap.get(el);\n\n  if (!computedStyle) {\n    computedStyle = window.getComputedStyle(el, null);\n    computedStyleMap.set(el, computedStyle);\n  }\n\n  return computedStyle;\n}\n\nfunction isVisible(el: HTMLElement): boolean {\n  // This is the fastest check, but isn't supported in Safari.\n  if (typeof el.checkVisibility === 'function') {\n    // Opacity is focusable, visibility is not.\n    return el.checkVisibility({ checkOpacity: false, checkVisibilityCSS: true });\n  }\n\n  // Fallback \"polyfill\" for \"checkVisibility\"\n  const computedStyle = getCachedComputedStyle(el);\n\n  return computedStyle.visibility !== 'hidden' && computedStyle.display !== 'none';\n}\n\n// While this behavior isn't standard in Safari / Chrome yet, I think it's the most reasonable\n// way of handling tabbable overflow areas. Browser sniffing seems gross, and it's the most\n// accessible way of handling overflow areas. [Konnor]\nfunction isOverflowingAndTabbable(el: HTMLElement): boolean {\n  const computedStyle = getCachedComputedStyle(el);\n\n  const { overflowY, overflowX } = computedStyle;\n\n  if (overflowY === 'scroll' || overflowX === 'scroll') {\n    return true;\n  }\n\n  if (overflowY !== 'auto' || overflowX !== 'auto') {\n    return false;\n  }\n\n  // Always overflow === \"auto\" by this point\n  const isOverflowingY = el.scrollHeight > el.clientHeight;\n\n  if (isOverflowingY && overflowY === 'auto') {\n    return true;\n  }\n\n  const isOverflowingX = el.scrollWidth > el.clientWidth;\n\n  if (isOverflowingX && overflowX === 'auto') {\n    return true;\n  }\n\n  return false;\n}\n\n/** Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable */\nfunction isTabbable(el: HTMLElement) {\n  const tag = el.tagName.toLowerCase();\n\n  const tabindex = Number(el.getAttribute('tabindex'));\n  const hasTabindex = el.hasAttribute('tabindex');\n\n  // elements with a tabindex attribute that is either NaN or <= -1 are not tabbable\n  if (hasTabindex && (isNaN(tabindex) || tabindex <= -1)) {\n    return false;\n  }\n\n  // Elements with a disabled attribute are not tabbable\n  if (el.hasAttribute('disabled')) {\n    return false;\n  }\n\n  // If any parents have \"inert\", we aren't \"tabbable\"\n  if (el.closest('[inert]')) {\n    return false;\n  }\n\n  if (tag === 'input' && el.getAttribute('type') === 'radio') {\n    const rootNode = el.getRootNode() as HTMLElement;\n\n    const findRadios = `input[type='radio'][name=\"${el.getAttribute('name')}\"]`;\n    const firstChecked = rootNode.querySelector(`${findRadios}:checked`);\n\n    if (firstChecked) {\n      return firstChecked === el;\n    }\n\n    const firstRadio = rootNode.querySelector(findRadios);\n\n    return firstRadio === el;\n  }\n\n  if (!isVisible(el)) {\n    return false;\n  }\n\n  // Audio and video elements with the controls attribute are tabbable\n  if ((tag === 'audio' || tag === 'video') && el.hasAttribute('controls')) {\n    return true;\n  }\n\n  // Elements with a tabindex other than -1 are tabbable\n  if (el.hasAttribute('tabindex')) {\n    return true;\n  }\n\n  // Elements with a contenteditable attribute are tabbable\n  if (el.hasAttribute('contenteditable') && el.getAttribute('contenteditable') !== 'false') {\n    return true;\n  }\n\n  // At this point, the following elements are considered tabbable\n  const isNativelyTabbable = [\n    'button',\n    'input',\n    'select',\n    'textarea',\n    'a',\n    'audio',\n    'video',\n    'summary',\n    'iframe'\n  ].includes(tag);\n\n  if (isNativelyTabbable) {\n    return true;\n  }\n\n  // We save the overflow checks for last, because they're the most expensive\n  return isOverflowingAndTabbable(el);\n}\n\n/**\n * Returns the first and last bounding elements that are tabbable. This is more performant than checking every single\n * element because it short-circuits after finding the first and last ones.\n */\nexport function getTabbableBoundary(root: HTMLElement | ShadowRoot) {\n  const tabbableElements = getTabbableElements(root);\n\n  // Find the first and last tabbable elements\n  const start = tabbableElements[0] ?? null;\n  const end = tabbableElements[tabbableElements.length - 1] ?? null;\n\n  return { start, end };\n}\n\n/**\n * This looks funky. Basically a slot's children will always be picked up *if* they're within the `root` element.\n * However, there is an edge case when, if the `root` is wrapped by another shadow DOM, it won't grab the children.\n * This fixes that fun edge case.\n */\nfunction getSlottedChildrenOutsideRootElement(slotElement: HTMLSlotElement, root: HTMLElement | ShadowRoot) {\n  return (slotElement.getRootNode({ composed: true }) as ShadowRoot | null)?.host !== root;\n}\n\nexport function getTabbableElements(root: HTMLElement | ShadowRoot) {\n  const walkedEls = new WeakMap();\n  const tabbableElements: HTMLElement[] = [];\n\n  function walk(el: HTMLElement | ShadowRoot) {\n    if (el instanceof Element) {\n      // if the element has \"inert\" we can just no-op it.\n      if (el.hasAttribute('inert') || el.closest('[inert]')) {\n        return;\n      }\n\n      if (walkedEls.has(el)) {\n        return;\n      }\n      walkedEls.set(el, true);\n\n      if (!tabbableElements.includes(el) && isTabbable(el)) {\n        tabbableElements.push(el);\n      }\n\n      if (el instanceof HTMLSlotElement && getSlottedChildrenOutsideRootElement(el, root)) {\n        el.assignedElements({ flatten: true }).forEach((assignedEl: HTMLElement) => {\n          walk(assignedEl);\n        });\n      }\n\n      if (el.shadowRoot !== null && el.shadowRoot.mode === 'open') {\n        walk(el.shadowRoot);\n      }\n    }\n\n    for (const e of el.children) {\n      walk(e as HTMLElement);\n    }\n  }\n\n  // Collect all elements including the root\n  walk(root);\n\n  // Is this worth having? Most sorts will always add increased overhead. And positive tabindexes shouldn't really be used.\n  // So is it worth being right? Or fast?\n  return tabbableElements.sort((a, b) => {\n    // Make sure we sort by tabindex.\n    const aTabindex = Number(a.getAttribute('tabindex')) || 0;\n    const bTabindex = Number(b.getAttribute('tabindex')) || 0;\n    return bTabindex - aTabindex;\n  });\n}\n"],
-  "mappings": "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",
-  "names": []
-}