@synergy-design-system/components 2.22.1 → 2.22.3

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.RFRRHVLQ.js";
+} from "./chunks/chunk.ODX4IPRI.js";
 import {
   getFormControls,
   serialize
@@ -9,214 +9,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.BNLJAWO5.js";
+} from "./chunks/chunk.CBFQFRSX.js";
 import {
   tooltip_default
-} from "./chunks/chunk.E7T4OA3B.js";
-import "./chunks/chunk.7FXOT4N7.js";
-import "./chunks/chunk.BWMUQ5RY.js";
+} from "./chunks/chunk.Z5X3GXPI.js";
+import "./chunks/chunk.4FWOLVW5.js";
+import "./chunks/chunk.I5DYBRGJ.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.WXZ45BUI.js";
+} from "./chunks/chunk.L4CICJ6R.js";
 import {
   tag_default
-} from "./chunks/chunk.JNCVIF42.js";
-import "./chunks/chunk.VSTCSVFJ.js";
+} from "./chunks/chunk.L5V6XZZF.js";
+import "./chunks/chunk.TIFZYXIQ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.F5C2B64E.js";
+} from "./chunks/chunk.DZVZDMCU.js";
 import {
   tab_group_default
-} from "./chunks/chunk.A2BXSBY6.js";
-import "./chunks/chunk.FCRM3EUU.js";
+} from "./chunks/chunk.KZATSBCM.js";
+import "./chunks/chunk.KHA6ZIQ4.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.N3TYPIUP.js";
+import "./chunks/chunk.AW2M6WI2.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.FKKMG2F3.js";
+} from "./chunks/chunk.F6TRTGX6.js";
 import {
   switch_default
-} from "./chunks/chunk.YU453LDA.js";
-import "./chunks/chunk.666D6D34.js";
+} from "./chunks/chunk.NPU7QF4U.js";
+import "./chunks/chunk.ZOA2EO42.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.4DREIGHE.js";
+import "./chunks/chunk.CDIUF5K7.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.AGZYJEON.js";
+} from "./chunks/chunk.6WAIU776.js";
 import {
   side_nav_default
-} from "./chunks/chunk.2MTZXGB4.js";
-import "./chunks/chunk.IAHL7I5S.js";
+} from "./chunks/chunk.REJV2AFU.js";
+import "./chunks/chunk.3QNHBRDR.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.YOSVO56F.js";
-import "./chunks/chunk.5GIBJBZO.js";
+} from "./chunks/chunk.IAKU6N2O.js";
+import "./chunks/chunk.UMLYCB7H.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.BKQZKEDY.js";
+import "./chunks/chunk.AFEY7D5X.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.5JZP2JTX.js";
-import "./chunks/chunk.L6K3GZGV.js";
+import "./chunks/chunk.47TJUMDU.js";
+import "./chunks/chunk.7UA4WT6S.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.DTQOVRJW.js";
+} from "./chunks/chunk.2SMIYMKX.js";
 import {
   radio_group_default
-} from "./chunks/chunk.ZF5ODN6F.js";
-import "./chunks/chunk.SBRJITOF.js";
+} from "./chunks/chunk.F32IQ4CY.js";
+import "./chunks/chunk.M2Z24CUK.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.I7K7NOZE.js";
-import "./chunks/chunk.XGDRAUZI.js";
-import "./chunks/chunk.S3GSNBJY.js";
+} from "./chunks/chunk.E763PBAS.js";
+import "./chunks/chunk.N77CKVTX.js";
+import "./chunks/chunk.P45GZGNP.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.3LAB4DRM.js";
+} from "./chunks/chunk.ATKPBD4D.js";
 import {
   radio_default
-} from "./chunks/chunk.LK5PHOAT.js";
-import "./chunks/chunk.MY7FMUGA.js";
+} from "./chunks/chunk.V263DVVZ.js";
+import "./chunks/chunk.DVN7YIWJ.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.QOZS4KTF.js";
+import "./chunks/chunk.3MCNFSYA.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.7XKJGBMJ.js";
+} from "./chunks/chunk.THZI7TAH.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.XPZBKHHT.js";
-import "./chunks/chunk.DFMDYLLM.js";
+} from "./chunks/chunk.3JDTX4X6.js";
+import "./chunks/chunk.M2V6HUQS.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.2CE74LCD.js";
+import "./chunks/chunk.IREYXXAW.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.BDOEIHWP.js";
+} from "./chunks/chunk.L47YR7GX.js";
 import {
   popup_default
-} from "./chunks/chunk.LYGPCRS6.js";
-import "./chunks/chunk.CBD2XATT.js";
+} from "./chunks/chunk.V47IEFQP.js";
+import "./chunks/chunk.G6ZPLNT6.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.42E5VR6Z.js";
-import "./chunks/chunk.7MVYMXRQ.js";
+} from "./chunks/chunk.3LCV5OP2.js";
+import "./chunks/chunk.7APSA6PW.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.ZYNVFJ6Y.js";
-import "./chunks/chunk.REGZRS4X.js";
+} from "./chunks/chunk.R24GHGLF.js";
+import "./chunks/chunk.6NPGZ4DQ.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.PSBFKH2W.js";
+} from "./chunks/chunk.D7MPWOY4.js";
 import {
   menu_label_default
-} from "./chunks/chunk.ZYZKTPIM.js";
-import "./chunks/chunk.5MAATAQV.js";
+} from "./chunks/chunk.FBMCAOYM.js";
+import "./chunks/chunk.6HZQNE6W.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.RSRV5BPY.js";
+} from "./chunks/chunk.OQ4IGT4X.js";
 import {
   menu_default
-} from "./chunks/chunk.7L4B4JVD.js";
-import "./chunks/chunk.USI6K4XD.js";
+} from "./chunks/chunk.VNGSVVU6.js";
+import "./chunks/chunk.C444R2J2.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.DAURWESA.js";
+import "./chunks/chunk.Q6VLD3RL.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.FBSIKFEV.js";
-import "./chunks/chunk.XCRRDXR3.js";
+} from "./chunks/chunk.OTEQJAJB.js";
+import "./chunks/chunk.USCKYRWO.js";
 import "./chunks/chunk.II2KA3OR.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.7HINI7LQ.js";
+} from "./chunks/chunk.KDLY6NZU.js";
 import {
   header_default
-} from "./chunks/chunk.C4XIXXQW.js";
-import "./chunks/chunk.246BWBN6.js";
+} from "./chunks/chunk.KLJGMMJL.js";
+import "./chunks/chunk.LIXM7RED.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.TMAOVUSI.js";
+} from "./chunks/chunk.MLRO3SQX.js";
 import {
   drawer_default
-} from "./chunks/chunk.YKECPNEI.js";
+} from "./chunks/chunk.P32QVUZA.js";
 import {
   dropdown_default
-} from "./chunks/chunk.2XIISAZM.js";
-import "./chunks/chunk.6ZUE7YTU.js";
+} from "./chunks/chunk.3PHPHPL2.js";
+import "./chunks/chunk.DELL4WZ5.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.MWZIQPDV.js";
+import "./chunks/chunk.3VMHO22R.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.7NPMM4XS.js";
+} from "./chunks/chunk.VNFYOYUH.js";
 import {
   divider_default
-} from "./chunks/chunk.5KYQ45JL.js";
-import "./chunks/chunk.5HMMQDEL.js";
+} from "./chunks/chunk.7SVQW4H2.js";
+import "./chunks/chunk.JOOQ74WK.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.XSLOWLQF.js";
+import "./chunks/chunk.E5POH2AB.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.DOXYCI5D.js";
-import "./chunks/chunk.N55QQSXS.js";
+} from "./chunks/chunk.E7Z6TVNB.js";
+import "./chunks/chunk.4V65J2KG.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.CJSYIDT4.js";
+import "./chunks/chunk.K7YWUUB2.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.4WRP75PK.js";
 import "./chunks/chunk.2MDGY2UP.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.M3A2EMTL.js";
-import "./chunks/chunk.RKVQ5NSK.js";
+} from "./chunks/chunk.PQISMTAN.js";
+import "./chunks/chunk.NODQFWR5.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.SG7KC52W.js";
-import "./chunks/chunk.LD5RJ6G7.js";
-import "./chunks/chunk.LUSGROUH.js";
+} from "./chunks/chunk.3IBRAHYG.js";
+import "./chunks/chunk.L2OXAPLS.js";
+import "./chunks/chunk.I7G3HALI.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.THYFQDJS.js";
+import "./chunks/chunk.CL2EY3KT.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -231,60 +231,53 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.7O6PNRIG.js";
+} from "./chunks/chunk.SDRMWU2G.js";
 import {
   button_group_default
-} from "./chunks/chunk.MPJMRNPO.js";
-import "./chunks/chunk.OQGTH7QU.js";
+} from "./chunks/chunk.PDVJRU62.js";
+import "./chunks/chunk.T5QGJTUH.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.NHCTASMM.js";
-import "./chunks/chunk.E2WUO3YX.js";
-import "./chunks/chunk.36SZKAYW.js";
+} from "./chunks/chunk.Q5XIEK6A.js";
+import "./chunks/chunk.H2ZDCYXR.js";
+import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.Q6FHVVKX.js";
+} from "./chunks/chunk.OTNPYLN4.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.VO2PLO3O.js";
-import "./chunks/chunk.OSDK2OWT.js";
+} from "./chunks/chunk.UR5QIUI7.js";
+import "./chunks/chunk.6XG6USXW.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.IGGR4PMZ.js";
-import "./chunks/chunk.OCJB5K5V.js";
+import "./chunks/chunk.PM3ITLPE.js";
+import "./chunks/chunk.NUKOA5N3.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.EXN3G7BE.js";
 import {
   badge_default
-} from "./chunks/chunk.EKPUXM6Q.js";
-import "./chunks/chunk.VP3JVC32.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.GEJWD623.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.I35U4FOD.js";
 import {
-  accordion_default
-} from "./chunks/chunk.RF2MDINB.js";
-import "./chunks/chunk.4WKW26RO.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.KPEDG352.js";
-import "./chunks/chunk.CHFXD7JO.js";
+  alert_default
+} from "./chunks/chunk.H4PVK37Q.js";
+import "./chunks/chunk.RZNCKRR3.js";
+import "./chunks/chunk.WXVOTRW5.js";
+import "./chunks/chunk.LN3LFEMR.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.BXSW2ZVW.js";
+import "./chunks/chunk.BUZOBR2J.js";
+import "./chunks/chunk.IFXKIEOU.js";
+import "./chunks/chunk.ZKSLSCZE.js";
+import "./chunks/chunk.6MMYKADV.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -293,12 +286,21 @@ 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.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import {
+  accordion_default
+} from "./chunks/chunk.S4MVBZLV.js";
+import "./chunks/chunk.VQ3RRBU2.js";
+import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.24UXLDJU.js";
+import "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.OLCT57R5.js";
@@ -309,11 +311,10 @@ import {
   setGlobalDefaultSettings
 } from "./chunks/chunk.JSEL4YPW.js";
 import "./chunks/chunk.UPDPVGHT.js";
-import "./chunks/chunk.74IOULXM.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.HT27JW7T.js";
-import "./chunks/chunk.BUZOBR2J.js";
-import "./chunks/chunk.IFXKIEOU.js";
+import "./chunks/chunk.OFJWJSUV.js";
+import "./chunks/chunk.J6CGTLVH.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as SynAccordion,

package/dist/vscode.html-custom-data.json

@@ -29,29 +29,6 @@
         }
       ]
     },
-    {
-      "name": "syn-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://synergy.style/components/badge"
-        }
-      ]
-    },
     {
       "name": "syn-alert",
       "description": "Alerts are used to display important messages inline or as toast notifications.\n---\n\n\n### **Events:**\n - **syn-show** - Emitted when the alert opens.\n- **syn-after-show** - Emitted after the alert opens and all animations are complete.\n- **syn-hide** - Emitted when the alert closes.\n- **syn-after-hide** - Emitted after the alert closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the alert.\n- **hide()** - Hides the alert\n- **toast()** - Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.\n\n### **Slots:**\n - _default_ - The alert's main content.\n- **icon** - An icon to show in the alert. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the optional icon.\n- **message** - The container that wraps the alert's main content.\n- **close-button** - The close button, an `<syn-icon-button>`.\n- **close-button__base** - The close button's exported `base` part.",
@@ -90,6 +67,29 @@
         }
       ]
     },
+    {
+      "name": "syn-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n---\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://synergy.style/components/badge"
+        }
+      ]
+    },
     {
       "name": "syn-breadcrumb",
       "description": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n---\n\n\n### **Slots:**\n - _default_ - One or more breadcrumb items to display.\n- **separator** - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.22.1",
+  "version": "2.22.3",
   "description": "",
   "repository": {
     "type": "git",
@@ -96,9 +96,9 @@
     "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.0"
   },
   "release": {
     "branches": [

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/dialog/dialog.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 { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../../internal/scroll.js';\nimport { property, query } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport Modal from '../../internal/modal.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport styles from './dialog.styles.js';\nimport customStyles from './dialog.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Dialogs, sometimes called \"modals\", appear above the page and require the user's immediate attention.\n * @documentation https://synergy.style/components/dialog\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The dialog's main content.\n * @slot label - The dialog's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<syn-icon-button>`.\n * @slot footer - The dialog's footer, usually one or more buttons representing various options.\n *\n * @event syn-show - Emitted when the dialog opens.\n * @event syn-after-show - Emitted after the dialog opens and all animations are complete.\n * @event syn-hide - Emitted when the dialog closes.\n * @event syn-after-hide - Emitted after the dialog closes and all animations are complete.\n * @event syn-initial-focus - Emitted when the dialog opens and is ready to receive focus. Calling\n *   `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} syn-request-close - Emitted when the user attempts to\n *   close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling\n *   `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in\n *   destructive behavior such as data loss.\n *\n * @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the dialog.\n * @csspart panel - The dialog's panel (where the dialog and its content are rendered).\n * @csspart header - The dialog's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<syn-icon-button>`.\n * @csspart title - The dialog's title.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The dialog's body.\n * @csspart footer - The dialog's footer.\n *\n * @cssproperty --width - The preferred width of the dialog. Note that the dialog will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n *\n * @animation dialog.show - The animation to use when showing the dialog.\n * @animation dialog.hide - The animation to use when hiding the dialog.\n * @animation dialog.denyClose - The animation to use when a request to close the dialog is denied.\n * @animation dialog.overlay.show - The animation to use when showing the dialog's overlay.\n * @animation dialog.overlay.hide - The animation to use when hiding the dialog's overlay.\n *\n * @property modal - Exposes the internal modal utility that controls focus trapping. To temporarily disable focus\n *   trapping and allow third-party modals spawned from an active Synergy modal, call `modal.activateExternal()` when\n *   the third-party modal opens. Upon closing, call `modal.deactivateExternal()` to restore Synergy's focus trapping.\n */\nexport default class SynDialog extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = {\n    'syn-icon-button': SynIconButton\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer');\n  private readonly localize = new LocalizeController(this);\n  private originalTrigger: HTMLElement | null;\n  public modal = new Modal(this);\n  private closeWatcher: CloseWatcher | null;\n\n  @query('.dialog') dialog: HTMLElement;\n  @query('.dialog__panel') panel: HTMLElement;\n  @query('.dialog__overlay') overlay: HTMLElement;\n\n  /**\n   * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The dialog's label as displayed in the header. You should always include a relevant label even when using\n   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n   */\n  @property({ reflect: true }) label = '';\n\n  /**\n   * Disables the header. This will also remove the default close button, so please ensure you provide an easy,\n   * accessible way for users to dismiss the dialog.\n   */\n  @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n\n  firstUpdated() {\n    this.dialog.hidden = !this.open;\n\n    if (this.open) {\n      this.addOpenListeners();\n      this.modal.activate();\n      lockBodyScrolling(this);\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.modal.deactivate();\n    unlockBodyScrolling(this);\n    this.removeOpenListeners();\n  }\n\n  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {\n    const slRequestClose = this.emit('syn-request-close', {\n      cancelable: true,\n      detail: { source }\n    });\n\n    if (slRequestClose.defaultPrevented) {\n      const animation = getAnimation(this, 'dialog.denyClose', { dir: this.localize.dir() });\n      animateTo(this.panel, animation.keyframes, animation.options);\n      return;\n    }\n\n    this.hide();\n  }\n\n  private addOpenListeners() {\n    if ('CloseWatcher' in window) {\n      this.closeWatcher?.destroy();\n      this.closeWatcher = new CloseWatcher();\n      this.closeWatcher.onclose = () => this.requestClose('keyboard');\n    } else {\n      document.addEventListener('keydown', this.handleDocumentKeyDown);\n    }\n  }\n\n  private removeOpenListeners() {\n    this.closeWatcher?.destroy();\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  private handleDocumentKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && this.modal.isActive() && this.open) {\n      event.stopPropagation();\n      this.requestClose('keyboard');\n    }\n  };\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('syn-show');\n      this.addOpenListeners();\n      this.originalTrigger = document.activeElement as HTMLElement;\n      this.modal.activate();\n\n      lockBodyScrolling(this);\n\n      // When the dialog is shown, Safari will attempt to set focus on whatever element has autofocus. This can cause\n      // the dialogs's animation to jitter (if it starts offscreen), so we'll temporarily remove the attribute, call\n      // `focus({ preventScroll: true })` ourselves, and add the attribute back afterwards.\n      //\n      // Related: https://github.com/synergy-design-system/synergy/issues/693\n      //\n      const autoFocusTarget = this.querySelector('[autofocus]');\n      if (autoFocusTarget) {\n        autoFocusTarget.removeAttribute('autofocus');\n      }\n\n      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n      this.dialog.hidden = false;\n\n      // Set initial focus\n      requestAnimationFrame(() => {\n        const slInitialFocus = this.emit('syn-initial-focus', { cancelable: true });\n\n        if (!slInitialFocus.defaultPrevented) {\n          // Set focus to the autofocus target and restore the attribute\n          if (autoFocusTarget) {\n            (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n          } else {\n            this.panel.focus({ preventScroll: true });\n          }\n        }\n\n        // Restore the autofocus attribute\n        if (autoFocusTarget) {\n          autoFocusTarget.setAttribute('autofocus', '');\n        }\n      });\n\n      const panelAnimation = getAnimation(this, 'dialog.show', { dir: this.localize.dir() });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', { dir: this.localize.dir() });\n      await Promise.all([\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n      ]);\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      this.emit('syn-hide');\n      this.removeOpenListeners();\n      this.modal.deactivate();\n\n      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);\n      const panelAnimation = getAnimation(this, 'dialog.hide', { dir: this.localize.dir() });\n      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', { dir: this.localize.dir() });\n\n      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n      // unexpectedly. We'll unhide them after all animations have completed.\n      await Promise.all([\n        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n          this.overlay.hidden = true;\n        }),\n        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n          this.panel.hidden = true;\n        })\n      ]);\n\n      this.dialog.hidden = true;\n\n      // Now that the dialog is hidden, restore the overlay and panel for next time\n      this.overlay.hidden = false;\n      this.panel.hidden = false;\n\n      unlockBodyScrolling(this);\n\n      // Restore focus to the original trigger\n      const trigger = this.originalTrigger;\n      if (typeof trigger?.focus === 'function') {\n        setTimeout(() => trigger.focus());\n      }\n\n      this.emit('syn-after-hide');\n    }\n  }\n\n  /** Shows the dialog. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the dialog */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          dialog: true,\n          'dialog--open': this.open,\n          'dialog--has-footer': this.hasSlotController.test('footer')\n        })}\n      >\n        <div part=\"overlay\" class=\"dialog__overlay\" @click=${() => this.requestClose('overlay')} tabindex=\"-1\"></div>\n\n        <div\n          part=\"panel\"\n          class=\"dialog__panel\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n          tabindex=\"-1\"\n        >\n          ${!this.noHeader\n            ? html`\n                <header part=\"header\" class=\"dialog__header\">\n                  <h2 part=\"title\" class=\"dialog__title\" id=\"title\">\n                    <slot name=\"label\"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>\n                  </h2>\n                  <div part=\"header-actions\" class=\"dialog__header-actions\">\n                    <slot name=\"header-actions\"></slot>\n                    <syn-icon-button\n                      part=\"close-button\"\n                      exportparts=\"base:close-button__base\"\n                      class=\"dialog__close\"\n                      name=\"x-lg\"\n                      label=${this.localize.term('close')}\n                      library=\"system\"\n                      @click=\"${() => this.requestClose('close-button')}\"\n                    ></syn-icon-button>\n                  </div>\n                </header>\n              `\n            : ''}\n          ${\n            '' /* The tabindex=\"-1\" is here because the body is technically scrollable if overflowing. However, if there's no focusable elements inside, you won't actually be able to scroll it via keyboard. Previously this was just a <slot>, but tabindex=\"-1\" on the slot causes children to not be focusable. https://github.com/synergy-design-system/synergy/issues/1753#issuecomment-1836803277 */\n          }\n          <div part=\"body\" class=\"dialog__body\" tabindex=\"-1\"><slot></slot></div>\n\n          <footer part=\"footer\" class=\"dialog__footer\">\n            <slot name=\"footer\"></slot>\n          </footer>\n        </div>\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('dialog.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('dialog.denyClose', {\n  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 }\n});\n\nsetDefaultAnimation('dialog.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 }\n});\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/side-nav/side-nav.component.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/unbound-method */\nimport { classMap } from 'lit/directives/class-map.js';\nimport type { CSSResultGroup } from 'lit';\nimport { html } from 'lit/static-html.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './side-nav.styles.js';\nimport SynDrawer from '../drawer/drawer.component.js';\nimport SynDivider from '../divider/divider.component.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport { getAnimation, setAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { unlockBodyScrolling } from '../../internal/scroll.js';\n\n/**\n * @summary The <syn-side-nav /> element contains secondary navigation and fits below the header.\n * It can be used to group multiple navigation items (<syn-nav-item />s) together.\n *\n * @example\n * <syn-side-nav open>\n *  <syn-nav-item >Item 1</syn-nav-item>\n *  <syn-nav-item divider>Item 2</syn-nav-item>\n * </syn-side-nav>\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-side-nav--docs\n * @status stable\n * @since 1.14.0\n *\n * @dependency syn-divider\n * @dependency syn-drawer\n *\n * @slot - The main content of the side-nav. Used for <syn-nav-item /> elements.\n * @slot footer - The footer content of the side-nav. Used for <syn-nav-item /> elements.\n *    Please avoid having to many nav-items as it can massively influence the user experience.\n *\n * @event syn-show - Emitted when the side-nav opens.\n * @event syn-after-show - Emitted after the side-nav opens and all animations are complete.\n * @event syn-hide - Emitted when the side-nav closes.\n * @event syn-after-hide - Emitted after the side-nav closes and all animations are complete.\n *\n * @csspart base - The components base wrapper\n * @csspart drawer - The drawer that is used under the hood for creating the side-nav\n * @csspart content-container - The components main content container\n * @csspart content - The components main content\n * @csspart footer-container - The components footer content container\n  (where the footer slot content is rendered)\n * @csspart footer-divider - The components footer divider\n * @csspart footer - The components footer content\n * @csspart overlay - The overlay that covers the screen behind the side-nav.\n * @csspart panel - The side-nav's panel (where the whole content is rendered).\n * @csspart body - The side-nav's body (where the default slot content is rendered)\n * @csspart drawer__base - The drawer's base wrapper\n *\n * @cssproperty  --side-nav-open-width - The width of the side-nav if in open state\n *\n * @animation sideNav.showNonRail - The animation to use when showing the side-nav in non-rail mode.\n * @animation sideNav.showRail - The animation to use when showing the side-nav in rail mode.\n * @animation sideNav.hideNonRail - The animation to use when hiding the side-nav in non-rail mode.\n * @animation sideNav.hideRail - The animation to use when hiding the side-nav in rail mode.\n * @animation sideNav.overlay.show - The animation to use when showing the side-nav's overlay.\n * @animation sideNav.overlay.hide - The animation to use when hiding the side-nav's overlay.\n */\nexport default class SynSideNav extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  static dependencies = {\n    'syn-divider': SynDivider,\n    'syn-drawer': SynDrawer,\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'footer');\n\n  private readonly localize = new LocalizeController(this);\n\n  private timeout: NodeJS.Timeout;\n\n  /**\n   * Current animation active state\n   */\n  @state() private isAnimationActive = false;\n\n  /**\n   * Reference to the drawer\n   */\n  @query('.side-nav__drawer') private drawer: SynDrawer;\n\n  /**\n   * Indicates whether or not the side-nav is open.\n   * You can toggle this attribute to show and hide the side-nav, or you can use the `show()` and\n   * `hide()` methods and this attribute will reflect the side-nav's open state.\n   *\n   * Depending if the rail attribute is set or not, the behavior will differ.\n   *\n   * __Non rail__:\n   * With `open` will show the side-nav.\n   * Without `open`, the side-nav will be hidden.\n   *\n   * __Rail__:\n   * With `open` will show the whole side-nav with an overlay for touch devices\n   * or without an overlay for non-touch devices.\n   * Without `open`, the side-nav will only show the prefix of nav-item's.\n   *\n   */\n  @property({ reflect: true, type: Boolean }) open = false;\n\n  /**\n   * Use the rail attribute to only show the prefix of navigation items in closed state.\n   * This will open on hover on the rail navigation.\n   * On touch devices the navigation opens on click and shows an overlay.\n   *\n   * Note: The Rail is only an option if all Navigation Items on the first level have an Icon.\n   * If this is not the case you should use a burger navigation.\n   */\n  @property({ reflect: true, type: Boolean }) rail = false;\n\n  /**\n   * By default, the side-nav traps the focus if in non-rail mode and open.\n   * To disable the focus trapping, set this attribute.\n   */\n  @property({ attribute: 'no-focus-trapping', reflect: true, type: Boolean }) noFocusTrapping = false;\n\n  private setDelayedCallback(callback: () => void) {\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(callback, 100);\n  }\n\n  private handleMouseEnter() {\n    // Debounce mouse events, to avoid infinite loop of open / closing in rail mode\n    this.setDelayedCallback(() => {\n      this.open = true;\n    });\n  }\n\n  private handleMouseLeave() {\n    // Debounce mouse events, to avoid infinite loop of open / closing in rail mode\n    this.setDelayedCallback(() => {\n      this.open = false;\n    });\n  }\n\n  private handleRequestClose() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  private addMouseListener() {\n    this.drawer.shadowRoot!.querySelector('.drawer__panel')?.addEventListener('mouseenter', this.handleMouseEnter);\n    this.drawer.shadowRoot!.querySelector('.drawer__panel')?.addEventListener('mouseleave', this.handleMouseLeave);\n  }\n\n  private removeMouseListener() {\n    this.drawer.shadowRoot!.querySelector('.drawer__panel')?.removeEventListener('mouseenter', this.handleMouseEnter);\n    this.drawer.shadowRoot!.querySelector('.drawer__panel')?.removeEventListener('mouseleave', this.handleMouseLeave);\n  }\n\n  private setDrawerVisibility(isVisible: boolean) {\n    (this.drawer.shadowRoot!.querySelector('.drawer') as HTMLElement).hidden = !isVisible;\n    this.drawer.shadowRoot!.querySelector('.drawer__panel')?.setAttribute('aria-hidden', isVisible ? 'false' : 'true');\n  }\n\n  private forceDrawerVisibilityForRailMode() {\n    return waitForEvent(this.drawer, 'syn-after-hide').then(() => {\n      this.setDrawerVisibility(true);\n      this.isAnimationActive = false;\n    });\n  }\n\n  private setDrawerAnimations() {\n    const showAnimation = getAnimation(this, `sideNav.show${this.rail ? 'Rail' : 'NonRail'}`, { dir: this.localize.dir() });\n    const hideAnimation = getAnimation(this, `sideNav.hide${this.rail ? 'Rail' : 'NonRail'}`, { dir: this.localize.dir() });\n    const hideOverlay = getAnimation(this, 'sideNav.overlay.hide', { dir: this.localize.dir() });\n    const showOverlay = getAnimation(this, 'sideNav.overlay.show', { dir: this.localize.dir() });\n\n    setAnimation(this.drawer, 'drawer.showStart', showAnimation);\n    setAnimation(this.drawer, 'drawer.hideStart', hideAnimation);\n    setAnimation(this.drawer, 'drawer.overlay.hide', hideOverlay);\n    setAnimation(this.drawer, 'drawer.overlay.show', showOverlay);\n  }\n\n  @watch('rail', { waitUntilFirstUpdate: true })\n  handleModeChange() {\n    this.setDrawerAnimations();\n\n    if (this.rail) {\n      this.addMouseListener();\n      // Force drawer visibility for rail mode\n      this.setDrawerVisibility(true);\n    } else {\n      this.removeMouseListener();\n      // Remove forcing of drawer visibility for rail mode if not open\n      if (!this.open) {\n        this.setDrawerVisibility(false);\n      }\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  handleOpenChange() {\n    if (this.rail) {\n      this.isAnimationActive = true;\n\n      if (!this.open) {\n        // Fix for accessibility error in console. see also: https://github.com/shoelace-style/shoelace/issues/2283\n        const { activeElement } = document;\n        if (activeElement && this.contains(activeElement)) {\n          (document.activeElement as HTMLElement)?.blur();\n        }\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        this.forceDrawerVisibilityForRailMode();\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        waitForEvent(this.drawer, 'syn-after-show').then(() => {\n          this.isAnimationActive = false;\n        });\n      }\n    }\n  }\n\n  @watch('noFocusTrapping', { waitUntilFirstUpdate: true })\n  handleFocusTrapping() {\n    if (!this.rail) {\n      if (this.noFocusTrapping) {\n        this.drawer.modal.activateExternal();\n      } else {\n        this.drawer.modal.deactivateExternal();\n      }\n    }\n  }\n\n  /** Shows the side-nav. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n    this.open = true;\n\n    return waitForEvent(this.drawer, 'syn-after-show');\n  }\n\n  /** Hides the side-nav */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n\n    return waitForEvent(this.drawer, 'syn-after-hide');\n  }\n\n  constructor() {\n    super();\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n    this.addEventListener('syn-initial-focus', (event) => {\n      if (this.rail) {\n        // We need to do this, to stop the drawer from giving focus to the panel\n        event.preventDefault();\n\n        // The originalTrigger needs to be removed, otherwise when closing the drawer,\n        // the first focused nav-item is focused again...\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        this.drawer['originalTrigger'] = null;\n      }\n    });\n\n    this.addEventListener('focusin', (event) => {\n      const targetTag = (event.target as HTMLElement).tagName.toLowerCase();\n      // Open the side-nav if it`s in rail mode, closed and the focused element is a nav-item\n      if (targetTag === 'syn-nav-item' && this.rail && !this.open) {\n        this.open = true;\n      }\n    });\n\n    this.addEventListener('focusout', (event) => {\n      const targetTag = (event.target as HTMLElement).tagName.toLowerCase();\n      const relatedTargetTag = (event.relatedTarget as HTMLElement)?.tagName.toLowerCase();\n\n      // Close the side-nav, if it`s in rail mode, open and the next focused element\n      // is no longer a nav-item\n      if (targetTag === 'syn-nav-item' && relatedTargetTag !== 'syn-nav-item' && this.rail && this.open) {\n        this.open = false;\n      }\n    });\n  }\n\n  /**\n   * Initial setup for first render like special rail mode handling and drawer animations.\n   * */\n  firstUpdated() {\n    this.setDrawerAnimations();\n\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.drawer.updateComplete.then(() => {\n      // change tabindex of drawer to make only nav-items focusable and not the panel of the drawer\n      (this.drawer.shadowRoot!.querySelector('.drawer__panel') as HTMLElement).tabIndex = -1;\n    });\n\n    if (this.rail) {\n      // Wait for the drawer`s update to be completed\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.drawer.updateComplete.then(() => {\n        this.addMouseListener();\n        // set initial visibility of drawer for rail mode\n        this.setDrawerVisibility(true);\n      });\n    } else if (this.noFocusTrapping) {\n      // Disable the focus trapping of the modal\n      this.drawer.modal.activateExternal();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    //  Remove modal listeners\n    if (this.drawer) {\n      unlockBodyScrolling(this.drawer);\n      this.drawer.modal.deactivate();\n    }\n  }\n\n  render() {\n    const isTouch = window.navigator.maxTouchPoints > 0 || !!('ontouchstart' in window);\n    const hasFooter = this.hasSlotController.test('footer');\n\n    /* eslint-disable lit/no-invalid-html */\n    /* eslint-disable @typescript-eslint/unbound-method */\n    return html`\n      <nav\n        class=${classMap({\n          'side-nav': true,\n          'side-nav--animation': this.isAnimationActive,\n          'side-nav--fix': !this.rail,\n          'side-nav--has-footer': hasFooter,\n          'side-nav--open': this.open,\n          'side-nav--rail': this.rail,\n          'side-nav--touch': isTouch,\n        })}\n        part=\"base\"\n      >\n        \n        <syn-drawer\n          class=\"side-nav__drawer\"\n          ?contained=${this.rail}\n          exportparts=\"overlay,panel,body,base:drawer__base\"\n          label=${this.localize.term('sideNav')}\n          no-header\n          ?open=${this.open}\n          part=\"drawer\"\n          placement=\"start\"\n          @syn-request-close=${this.handleRequestClose} \n        >\n          <div part=\"content-container\" class=\"side-nav__content-container\">\n            <slot part=\"content\" ></slot>\n          </div>\n          \n          <footer class=\"side-nav__footer\" part=\"footer-container\" slot=\"footer\">  \n\n            ${hasFooter ? html`<syn-divider part=\"footer-divider\" class=\"side-nav__footer-divider\"></syn-divider>` : ''}\n            <slot name=\"footer\" part=\"footer\" ></slot> \n          \n          </footer>\n\n        </syn-drawer>\n\n      </nav>\n    `;\n    /* eslint-enable lit/no-invalid-html */\n    /* eslint-enable @typescript-eslint/unbound-method */\n  }\n}\n\n// Show animations\nsetDefaultAnimation('sideNav.showRail', {\n  keyframes: [\n    { width: 'var(--side-nav-rail-width)' },\n    { width: 'var(--side-nav-open-width)' },\n  ],\n  options: { duration: 250, easing: 'ease' },\n});\n\nsetDefaultAnimation('sideNav.showNonRail', {\n  keyframes: [\n    { opacity: 0, translate: '-100%' },\n    { opacity: 1, translate: '0' },\n  ],\n  options: { duration: 250, easing: 'ease' },\n});\n\n// Hide animations\nsetDefaultAnimation('sideNav.hideNonRail', {\n  keyframes: [\n    { opacity: 1, translate: '0' },\n    { opacity: 0, translate: '-100%' },\n  ],\n  options: { duration: 250, easing: 'ease' },\n});\n\nsetDefaultAnimation('sideNav.hideRail', {\n  keyframes: [\n    { width: 'var(--side-nav-open-width)' },\n    { width: 'var(--side-nav-rail-width)' },\n  ],\n  options: { duration: 250, easing: 'ease' },\n});\n\n// Overlay animations\nsetDefaultAnimation('sideNav.overlay.show', {\n  keyframes: [{ opacity: 0 }, { opacity: 1 }],\n  options: { duration: 250 },\n});\n\nsetDefaultAnimation('sideNav.overlay.hide', {\n  keyframes: [{ opacity: 1 }, { opacity: 0 }],\n  options: { duration: 250 },\n});\n"],
-  "mappings": "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",
-  "names": []
-}