@synergy-design-system/components 2.64.0 → 2.65.0

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.L22FL63I.js";
+} from "./chunks/chunk.XM56USHV.js";
 import {
   getFormControls,
   serialize
@@ -9,63 +9,63 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.TBS43WRX.js";
+} from "./chunks/chunk.5OUAPLOG.js";
 import {
   tooltip_default
-} from "./chunks/chunk.EFLZJHS2.js";
-import "./chunks/chunk.AIIBRLB5.js";
-import "./chunks/chunk.QDGJNMZF.js";
+} from "./chunks/chunk.I3P673HN.js";
+import "./chunks/chunk.DBUJEP7T.js";
+import "./chunks/chunk.JYNQPTNP.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.7RE7JQOO.js";
+} from "./chunks/chunk.5PFY75ZL.js";
 import {
   tag_default
-} from "./chunks/chunk.HUCJNJ3O.js";
-import "./chunks/chunk.UKUCXSBK.js";
+} from "./chunks/chunk.BDYEN33L.js";
+import "./chunks/chunk.73VHZBRE.js";
 import "./chunks/chunk.SHIPVO7H.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.CDLVO643.js";
+} from "./chunks/chunk.FFY3NBHU.js";
 import {
   tab_group_default
-} from "./chunks/chunk.EV7DKARI.js";
-import "./chunks/chunk.GHJV2OTP.js";
-import "./chunks/chunk.XOXVVU5C.js";
+} from "./chunks/chunk.PLGGAUVC.js";
+import "./chunks/chunk.HKCCF3PQ.js";
+import "./chunks/chunk.LBUMVFCE.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.NDD7VVOJ.js";
+import "./chunks/chunk.I24VNPLZ.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.W3YXWVH2.js";
+} from "./chunks/chunk.FYNIN2KN.js";
 import {
   switch_default
-} from "./chunks/chunk.E3NEKDUV.js";
-import "./chunks/chunk.ULWHNN5P.js";
+} from "./chunks/chunk.AJGYASY3.js";
+import "./chunks/chunk.STTOEMIZ.js";
 import "./chunks/chunk.ESOR5SLZ.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.5LVX5EXU.js";
-import "./chunks/chunk.JMMSJRM5.js";
+import "./chunks/chunk.EPOOI6WA.js";
+import "./chunks/chunk.NREI75V5.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.IG3ZSSM7.js";
+} from "./chunks/chunk.7J7OAU2H.js";
 import {
   side_nav_default
-} from "./chunks/chunk.OUBKVKDA.js";
-import "./chunks/chunk.2BYNNK7Y.js";
+} from "./chunks/chunk.7EOYI5OF.js";
+import "./chunks/chunk.XRPHFQEC.js";
 import "./chunks/chunk.EFSUQWJZ.js";
 import {
   range_tick_default
-} from "./chunks/chunk.Q4YSAT55.js";
-import "./chunks/chunk.ES27ONNZ.js";
+} from "./chunks/chunk.EM2H6C6L.js";
+import "./chunks/chunk.477VJYGX.js";
 import "./chunks/chunk.DH3ESODU.js";
-import "./chunks/chunk.4VTFXDHU.js";
+import "./chunks/chunk.4VUTPQD3.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.4JYW6E72.js";
-import "./chunks/chunk.EC5SF3P7.js";
+import "./chunks/chunk.EOTGBOJW.js";
+import "./chunks/chunk.JS3VQ4EC.js";
 import "./chunks/chunk.2NIFD3YE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.VECCQZP5.js";
@@ -73,90 +73,90 @@ import "./chunks/chunk.O4QFINH7.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.OSBLMWTQ.js";
-import "./chunks/chunk.DVPZJOJD.js";
+} from "./chunks/chunk.3NYWRCZM.js";
+import "./chunks/chunk.A6JBE45E.js";
 import "./chunks/chunk.6USNG4EL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.3TX3JNWP.js";
-import "./chunks/chunk.3NPUU2OE.js";
-import "./chunks/chunk.7YKPACDL.js";
+} from "./chunks/chunk.UTPFOMS3.js";
+import "./chunks/chunk.SJ2EYSGL.js";
+import "./chunks/chunk.4TKHRLEX.js";
 import "./chunks/chunk.E7LBPRDC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.BXXVSZMC.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.GNXMEQMR.js";
+} from "./chunks/chunk.ZGMOGML7.js";
 import {
   radio_default
-} from "./chunks/chunk.AKSGWCSZ.js";
-import "./chunks/chunk.FSGKTYMN.js";
+} from "./chunks/chunk.VH7JZBFN.js";
+import "./chunks/chunk.Q537KN5V.js";
 import "./chunks/chunk.JK6P7JZN.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.PXLDBMDP.js";
-import "./chunks/chunk.PYNC7LDU.js";
+} from "./chunks/chunk.OAPIFRL6.js";
+import "./chunks/chunk.NKIZN4PF.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.UAF3TUNP.js";
-import "./chunks/chunk.LRMT6SLW.js";
+} from "./chunks/chunk.NXWNC7XV.js";
+import "./chunks/chunk.R6CXN5G3.js";
 import "./chunks/chunk.A7LOAARY.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.7N5REZNK.js";
+import "./chunks/chunk.WAD6H5MV.js";
 import "./chunks/chunk.5EC6B57G.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   popup_default
-} from "./chunks/chunk.IDLTCCUX.js";
+} from "./chunks/chunk.A3W2XWRV.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.BGUNBEG7.js";
-import "./chunks/chunk.YBQMC6RH.js";
+} from "./chunks/chunk.PF3NAG26.js";
+import "./chunks/chunk.62TJ27QL.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   optgroup_default
-} from "./chunks/chunk.DJBFS7JN.js";
-import "./chunks/chunk.O3GRHDZE.js";
+} from "./chunks/chunk.OGXDZ7AA.js";
+import "./chunks/chunk.AVAUNQOJ.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   option_default
-} from "./chunks/chunk.RAEIQHNV.js";
+} from "./chunks/chunk.3HNANGHN.js";
 import {
   menu_label_default
-} from "./chunks/chunk.WWOY2NAP.js";
-import "./chunks/chunk.PHZOI247.js";
+} from "./chunks/chunk.MSICZKUD.js";
+import "./chunks/chunk.ZMNFX2AU.js";
 import "./chunks/chunk.GZHQAHOL.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   nav_item_default
-} from "./chunks/chunk.7JTOOIU7.js";
-import "./chunks/chunk.H32ZS7GT.js";
+} from "./chunks/chunk.K2QKG2CJ.js";
+import "./chunks/chunk.OE7XO7OF.js";
 import "./chunks/chunk.M74YQZ5G.js";
 import {
   menu_default
-} from "./chunks/chunk.WIUYDEVH.js";
-import "./chunks/chunk.E2UQKDSJ.js";
+} from "./chunks/chunk.JSZLWD7O.js";
+import "./chunks/chunk.S7PUIVDX.js";
 import "./chunks/chunk.3IQ2QEPZ.js";
 import "./chunks/chunk.C2CWYCOU.js";
 import {
   menu_item_default
-} from "./chunks/chunk.RFCIX6WU.js";
-import "./chunks/chunk.WK73V7UY.js";
+} from "./chunks/chunk.TKTAC7AI.js";
+import "./chunks/chunk.T62TMDQX.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import "./chunks/chunk.SZEHOV5P.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import {
   icon_button_default
-} from "./chunks/chunk.7WN5DPZ5.js";
+} from "./chunks/chunk.5EEFXI3K.js";
 import {
   input_default
-} from "./chunks/chunk.NVUNL4IM.js";
-import "./chunks/chunk.WJGHS7NN.js";
+} from "./chunks/chunk.DIT5V5V5.js";
+import "./chunks/chunk.OUSHHTEA.js";
 import "./chunks/chunk.NFXT5LNY.js";
 import "./chunks/chunk.K2O55TNU.js";
 import "./chunks/chunk.XAQKFEHH.js";
@@ -169,64 +169,64 @@ import {
 } from "./chunks/chunk.RKQUXZPO.js";
 import {
   file_default
-} from "./chunks/chunk.4E4VJTIP.js";
+} from "./chunks/chunk.B3G4IOML.js";
 import {
   header_default
-} from "./chunks/chunk.4ZJHR7I4.js";
-import "./chunks/chunk.SMQELY3O.js";
+} from "./chunks/chunk.LYDOPYXG.js";
+import "./chunks/chunk.KEZKD5TK.js";
 import "./chunks/chunk.EK4TK5MY.js";
 import {
   icon_default
-} from "./chunks/chunk.ZZHZ4TWD.js";
+} from "./chunks/chunk.IR6FQJMH.js";
 import {
   drawer_default
-} from "./chunks/chunk.2HO24T6C.js";
+} from "./chunks/chunk.C435SRBD.js";
 import {
   dropdown_default
-} from "./chunks/chunk.BDW3WIOM.js";
-import "./chunks/chunk.LSKCBZPO.js";
+} from "./chunks/chunk.2IT6WXJR.js";
+import "./chunks/chunk.CHKWEODV.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.YQKP4IT5.js";
+import "./chunks/chunk.4F5FHM3R.js";
 import "./chunks/chunk.CW2Q7KG6.js";
 import {
   dialog_default
-} from "./chunks/chunk.ERFF2732.js";
+} from "./chunks/chunk.BEMZYDHO.js";
 import {
   divider_default
-} from "./chunks/chunk.3A2SEAUG.js";
-import "./chunks/chunk.ZU6BYD77.js";
+} from "./chunks/chunk.4K2HW4XO.js";
+import "./chunks/chunk.ERQ4XWOU.js";
 import "./chunks/chunk.57RV2JXO.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.3LE63SMG.js";
+import "./chunks/chunk.KJWL6FCT.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.AAR2TIOJ.js";
 import {
   details_default
-} from "./chunks/chunk.APUMRVTV.js";
-import "./chunks/chunk.DSEHLNBY.js";
+} from "./chunks/chunk.YCPNLURD.js";
+import "./chunks/chunk.7CCK36W7.js";
 import "./chunks/chunk.DFK2PRNS.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.UA7DTSR5.js";
+import "./chunks/chunk.E4K54L6Y.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.AYAX7BG7.js";
 import "./chunks/chunk.G76BKD7B.js";
 import "./chunks/chunk.UCLYCASW.js";
 import {
   checkbox_default
-} from "./chunks/chunk.OQXLHMHY.js";
-import "./chunks/chunk.4VU336HH.js";
+} from "./chunks/chunk.S6D324DF.js";
+import "./chunks/chunk.OKAR4RM4.js";
 import "./chunks/chunk.TKNBZNA7.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.5FU3KBAS.js";
-import "./chunks/chunk.UUKAPXX5.js";
-import "./chunks/chunk.XMOGP2AY.js";
+} from "./chunks/chunk.GNLYKZOF.js";
+import "./chunks/chunk.N7Y7ZHLT.js";
+import "./chunks/chunk.NZEOBBK5.js";
 import "./chunks/chunk.ARR23WUY.js";
 import "./chunks/chunk.G3KRSXVI.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.XHYF5S54.js";
+import "./chunks/chunk.QH76BBND.js";
 import "./chunks/chunk.36EHOOOO.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
@@ -242,61 +242,53 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.TRGOAYBG.js";
 import {
   button_default
-} from "./chunks/chunk.NXAE4P7C.js";
+} from "./chunks/chunk.3AIIOH66.js";
 import {
   button_group_default
-} from "./chunks/chunk.7HQLV54F.js";
-import "./chunks/chunk.Z2XFGBOR.js";
+} from "./chunks/chunk.FYHQNCFP.js";
+import "./chunks/chunk.BCFNMS5C.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.R2TZTEKY.js";
-import "./chunks/chunk.SEOUD6J4.js";
+} from "./chunks/chunk.C2TKN5PK.js";
+import "./chunks/chunk.2FFAEHHU.js";
 import "./chunks/chunk.UT6RKBNF.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.SNVPJN2J.js";
+} from "./chunks/chunk.7UAZWW4T.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.4UJPRDOI.js";
-import "./chunks/chunk.UU6BACOP.js";
+} from "./chunks/chunk.WRSRCL2G.js";
+import "./chunks/chunk.JAX7HDCO.js";
 import "./chunks/chunk.77CVXMWD.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.JNH6U2IR.js";
-import "./chunks/chunk.RYJ3GPVA.js";
+import "./chunks/chunk.OBAC5UL4.js";
+import "./chunks/chunk.ODETUKGQ.js";
 import "./chunks/chunk.4WQZFNSE.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.HP2LEQRU.js";
 import "./chunks/chunk.VWY2RG4F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
-import {
-  alert_default
-} from "./chunks/chunk.POXUM4U7.js";
 import {
   badge_default
-} from "./chunks/chunk.O3I25UGG.js";
-import "./chunks/chunk.BKZRDOQP.js";
-import "./chunks/chunk.NQ4HEUZZ.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.YFLMSG6Y.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.LYVILCS2.js";
 import {
-  accordion_default
-} from "./chunks/chunk.3SNXEQMJ.js";
-import "./chunks/chunk.IJN27XYA.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.DHLOTP6V.js";
+  alert_default
+} from "./chunks/chunk.RCC62FQY.js";
+import "./chunks/chunk.EAEOSCPK.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.RUGNLIOD.js";
+import "./chunks/chunk.LSTXIYCM.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.E3Z62YYT.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.G6ITZTTW.js";
 import "./chunks/chunk.7JGKUB4A.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.RTIAGXWJ.js";
+import "./chunks/chunk.MX72UPWV.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.HSA4UVXY.js";
+import "./chunks/chunk.BTZ53ROB.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -309,12 +301,21 @@ import "./chunks/chunk.N6NACQIL.js";
 import "./chunks/chunk.RFC3WYPX.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.OAQRCZOO.js";
-import "./chunks/chunk.X7XPEYAM.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import {
+  accordion_default
+} from "./chunks/chunk.V6RIOLIF.js";
+import "./chunks/chunk.3PCWQLVU.js";
+import "./chunks/chunk.BVZQ6QSY.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.574CCTBO.js";
+import "./chunks/chunk.OAQRCZOO.js";
+import "./chunks/chunk.X7XPEYAM.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.E5UUNP6E.js";
@@ -326,11 +327,10 @@ import {
 } from "./chunks/chunk.HC4N72MX.js";
 import "./chunks/chunk.6QJYD7WX.js";
 import "./chunks/chunk.RB2JR2ND.js";
-import "./chunks/chunk.BVZQ6QSY.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.BOLNLEU5.js";
-import "./chunks/chunk.MX72UPWV.js";
-import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.YMV5UUZV.js";
+import "./chunks/chunk.NQ4HEUZZ.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import "./chunks/chunk.Z4XV3SMG.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.64.0",
+  "version": "2.65.0",
   "description": "",
   "repository": {
     "type": "git",

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/tab/tab.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* Write custom CSS here */\n\n  :host {\n    --background-color: none;\n    --border-width: var(--syn-border-width-none);\n    --border-color: none;\n    --border-radius: var(--syn-border-radius-none);\n  }\n\n  .tab {\n    border-color: transparent;\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-small-bold);\n    min-height: var(--syn-spacing-2x-large);\n    padding: var(--syn-spacing-small) var(--syn-spacing-large);\n\n    /* Stretch the tabs so they are aligned to each other vertically and the focus width stays the same  */\n    width: 100%;\n  }\n\n\n  /** #429: Use token for opacity */\n  .tab.tab--disabled {\n    opacity: var(--syn-opacity-50);\n  }\n\n  /**\n   * Focus\n   */\n  :host(:focus-visible) {\n    outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n  }\n\n  :host(:focus-visible:not(.tab--disabled)) {\n    color: var(--syn-typography-color-text);\n  }\n\n  @media (forced-colors: active) {\n    .tab.tab--active:not(.tab--disabled) {\n      outline-offset: calc(var(--syn-focus-ring-offset) * -1);\n    }\n  }\n\n  .tab:hover:not(.tab--disabled) {\n    color: var(--syn-color-primary-700);\n  }\n\n  .tab.tab--active:not(.tab--disabled) {\n    color: var(--syn-typography-color-text);\n  }\n\n\n  /**\n   * Closable\n   */\n  .tab.tab--closable {\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-large);\n  }\n\n  .tab__close-button {\n    color: var(--syn-color-neutral-500);\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-start: var(--syn-spacing-2x-small);\n  }\n\n  .tab__close-button::part(base) {\n    padding: var(--syn-spacing-x-small);\n  }\n\n  .tab__close-button::part(base):hover {\n    color: var(--syn-color-primary-700);\n  }\n\n  .tab--active {\n    background-color: var(--background-color);\n    border-color: var(--border-color);\n    border-style: solid;\n    border-width: var(--border-width);\n  }\n\n  /* Slotted icon style */\n  .tab ::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,4BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/tab-group/tab-group.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* stylelint-disable no-descending-specificity */\n  /* Write custom CSS here */\n  :host {\n    --track-width: var(--syn-border-width-small);\n    --track-color: var(--syn-color-neutral-300);\n    --indicator-width: var(--syn-border-width-x-large);\n  }\n\n  /* we need to augment the size of the height of the tab-group__nav to make the focus outline and the hiding white border visible of the tab because of overflow-x value  */\n  .tab-group--top .tab-group__body {\n    position: relative;\n    top: calc(-1 * var(--syn-panel-border-width));\n  }\n\n  .tab-group--top .tab-group__nav {\n    padding: 0 0 var(--syn-panel-border-width) 0;\n  }\n\n  /**\n   * Indicator\n   */\n  .tab-group--top .tab-group__indicator {\n    border-bottom: solid var(--indicator-width) var(--indicator-color);\n    bottom: 0;\n  }\n\n  .tab-group--start .tab-group__indicator {\n    border-right: solid var(--indicator-width) var(--indicator-color);\n    right: 0;\n  }\n\n  .tab-group--start.tab-group--rtl .tab-group__indicator {\n    left: 0;\n  }\n\n  .tab-group--end .tab-group__indicator {\n    border-inline-start: solid var(--indicator-width) var(--indicator-color);\n    left: 0;\n  }\n\n  .tab-group--end.tab-group--rtl .tab-group__indicator {\n    right: 0;\n  }\n\n  /**\n   * Panel\n   */\n  .tab-group--top ::slotted(syn-tab-panel) {\n    --padding: var(--syn-spacing-large) 0;\n  }\n\n  .tab-group--start ::slotted(syn-tab-panel) {\n    --padding: 0 var(--syn-spacing-large);\n  }\n\n  .tab-group--end ::slotted(syn-tab-panel) {\n    --padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * Contained styling\n   */ \n  .tab-group--contained .tab-group__tabs {\n    border: none;\n  }\n\n  .tab-group--contained ::slotted(syn-tab-panel) {\n    --padding: var(--syn-spacing-large);\n\n    background-color: var(--syn-panel-background-color);\n    border: var(--syn-panel-border-width) solid var(--syn-panel-border-color);\n    border-radius: var(--syn-border-radius-medium);\n  }\n\n  /* Stretch the tab panel container for non-top placements, otherwise the borders are not drawn correctly */\n  .tab-group--contained:not(.tab-group--top) ::slotted(syn-tab-panel) {\n    height: 100%;\n  }\n\n  /* Draw the correct border radii of the panel depending on the placement and direction */\n  .tab-group--top.tab-group--contained:not(.tab-group--sharp):not(.tab-group--has-scroll-controls) ::slotted(syn-tab-panel:first-of-type),\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:first-of-type) {\n    border-start-start-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:last-of-type) {\n    border-end-start-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:last-of-type) {\n    border-end-end-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab-panel:first-of-type) {\n    border-start-end-radius: var(--syn-border-radius-none);\n  }\n\n  .tab-group--contained .tab-group__indicator {\n    /* Remove the animation of the indicator */\n    transition: none;\n    \n    /* Needed, otherwise the indicator is hidden under the background of the tab */\n    z-index: 2;\n  }\n\n  /* Contained styling for tabs */\n  .tab-group--contained ::slotted(syn-tab) {\n    --background-color: var(--syn-panel-background-color);\n    --border-width: var(--syn-panel-border-width);\n\n    position: relative;\n    z-index: 1;\n  }\n\n  /* Top */\n  .tab-group--top.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-medium) var(--syn-border-radius-medium) var(--syn-border-radius-none) var(--syn-border-radius-none);\n  }\n\n  .tab-group--top.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-background-color);\n\n    /* We need to move the tab down, so the bottom border, hides parts of the border of the tab-group */\n    top: var(--syn-panel-border-width);\n  }\n\n  .tab-group--top.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move down the non-active tabs also, so we don't get jumping of the tab text content */\n    top: var(--syn-panel-border-width);\n  }\n\n  /* Start & End with rtl */\n  .tab-group--start.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab),\n  .tab-group--end.tab-group--rtl.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-medium) var(--syn-border-radius-none) var(--syn-border-radius-none) var(--syn-border-radius-medium);\n  }\n\n  .tab-group--start.tab-group--contained ::slotted(syn-tab[active]),\n  .tab-group--end.tab-group--rtl.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-background-color) var(--syn-panel-border-color)  var(--syn-panel-border-color) ;\n\n    /* We need to move the tab right, so the right border, hides parts of the border of the tab-group */\n    left: var(--syn-panel-border-width);\n    right: unset;\n  }\n\n  .tab-group--start.tab-group--contained ::slotted(syn-tab:not([active])),\n  .tab-group--end.tab-group--rtl.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move right the non-active tabs also, so we don't get jumping of the tab text content */\n    left: var(--syn-panel-border-width);\n    right: unset;\n  }\n\n  /* End & Start with rtl */\n  .tab-group--end.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab),\n  .tab-group--start.tab-group--rtl.tab-group--contained:not(.tab-group--sharp) ::slotted(syn-tab) {\n    --border-radius: var(--syn-border-radius-none) var(--syn-border-radius-medium) var(--syn-border-radius-medium) var(--syn-border-radius-none);\n  }\n\n  .tab-group--end.tab-group--contained ::slotted(syn-tab[active]),\n  .tab-group--start.tab-group--rtl.tab-group--contained ::slotted(syn-tab[active]) {\n    --border-color: var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-border-color) var(--syn-panel-background-color);\n\n    /* We need to move the tab left, so the left border, hides parts of the border of the tab-group */\n    left: unset;\n    right: var(--syn-panel-border-width);\n  }\n\n  .tab-group--end.tab-group--contained ::slotted(syn-tab:not([active])),\n  .tab-group--start.tab-group--rtl.tab-group--contained ::slotted(syn-tab:not([active])) {\n    /*  We need to move left the non-active tabs also, so we don't get jumping of the tab text content */\n    left: unset;\n    right: var(--syn-panel-border-width);\n  }\n\n\n  /**\n   * Sharp styling\n   */\n  .tab-group--sharp ::slotted(syn-tab-panel) {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n\n  /**\n   * Scroll buttons\n   */\n  .tab-group--has-scroll-controls .tab-group__nav-container {\n    padding: 0 calc(var(--syn-spacing-x-large) + var( --syn-spacing-2x-small));\n  }\n\n  .tab-group__scroll-button {\n    /* we need to move the scroll buttons to the top, to align the borders with the border of the tab-group--nav  */\n    bottom: var(--syn-panel-border-width);\n    color: var(--syn-color-neutral-950);\n    font-size: var(--syn-font-size-medium);\n    width: calc(var(--syn-spacing-x-large) + var( --syn-spacing-2x-small));\n  }\n\n  .tab-group__scroll-button::part(base) {\n    padding: calc(var(--syn-spacing-small) - var(--syn-spacing-3x-small));\n  }\n\n  /* Make sure the direction of the chevrons match the scrolling directions. */\n  .tab-group--has-scroll-controls:not(.tab-group--rtl) .tab-group__scroll-button--start,\n  .tab-group--rtl .tab-group__scroll-button--end {\n    rotate: 180deg;\n  }\n\n  .tab-group--has-scroll-controls:not(.tab-group--contained) .tab-group__scroll-button--start {\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--has-scroll-controls:not(.tab-group--contained) .tab-group__scroll-button--end {\n    border-bottom: solid var(--track-width) var(--track-color);\n  }\n\n  .tab-group--rtl:not(.tab-group--contained) .tab-group__scroll-button--start {\n    border-bottom: solid var(--track-width) var(--track-color);\n    border-top: none;\n  }\n\n  .tab-group--rtl:not(.tab-group--contained) .tab-group__scroll-button--end {\n    border-bottom: none;\n    border-top: solid var(--track-width) var(--track-color);\n  }\n\n  /**\n   * Shoelace 2.17 introduced a new attribute \"fixed-scroll-controls\".\n   * Per default, tab-groups now hide the scroll buttons when they are not needed.\n   * \"fixed-scroll-controls\" will keep the scroll buttons visible at all times,\n   * which is the default behavior of Synergy.\n   * For this reason, we make the buttons visible by default, but show them in a \"disabled\" state when they are not needed.\n   */\n  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden,\n  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden {\n    visibility: visible;\n  }\n\n  .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden::part(base),\n  .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden::part(base) {\n    opacity: var(--syn-input-disabled-opacity);\n    pointer-events: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}