@synergy-design-system/components 2.18.2 → 2.18.4

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   validate_default
-} from "./chunks/chunk.SBOUNKIO.js";
+} from "./chunks/chunk.3NWHTFL6.js";
 import {
   getFormControls,
   serialize
@@ -8,214 +8,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.EEFEQSF4.js";
+} from "./chunks/chunk.4TMZRPI3.js";
 import {
   tooltip_default
-} from "./chunks/chunk.L7CDQMD5.js";
-import "./chunks/chunk.FK242GI5.js";
-import "./chunks/chunk.6C6RMQWD.js";
+} from "./chunks/chunk.APZ2WII6.js";
+import "./chunks/chunk.D2HQNTMF.js";
+import "./chunks/chunk.WFUFZLYE.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.EBCFIZCY.js";
+} from "./chunks/chunk.JNACD4GF.js";
 import {
   tag_default
-} from "./chunks/chunk.DFC6U5YR.js";
-import "./chunks/chunk.VEFOBIWF.js";
+} from "./chunks/chunk.XGNVTBYQ.js";
+import "./chunks/chunk.MSVUXIPU.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.X5FHSAX3.js";
+} from "./chunks/chunk.7UYZPGCY.js";
 import {
   tab_group_default
-} from "./chunks/chunk.P7R3JTXI.js";
-import "./chunks/chunk.7YBQ6AKZ.js";
+} from "./chunks/chunk.ET6QHX7P.js";
+import "./chunks/chunk.2HCXENAK.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.FCPNSZ7X.js";
+import "./chunks/chunk.PW5HS52L.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.23HLI775.js";
+} from "./chunks/chunk.5Z4M2BFV.js";
 import {
   switch_default
-} from "./chunks/chunk.TX5TZ7FP.js";
-import "./chunks/chunk.M4NGM763.js";
+} from "./chunks/chunk.MTKY4OTH.js";
+import "./chunks/chunk.PSWXHOHI.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.GISRSGST.js";
+import "./chunks/chunk.WJLTNAPJ.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.26A2ERVA.js";
+} from "./chunks/chunk.FQUIAQDO.js";
 import {
   side_nav_default
-} from "./chunks/chunk.LRWWE7LD.js";
-import "./chunks/chunk.RJRG2A5V.js";
+} from "./chunks/chunk.3772JTLE.js";
+import "./chunks/chunk.WXUP4LSL.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.Q5CO4F6Y.js";
-import "./chunks/chunk.6RBXBG7F.js";
+} from "./chunks/chunk.B6XMZI6V.js";
+import "./chunks/chunk.SKRPVBCI.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.UISPSLO4.js";
+import "./chunks/chunk.34QQBAFL.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.E2NARKLQ.js";
-import "./chunks/chunk.PSRWPC2U.js";
+import "./chunks/chunk.NT2LFBC5.js";
+import "./chunks/chunk.QMQKLEYS.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.QJR7KXHD.js";
+} from "./chunks/chunk.ZLZSJ4EV.js";
 import {
   radio_group_default
-} from "./chunks/chunk.4XVLKJFG.js";
-import "./chunks/chunk.NGWHKKOM.js";
+} from "./chunks/chunk.AUAQBIXT.js";
+import "./chunks/chunk.DJROLM7B.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.IJQF4PYD.js";
-import "./chunks/chunk.RHAIVI7F.js";
-import "./chunks/chunk.6SWEM5QP.js";
+} from "./chunks/chunk.VQ6ZTO6I.js";
+import "./chunks/chunk.SUQC4U4A.js";
+import "./chunks/chunk.KHJJZRDS.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.VFEILTOM.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.T63NWNNC.js";
+} from "./chunks/chunk.OU2AIKRU.js";
 import {
   radio_default
-} from "./chunks/chunk.QBOBRRT7.js";
-import "./chunks/chunk.WCHM54H3.js";
+} from "./chunks/chunk.CCFPJFMJ.js";
+import "./chunks/chunk.FEBVB2D2.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.5HJTQ5UR.js";
+import "./chunks/chunk.63VR2C4W.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.MM5YABCG.js";
+} from "./chunks/chunk.V7XY4EW4.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.7VIHOWSR.js";
-import "./chunks/chunk.6ZA53BF2.js";
+} from "./chunks/chunk.27UV3L7Y.js";
+import "./chunks/chunk.3EIIG5FJ.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.3KDYE2ZV.js";
+import "./chunks/chunk.A5G7CEV7.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.TPD3XE5Z.js";
+} from "./chunks/chunk.4JUKDIBS.js";
 import {
   popup_default
-} from "./chunks/chunk.EJU2Z4NH.js";
-import "./chunks/chunk.R6SAL2AO.js";
+} from "./chunks/chunk.TLG5XCVB.js";
+import "./chunks/chunk.TRPFIOGE.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.7F6V4EAU.js";
-import "./chunks/chunk.OAVSUZUX.js";
+} from "./chunks/chunk.CEHMU3XE.js";
+import "./chunks/chunk.JXJ2SRZQ.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.EDZAU7IZ.js";
-import "./chunks/chunk.2UJBKC35.js";
+} from "./chunks/chunk.WXAOXKDS.js";
+import "./chunks/chunk.XCWK5LCS.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.QFCKF2VD.js";
+} from "./chunks/chunk.A7X3LD5O.js";
 import {
   menu_label_default
-} from "./chunks/chunk.2J352GK6.js";
-import "./chunks/chunk.4MCMR26M.js";
+} from "./chunks/chunk.XJ5DU7B7.js";
+import "./chunks/chunk.R5FWGHRT.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.RZGCZ3OA.js";
+} from "./chunks/chunk.GIIC3TC3.js";
 import {
   menu_default
-} from "./chunks/chunk.OJQ4JBAA.js";
-import "./chunks/chunk.OZTWAL3N.js";
+} from "./chunks/chunk.N7ETASU6.js";
+import "./chunks/chunk.3SDAHRIK.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.JCHXWRJM.js";
+import "./chunks/chunk.ZU6EA5MN.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.NXXXKGLS.js";
-import "./chunks/chunk.M27ARHM6.js";
+} from "./chunks/chunk.47VCIQKD.js";
+import "./chunks/chunk.IE4H6YW2.js";
 import "./chunks/chunk.VKRMYKYH.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.SB3PEC2N.js";
+} from "./chunks/chunk.MRJD5TWF.js";
 import {
   header_default
-} from "./chunks/chunk.C2HR7JEV.js";
-import "./chunks/chunk.MGICTJO5.js";
+} from "./chunks/chunk.5XDFJXF4.js";
+import "./chunks/chunk.5YX4D24G.js";
 import "./chunks/chunk.66LQF6IO.js";
 import {
   icon_default
-} from "./chunks/chunk.KIJBBSV2.js";
+} from "./chunks/chunk.GBAC5ULK.js";
 import {
   drawer_default
-} from "./chunks/chunk.NRNRDEL7.js";
+} from "./chunks/chunk.UMHHIOHB.js";
 import {
   dropdown_default
-} from "./chunks/chunk.6YMKOVFG.js";
-import "./chunks/chunk.5VLRZEIV.js";
+} from "./chunks/chunk.TU2P4XXB.js";
+import "./chunks/chunk.5THYZB2V.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.OCCQLOHT.js";
+import "./chunks/chunk.DSK2NBLO.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.WWI37LAV.js";
+} from "./chunks/chunk.WT3ZI7DW.js";
 import {
   divider_default
-} from "./chunks/chunk.CJ7WJ6WF.js";
-import "./chunks/chunk.QLPMDU7I.js";
+} from "./chunks/chunk.KIUKK7SE.js";
+import "./chunks/chunk.Q7SN4SCZ.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.ABIQRKFC.js";
+import "./chunks/chunk.GLSKWZOG.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.MYAX3TSX.js";
-import "./chunks/chunk.STRQRKW3.js";
+} from "./chunks/chunk.34UCHHN6.js";
+import "./chunks/chunk.CGZXLBLU.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.LWT4TOJB.js";
+import "./chunks/chunk.5CDMCUSS.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.53JFU4HW.js";
-import "./chunks/chunk.QYDIPHZV.js";
+} from "./chunks/chunk.3CQZS3HX.js";
+import "./chunks/chunk.JE5CYHV7.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.F2DCXDFP.js";
-import "./chunks/chunk.MM7BZTDH.js";
-import "./chunks/chunk.JT3SKSNW.js";
+} from "./chunks/chunk.PREEMH2K.js";
+import "./chunks/chunk.WNF4NRJN.js";
+import "./chunks/chunk.R6W7LZLP.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.K27BHZLQ.js";
+import "./chunks/chunk.XM7B7SDE.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -230,29 +230,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.SCIPJICQ.js";
+} from "./chunks/chunk.2XPEM2NX.js";
 import {
   button_group_default
-} from "./chunks/chunk.O2KF4DGI.js";
-import "./chunks/chunk.76SW37PH.js";
+} from "./chunks/chunk.T3BRKUPN.js";
+import "./chunks/chunk.ONN4HEIU.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.7IJBDPPW.js";
-import "./chunks/chunk.GQCNRRXG.js";
+} from "./chunks/chunk.57PL5IRM.js";
+import "./chunks/chunk.Z75AMAON.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.GT6QWKUF.js";
+} from "./chunks/chunk.MTW4GHWW.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.Z6R7RILP.js";
-import "./chunks/chunk.CKMHQDLZ.js";
+} from "./chunks/chunk.7CY7UURL.js";
+import "./chunks/chunk.NS6PL3JB.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.QO7JPFMF.js";
-import "./chunks/chunk.X43H3MSO.js";
+import "./chunks/chunk.KWJ6XJ5W.js";
+import "./chunks/chunk.R5P7Z2D4.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
@@ -260,28 +260,28 @@ import "./chunks/chunk.5EGFFSLN.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   accordion_default
-} from "./chunks/chunk.SAVVU3GP.js";
+} from "./chunks/chunk.5CFWIKAP.js";
 import {
   badge_default
-} from "./chunks/chunk.OZQ3UNSW.js";
-import "./chunks/chunk.NX43SDCS.js";
+} from "./chunks/chunk.2LWI4RZ4.js";
+import "./chunks/chunk.WCAJEXTY.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.QBKFXWRB.js";
+import "./chunks/chunk.4XGVGLK5.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   alert_default
-} from "./chunks/chunk.5Q4IT2JP.js";
-import "./chunks/chunk.XOMUFQZK.js";
-import "./chunks/chunk.B37IEGRK.js";
+} from "./chunks/chunk.A6YW46N2.js";
+import "./chunks/chunk.TQQBUW3P.js";
+import "./chunks/chunk.VO7K57S2.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.CWFUKZZA.js";
+import "./chunks/chunk.D3CLPZKP.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -298,10 +298,10 @@ import {
 } from "./chunks/chunk.234ERFCE.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.IFXKIEOU.js";
-import "./chunks/chunk.M2GDCC2E.js";
+import "./chunks/chunk.AY76ZLPJ.js";
 import "./chunks/chunk.74IOULXM.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.36UA2COV.js";
+import "./chunks/chunk.JUHXJJI2.js";
 import "./chunks/chunk.WNUZ6LH4.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {

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

@@ -30,22 +30,12 @@
       ]
     },
     {
-      "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.",
+      "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": "open",
-          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
-          "values": []
-        },
-        {
-          "name": "closable",
-          "description": "Enables a close button that allows the user to dismiss the alert.",
-          "values": []
-        },
         {
           "name": "variant",
-          "description": "The alert's theme variant.",
+          "description": "The badge's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -53,27 +43,32 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
-        },
-        {
-          "name": "duration",
-          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy.style/components/alert"
+          "url": "https://synergy.style/components/badge"
         }
       ]
     },
     {
-      "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.",
+      "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.",
       "attributes": [
+        {
+          "name": "open",
+          "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+          "values": []
+        },
+        {
+          "name": "closable",
+          "description": "Enables a close button that allows the user to dismiss the alert.",
+          "values": []
+        },
         {
           "name": "variant",
-          "description": "The badge's theme variant.",
+          "description": "The alert's theme variant.",
           "values": [
             { "name": "primary" },
             { "name": "success" },
@@ -81,12 +76,17 @@
             { "name": "warning" },
             { "name": "danger" }
           ]
+        },
+        {
+          "name": "duration",
+          "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+          "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://synergy.style/components/badge"
+          "url": "https://synergy.style/components/alert"
         }
       ]
     },

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.18.2",
+  "version": "2.18.4",
   "description": "",
   "repository": {
     "type": "git",
@@ -97,9 +97,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.17.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/validate/validate.component.ts"],
-  "sourcesContent": ["import type { CSSResultGroup } from 'lit';\nimport { html } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { watch } from '../../internal/watch.js';\nimport SynAlert from '../alert/alert.component.js';\nimport {\n  getEventNameForElement,\n  isBlurEvent,\n  isInvalidEvent,\n  normalizeEventAttribute,\n} from './utility.js';\nimport styles from './validate.styles.js';\n\n/**\n * @summary Validate provides form field validation messages in a unified way.\n * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n * and showing the validation message in a consistent, user defined way.\n *\n * @dependency syn-alert\n *\n * @slot - The form field that should be validated.\n * Avoid slotting in more than one element, as subsequent ones will be ignored.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the form field.\n * @csspart alert - The syn-alert that is shown when the variant is set to \"inline\".\n * @csspart alert__base - The container that wraps the alert.\n * @csspart alert__message - The container that wraps the alert message.\n * @csspart alert__icon - The container that wraps the alert icon.\n */\nexport default class SynValidate extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  static dependencies = {\n    'syn-alert': SynAlert,\n  };\n\n  controller = new AbortController();\n\n  @queryAssignedElements() private slottedChildren: HTMLElement[];\n\n  @state() validationMessage = '';\n\n  @state() eagerFirstMount = true;\n\n  @state() isInternalTriggeredInvalid = false;\n\n  @state() isValid = true;\n\n  /**\n   * The variant that should be used to show validation alerts.\n   *\n   * The following variants are supported:\n   * - **native** (default): Uses the native browser validation, usually a browser tooltip.\n   * - **inline**: Show the validation message underneath the element, using a `<syn-alert>`\n   */\n  @property({ reflect: true }) variant: 'native' | 'inline' = 'native';\n\n  /** Do not show the error icon when using the inline variant validation */\n  @property({ attribute: 'hide-icon', reflect: true, type: Boolean }) hideIcon = false;\n\n  /**\n   * Defines the events that trigger the validation.\n   * `invalid` will always automatically be included.\n   * You may also use the `live` keyword to validate on every input change.\n   * `live` will make sure to listen to the `invalid`, `input` and `blur` events.\n   *\n   * Please have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n   * and [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.\n   *\n   * @example ```html\n   * <!-- Validate on invalid and change events (invalid, change) -->\n   * <syn-validate on=\"invalid change\"></syn-validate>\n   *\n   * <!-- Validate on live events (invalid, blur, input)-->\n   * <syn-validate on=\"live\"></syn-validate>\n   *\n   * <!-- Validate on live and custom events (invalid, blur, input, focus, change) -->\n   * <syn-validate on=\"live focus change\"></syn-validate>\n   * ```\n   */\n  @property({ reflect: true }) on: string = '';\n\n  /**\n   * Custom validation message to be displayed when the input is invalid.\n   * Will override the default browser validation message.\n   * Set to an empty string to reset the validation message.\n   */\n  @property({ attribute: 'custom-validation-message', type: String }) customValidationMessage = '';\n\n  /**\n   * Set this to true to validate the input immediately when it is rendered.\n   * Best used with a `variant` of `inline`.\n   * When setting eager, the input will not be focused automatically.\n   *\n   * When using a `variant` of `native` the browser will focus\n   * the last eager field as it is using a tooltip.\n   * In this case it is better to just provide one eager field.\n   */\n  @property({ type: Boolean }) eager = false;\n\n  // Automatically refresh all event listeners when the on property changes.\n  @watch('on', { waitUntilFirstUpdate: true })\n  handleListenerChange() {\n    this.updateEvents();\n  }\n\n  @watch('eager', { waitUntilFirstUpdate: false })\n  async handleEagerChange() {\n    if (this.eager) {\n      const input = this.getInput();\n      await this.updateComplete;\n      input?.reportValidity();\n      this.eagerFirstMount = true;\n    } else {\n      this.eagerFirstMount = false;\n    }\n  }\n\n  // Synchronize the validation message on the wrapped input with the custom message\n  @watch('customValidationMessage', { waitUntilFirstUpdate: true })\n  handleCustomValidationMessageChange() {\n    const input = this.getInput();\n    if (input) {\n      this.setCustomValidationMessage(input);\n      this.setValidationMessage(input);\n    }\n  }\n\n  /**\n   * Returns the validity state of the input component.\n   * `true` for valid and `false` for invalid.\n   */\n  getValidity() {\n    return this.isValid;\n  }\n\n  /**\n   * Get the input element to validate. Defined as the first slotted element\n   * @returns The input element or undefined if not found\n   */\n  private getInput() {\n    const input = this.slottedChildren[0];\n    return input ? input as HTMLInputElement : undefined;\n  }\n\n  /**\n   * Get the event names to listen for.\n   * If the input is a synergy element, will use syn- prefixes.\n   * @returns The event names to listen for\n   */\n  // eslint-disable-next-line complexity\n  private getUsedEventNames() {\n    const input = this.getInput();\n\n    // If there is no input, skip before doing any harm\n    if (!input) {\n      return [];\n    }\n\n    // Make sure to always use an array of events\n    // This is needed because on may be a special value like \"live\"\n    const on = normalizeEventAttribute(this.on);\n\n    // Filter makes sure to remove empty values, e.g.\n    // <syn-validate on=\"\"></syn-validate>\n    const [...events] = on.filter(Boolean);\n\n    // Make sure to always have an invalid event\n    if (!events.includes('invalid')) {\n      events.push('invalid');\n    }\n\n    // Special handling for the live keyword:\n    // live always means on input and blur\n    if (events.includes('live')) {\n      events.push('input');\n      events.push('blur');\n    }\n\n    // Make sure to remove duplicated events and the live property\n    // and map the events to the correct event names\n    return Array.from(new Set(\n      events\n        .filter(e => e !== 'live')\n        .map(e => getEventNameForElement(input, e)),\n    ));\n  }\n\n  /**\n   * Update the events on the input element.\n   */\n  private updateEvents() {\n    this.controller.abort();\n    this.controller = new AbortController();\n    const input = this.getInput();\n\n    if (!input) {\n      return;\n    }\n\n    const events = this.getUsedEventNames();\n    events.forEach(eventName => {\n      input.addEventListener(eventName, this.validate, {\n        capture: isInvalidEvent(eventName),\n        signal: this.controller.signal,\n      });\n    });\n\n    // If the change event is not included,\n    // make sure to attach a custom listener that resets the validation message\n    // This is needed as the custom message may be set on change\n    const usedChangeEvent = getEventNameForElement(input, 'change');\n    if (!events.includes(usedChangeEvent)) {\n      input.addEventListener(usedChangeEvent, this.internalRevalidate, {\n        signal: this.controller.signal,\n      });\n    }\n  }\n\n  private setValidationMessage(input: HTMLInputElement) {\n    const { customValidationMessage } = this;\n    const validationMessage = customValidationMessage || input.validationMessage;\n    this.validationMessage = validationMessage;\n  }\n\n  /**\n   * Set the custom validation message to the input. This will make sure to either:\n   * - use the custom message if one is set or\n   * - use the default message if the custom message is empty\n   */\n  private setCustomValidationMessage(input: HTMLInputElement) {\n    // Set the custom validation message on the input only once, when the customValidationMessage\n    // is changed. Otherwise there could be problems with `variant=\"native\"` and `on=\"live\"` or\n    //  `on=\"blur\"`, because the browser popup will never disappear even if clicking somewhere else.\n    input.setCustomValidity(this.customValidationMessage);\n  }\n\n  /**\n   * Set the validation message from the input element\n   * @param e The event that was received\n   */\n  private internalRevalidate = (e: Event) => {\n    const input = e.currentTarget as HTMLInputElement;\n    if (input.validity?.valid) {\n      this.validationMessage = '';\n    }\n  };\n\n  /**\n   * Handle the blur event during validation\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private handleFocus(input: HTMLInputElement) {\n    const activeElement = document.activeElement! as HTMLInputElement;\n    const activeElementIsWrapped = activeElement.closest('syn-validate');\n\n    if (!activeElement.validity?.valid && activeElementIsWrapped) {\n      // The active element is invalid do not scroll\n      return;\n    }\n\n    input.scrollIntoView({ block: 'nearest' });\n    input.focus();\n  }\n\n  /**\n   * Triggers a validation run, showing the validation message if needed.\n   */\n  // eslint-disable-next-line complexity\n  private validate = (e: Event) => {\n    // Make sure to stop the validate component from going into an endless cycle of triggering\n    if (isInvalidEvent(e.type) && this.variant === 'native' && this.isInternalTriggeredInvalid === true) {\n      this.isInternalTriggeredInvalid = false;\n      return;\n    }\n\n    // Make sure to always prevent the invalid event when not using native validation\n    if (isInvalidEvent(e.type) && this.variant !== 'native') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this.isValid = input.validity?.valid;\n\n    // When we are using eager, make sure to skip focus on the first mount\n    if (this.eager && this.eagerFirstMount) {\n      this.eagerFirstMount = false;\n      this.setValidationMessage(input);\n      return;\n    }\n\n    // If the active element that has focus is placed in a validate component,\n    // make sure to not loose focus.\n    if (!this.isValid && !isBlurEvent(e.type)) {\n      this.handleFocus(input);\n    }\n\n    this.setValidationMessage(input);\n\n    // Trigger reportValidity when using native validation, so the browser popup is also shown\n    // for other events than `invalid`. All events except the blur event, should trigger this.\n    if (!isBlurEvent(e.type) && this.variant === 'native') {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.isInternalTriggeredInvalid = true;\n        input.reportValidity();\n      });\n    }\n  };\n\n  async firstUpdated() {\n    this.updateEvents();\n\n    // Make sure to run validation on mount if eager is set\n    if (this.eager) {\n      const input = this.getInput();\n      await this.updateComplete;\n      this.isValid = input?.validity?.valid ?? false;\n      input?.reportValidity();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.controller.abort();\n  }\n\n  private renderInlineValidation() {\n    if (this.variant !== 'inline' || !this.validationMessage) {\n      return '';\n    }\n\n    return html`\n      <syn-alert\n        open\n        exportparts=\"base:alert__base,message:alert__message,icon:alert__icon\"\n        part=\"alert\"\n        variant=\"danger\"\n      >\n        ${!this.hideIcon\n          ? html`<syn-icon slot=\"icon\" name=\"error\" library=\"system\"></syn-icon>`\n          : ''\n        }\n        ${this.validationMessage}\n      </syn-alert>\n    `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"validate\"\n        part=\"base\"\n      >\n        <slot\n          class=\"validate__input-wrapper\"\n          part=\"input-wrapper\"\n        ></slot>\n        \n        ${this.renderInlineValidation()}\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunks/chunk.RJRG2A5V.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, '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        // 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, '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, '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": []
-}