@synergy-design-system/components 2.31.0 → 2.31.1

package/dist/synergy.js

@@ -2,8 +2,8 @@ import "./chunks/chunk.NKIYFJN2.js";
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.OWHZ76PP.js";
-import "./chunks/chunk.EOTX4M3O.js";
+} from "./chunks/chunk.AFSEH45S.js";
+import "./chunks/chunk.TCP5IT3F.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   getFormControls,
@@ -11,64 +11,64 @@ import {
 } from "./chunks/chunk.6GBQX53P.js";
 import {
   textarea_default
-} from "./chunks/chunk.KBWFUFEY.js";
+} from "./chunks/chunk.BFRV22TW.js";
 import {
   tooltip_default
-} from "./chunks/chunk.OV34IIR4.js";
-import "./chunks/chunk.PTD7MC3P.js";
+} from "./chunks/chunk.UTTBWNVC.js";
+import "./chunks/chunk.C3OEY3C3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.HXU4KIS6.js";
+} from "./chunks/chunk.RTKKOQ4K.js";
 import {
   tag_default
-} from "./chunks/chunk.L6MGPLRR.js";
-import "./chunks/chunk.JDCHKWRR.js";
+} from "./chunks/chunk.AXD3NMM5.js";
+import "./chunks/chunk.YOZVW5AL.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.37W6AS5R.js";
+} from "./chunks/chunk.PY3JF3U5.js";
 import {
   tab_group_default
-} from "./chunks/chunk.35ZNNBZW.js";
-import "./chunks/chunk.QQRMMXVP.js";
+} from "./chunks/chunk.BM2VNDQB.js";
+import "./chunks/chunk.VS3IUNIR.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.6Y2WSLTX.js";
+import "./chunks/chunk.PIBXQKPW.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.2KA6GZTD.js";
+} from "./chunks/chunk.MIFSAMBD.js";
 import {
   switch_default
-} from "./chunks/chunk.WET36DGR.js";
-import "./chunks/chunk.IQYJL5Z6.js";
+} from "./chunks/chunk.LC74L3J4.js";
+import "./chunks/chunk.C37WAG5S.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.TN7MALIJ.js";
+import "./chunks/chunk.C5HUAF7E.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.5VJN65HL.js";
+} from "./chunks/chunk.OVJCBGVR.js";
 import {
   side_nav_default
-} from "./chunks/chunk.DSOVZGPX.js";
-import "./chunks/chunk.LSARMSBE.js";
+} from "./chunks/chunk.T6HR57NS.js";
+import "./chunks/chunk.Q3YYZERE.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_default
-} from "./chunks/chunk.GY7N723N.js";
+} from "./chunks/chunk.F6VSTKR4.js";
 import {
   range_tick_default
-} from "./chunks/chunk.LWDK3PUU.js";
-import "./chunks/chunk.QG5FJ336.js";
+} from "./chunks/chunk.UZDYMCG5.js";
+import "./chunks/chunk.4MFDZDGQ.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.UNWTTBS2.js";
+import "./chunks/chunk.57O3GW6F.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.QODV46JX.js";
-import "./chunks/chunk.PEACRKLJ.js";
+import "./chunks/chunk.B2K6WO7U.js";
+import "./chunks/chunk.IHXL2BKO.js";
 import "./chunks/chunk.VN2PSQ4U.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.4DW7CR6A.js";
@@ -76,149 +76,149 @@ import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.LUQR4NNU.js";
 import {
   radio_button_default
-} from "./chunks/chunk.XOEJGHQ4.js";
+} from "./chunks/chunk.G43EW4MK.js";
 import {
   radio_group_default
-} from "./chunks/chunk.CQTSIWXG.js";
-import "./chunks/chunk.QDGHOIBX.js";
+} from "./chunks/chunk.HCFLTHY5.js";
+import "./chunks/chunk.PWZSMYSB.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
-import "./chunks/chunk.XLCW4L4M.js";
-import "./chunks/chunk.WI5ZBZMJ.js";
+import "./chunks/chunk.OCD5GCRS.js";
+import "./chunks/chunk.X2BJ2RWR.js";
 import "./chunks/chunk.YT5SHGUK.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.UFNQFJO6.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.N3BWEYKZ.js";
+} from "./chunks/chunk.UA5JN2HT.js";
 import {
   radio_default
-} from "./chunks/chunk.AHFGZRBY.js";
-import "./chunks/chunk.4D4S2YIJ.js";
+} from "./chunks/chunk.2TFU27NA.js";
+import "./chunks/chunk.S3U3H5YM.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.TT323QJE.js";
+import "./chunks/chunk.F5J4LZRJ.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.BF3GFGX3.js";
+} from "./chunks/chunk.MEU2VJRI.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.VWKZRTIE.js";
-import "./chunks/chunk.2B7USYXM.js";
+} from "./chunks/chunk.5BNOHKBQ.js";
+import "./chunks/chunk.R7YGKYQ3.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.7TU726KD.js";
+import "./chunks/chunk.4GD27HRW.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.YVOCVTK4.js";
+} from "./chunks/chunk.RXVYZJ7V.js";
 import {
   popup_default
-} from "./chunks/chunk.JCTTJTOZ.js";
-import "./chunks/chunk.V2CEHXZB.js";
+} from "./chunks/chunk.NIGNMNFF.js";
+import "./chunks/chunk.66TRD7RB.js";
 import "./chunks/chunk.74N5WLM5.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import {
   nav_item_default
-} from "./chunks/chunk.STWUISSH.js";
-import "./chunks/chunk.D4H6AJAW.js";
+} from "./chunks/chunk.TCKDCA72.js";
+import "./chunks/chunk.S6G76KJP.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.WG5YE65C.js";
-import "./chunks/chunk.FJFZEHCM.js";
+} from "./chunks/chunk.4AUUQXOV.js";
+import "./chunks/chunk.7WYASY7G.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.ZW3X7PIQ.js";
+} from "./chunks/chunk.LXMXCA3A.js";
 import {
   menu_label_default
-} from "./chunks/chunk.6T2H5VTF.js";
-import "./chunks/chunk.VBAJW6MI.js";
+} from "./chunks/chunk.4PPBTCD5.js";
+import "./chunks/chunk.ARA77UC2.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.NCOPJN7G.js";
+} from "./chunks/chunk.6UPUUCTS.js";
 import {
   menu_default
-} from "./chunks/chunk.6ESNGUDX.js";
-import "./chunks/chunk.7ZLOLW3C.js";
+} from "./chunks/chunk.4WGFUMJG.js";
+import "./chunks/chunk.J6T6Y2LH.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.S3FCROLD.js";
+import "./chunks/chunk.E2LK6CZQ.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.5QQ4ZYIU.js";
-import "./chunks/chunk.HUNET7WJ.js";
+} from "./chunks/chunk.BUDFIDON.js";
+import "./chunks/chunk.GPIHTDAN.js";
 import "./chunks/chunk.HX3IWSE5.js";
 import "./chunks/chunk.XAQKFEHH.js";
 import {
   file_default
-} from "./chunks/chunk.BVUKV27G.js";
+} from "./chunks/chunk.WQHJNOCS.js";
 import {
   header_default
-} from "./chunks/chunk.RSXTHBS2.js";
-import "./chunks/chunk.H7ZIT7K4.js";
+} from "./chunks/chunk.DDI5MPRL.js";
+import "./chunks/chunk.V52DGYOQ.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.DUUXFFUP.js";
+} from "./chunks/chunk.LBAZSXTY.js";
 import {
   drawer_default
-} from "./chunks/chunk.M2C4HVTA.js";
+} from "./chunks/chunk.O72UJFII.js";
 import {
   dropdown_default
-} from "./chunks/chunk.3BPL6QPW.js";
-import "./chunks/chunk.FAHCNBPH.js";
+} from "./chunks/chunk.ZC2XDIU3.js";
+import "./chunks/chunk.2ZLTOKZD.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.Y4WKCT4Y.js";
+import "./chunks/chunk.H6OFPF2U.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.AKTTRIOY.js";
+} from "./chunks/chunk.VAFUGCAL.js";
 import {
   divider_default
-} from "./chunks/chunk.PS5IQXSL.js";
-import "./chunks/chunk.D3RIIOVE.js";
+} from "./chunks/chunk.5YDUYSLU.js";
+import "./chunks/chunk.QZLUMB3K.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.I4BIR42C.js";
+import "./chunks/chunk.IZ3YBEWP.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.4MFSAOXD.js";
-import "./chunks/chunk.SIDONJZL.js";
+} from "./chunks/chunk.CRHZY5XO.js";
+import "./chunks/chunk.TZD6VAFM.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.WNTUCLIL.js";
+import "./chunks/chunk.N7HE4GWA.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.2LYOMDFO.js";
 import "./chunks/chunk.JCIM6NE3.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.JCVNNYTF.js";
-import "./chunks/chunk.6NPYKNGJ.js";
+} from "./chunks/chunk.6TZ2DFAZ.js";
+import "./chunks/chunk.OQ6TRGBW.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.SNQEIVMG.js";
-import "./chunks/chunk.FMEDRCXZ.js";
-import "./chunks/chunk.UHDJKNZO.js";
+} from "./chunks/chunk.ITOPC2EK.js";
+import "./chunks/chunk.EXJFVNO7.js";
+import "./chunks/chunk.J3UFKDWS.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.ARR23WUY.js";
-import "./chunks/chunk.A3HWYSAL.js";
+import "./chunks/chunk.QS5XGTGM.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -233,29 +233,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.PY4VOF4Y.js";
 import {
   button_default
-} from "./chunks/chunk.QSYDS5RS.js";
+} from "./chunks/chunk.F4PPYWD2.js";
 import {
   button_group_default
-} from "./chunks/chunk.CPDZHD7L.js";
-import "./chunks/chunk.UM7QSCRR.js";
+} from "./chunks/chunk.W662K66T.js";
+import "./chunks/chunk.VCVTS2XB.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.VMCFOFYT.js";
-import "./chunks/chunk.V77GZTYH.js";
+} from "./chunks/chunk.KCWPOD5N.js";
+import "./chunks/chunk.VJ76QTIO.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.6E5Q6VKO.js";
+} from "./chunks/chunk.74EZT7OT.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.OINUEOGJ.js";
-import "./chunks/chunk.TQLJ73CW.js";
+} from "./chunks/chunk.QFHIRCPA.js";
+import "./chunks/chunk.XMDJPHX2.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.B6TDEXVY.js";
-import "./chunks/chunk.LZ436BOH.js";
+import "./chunks/chunk.VJ4GSZSK.js";
+import "./chunks/chunk.ZD664COV.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.OLRA37R5.js";
@@ -263,31 +263,31 @@ import "./chunks/chunk.UBS3CSG4.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.SPHJ7GCZ.js";
+} from "./chunks/chunk.2BPX7N5A.js";
 import {
   badge_default
-} from "./chunks/chunk.OKEISYAL.js";
-import "./chunks/chunk.ZSA5J75I.js";
+} from "./chunks/chunk.53H7VH7O.js";
+import "./chunks/chunk.D76KQXQ6.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.A2F77RGM.js";
+import "./chunks/chunk.VACWERCC.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.MZ2E47U2.js";
-import "./chunks/chunk.AZVOGRZ7.js";
+} from "./chunks/chunk.QBQPIJL7.js";
+import "./chunks/chunk.OUUZOIRQ.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.A5XSJHBM.js";
+import "./chunks/chunk.W6LCOQGH.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.MRVMEVKZ.js";
+import "./chunks/chunk.BSZ4E3R4.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.EQFRWLRD.js";
+import "./chunks/chunk.TP6XWU37.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -314,7 +314,7 @@ import {
 import "./chunks/chunk.OH3PPVV4.js";
 import "./chunks/chunk.74IOULXM.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.XYA7E6SM.js";
+import "./chunks/chunk.IFRYWN3D.js";
 import "./chunks/chunk.QBHZAR4C.js";
 import "./chunks/chunk.BXY667C7.js";
 import "./chunks/chunk.2GFK6XTO.js";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.31.0",
+  "version": "2.31.1",
   "description": "",
   "repository": {
     "type": "git",
@@ -100,9 +100,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.1"
+    "@synergy-design-system/tokens": "2.18.1",
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/header/header.component.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/unbound-method */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit/static-html.js';\nimport { property, state } from 'lit/decorators.js';\nimport type { CSSResultGroup } from 'lit';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport styles from './header.styles.js';\nimport SynIcon from '../icon/icon.js';\nimport type SynSideNav from '../side-nav/side-nav.component.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { watch } from '../../internal/watch.js';\n\n/**\n * @summary The <syn-header /> element provides a generic application header\n * that can be used to add applications name, toolbar and primary navigation.\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-header--docs\n * @status stable\n * @since 1.10.0\n *\n * @slot label - The label for the header\n * @slot logo - The logo that should be displayed. Will fall back to the SICK logo if not provided\n * @slot meta-navigation - The meta-navigation is used to add various application toolbar icons\n *                     Best used with `<syn-icon-button />` and `<syn-drop-down />`\n * @slot navigation - This slot can be used to add an optional horizontal navigation\n * @slot open-burger-menu-icon - An icon to use in lieu of the default burger-menu=open state.\n *                      The default close icon is a 'x'.\n * @slot closed-burger-menu-icon - An icon to use in lieu of the default burger-menu=closed state.\n *                      The default open icon is a burger menu.\n *\n * @event syn-burger-menu-closed - Emitted when the burger menu is toggled to closed\n * @event syn-burger-menu-hidden - Emitted when the burger menu is toggled to hidden\n * @event syn-burger-menu-open - Emitted when the burger menu is toggled to open\n *\n * @csspart base - The component's base wrapper\n * @csspart content - The wrapper most content items reside\n * @csspart logo - The wrapper the application logo resides in\n * @csspart label - The element wrapping the application name\n * @csspart meta-navigation - The Item wrapping the optional application menu\n * @csspart navigation - The wrapper that is holding the optional top navigation section\n * @csspart burger-menu-toggle-button - The button that toggles the burger menu\n */\nexport default class SynHeader extends SynergyElement {\n  static styles: CSSResultGroup = [\n    componentStyles,\n    styles,\n  ];\n\n  static dependencies = {\n    'syn-icon': SynIcon,\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'logo', 'label', 'meta-navigation', 'navigation');\n\n  private readonly localize = new LocalizeController(this);\n\n  /**\n   * Internal mutation observer\n   */\n  private mutationObserver: MutationObserver;\n\n  /**\n   * The headers label. If you need to display HTML, use the `label` slot instead.\n   */\n  @property() label = '';\n\n  /**\n   * Defines the current visibility and icon of the burger-menu icon.\n   * The menu button is added automatically if the component finds a syn-side-nav in non-rail mode.\n   * The following values can be used:\n   * - hidden: The burger menu is not visible\n   * - open: The burger menu is visible and shows the close icon\n   * - closed: The burger menu is visible and shows the open icon\n   */\n  @property({ attribute: 'burger-menu', reflect: true }) burgerMenu: 'hidden' | 'open' | 'closed' = 'hidden';\n\n  /**\n   * The side nav\n   */\n  @state() private sideNav: SynSideNav | null;\n\n  private toggleBurgerMenu() {\n    switch (this.burgerMenu) {\n    case 'closed': this.burgerMenu = 'open'; break;\n    case 'open': this.burgerMenu = 'closed'; break;\n    default: break;\n    }\n  }\n\n  private handleBurgerMenuToggle() {\n    // If there is a side-nav in non-rail mode, toggle the open state!\n    if (this.sideNav && !this.sideNav.rail) {\n      this.sideNav.open = !this.sideNav.open;\n    }\n    this.toggleBurgerMenu();\n  }\n\n  /**\n   * Automatically update the burger menu icon based\n   * on the state of the side-nav, if one is connected.\n   */\n  private updateBurgerMenuBasedOnSideNav() {\n    if (this.sideNav) {\n      // Hide the burger menu icon if the side-nav is in rail mode\n      if (this.sideNav.rail) {\n        this.burgerMenu = 'hidden';\n      } else {\n        this.burgerMenu = this.sideNav.open ? 'open' : 'closed';\n      }\n    }\n  }\n\n  @watch('burgerMenu', { waitUntilFirstUpdate: true })\n  handleBurgerMenu() {\n    const myEvt: keyof GlobalEventHandlersEventMap = `syn-burger-menu-${this.burgerMenu}`;\n    this.emit(myEvt);\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    this.mutationObserver = new MutationObserver(() => this.updateBurgerMenuBasedOnSideNav());\n  }\n\n  firstUpdated() {\n    // Search for a side-nav and use the first found in case of the connectSideNavigation method\n    // is not used by the user.\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    this.updateComplete.then(() => {\n      const sideNav = document.querySelector('syn-side-nav');\n      this.connectSideNavigation(sideNav);\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n\n    //  Remove observer\n    this.mutationObserver.disconnect();\n  }\n\n  /**\n   * Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation\n   * like showing the burger menu icon and open / close handling.\n   *\n   * If no side navigation is connected, the header will use the first `syn-side-nav` element it\n   * finds.\n   *\n   * @param sideNav The side navigation to connect to the header\n   */\n  connectSideNavigation(sideNav: SynSideNav | null) {\n    this.mutationObserver.disconnect();\n\n    this.sideNav = sideNav || document.querySelector('syn-side-nav');\n    if (this.sideNav) {\n      // Need to call the method initially, if the side-nav is not open on connect time.\n      // Otherwise the mutation observer won`t trigger the method.\n      this.updateBurgerMenuBasedOnSideNav();\n      this.mutationObserver.observe(this.sideNav, { attributeFilter: ['open', 'rail'], attributes: true });\n    }\n  }\n\n  render() {\n    const hasNavigation = this.hasSlotController.test('navigation');\n    const showBurgerMenu = this.burgerMenu !== 'hidden';\n    return html`\n      <header\n        class=${classMap({\n          header: true,\n          'header--has-burger-menu': showBurgerMenu,\n          'header--has-navigation': hasNavigation,\n        })}\n        part=\"base\"\n      >\n        <!-- .header__content -->\n        <div part=\"content\" class=\"header__content\">\n\n          ${showBurgerMenu\n              ? html`\n                  <button\n                    aria-label=${this.localize.term(this.burgerMenu === 'closed' ? 'openMenu' : 'closeMenu')}\n                    class=\"header__burger-menu-toggle\"\n                    @click=${this.handleBurgerMenuToggle}\n                    part=\"burger-menu-toggle-button\"\n                    type=\"button\"\n                  >\n                    ${this.burgerMenu === 'open'\n                      ? html`\n                          <slot name=\"open-burger-menu-icon\">\n                            <syn-icon name=\"x-lg\" library=\"system\"></syn-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"closed-burger-menu-icon\">\n                            <syn-icon name=\"menu\" library=\"system\"></syn-icon>\n                          </slot>\n                        `}\n                  </button>\n                `\n              : ''}\n\n          <div part=\"logo\" class=\"header__logo\">\n            <slot name=\"logo\">\n              <syn-icon name=\"logo-color\" library=\"system\" label=\"SICK Sensor Intelligence\"></syn-icon>\n            </slot>\n          </div>\n\n          <div part=\"label\" class=\"header__label\">\n            <slot name=\"label\">\n              ${this.label}\n            </slot>\n          </div>\n\n          <div part=\"meta-navigation\" class=\"header__meta-navigation\">\n            <slot name=\"meta-navigation\"></slot>\n          </div>\n        </div>\n        <!-- /.header__content -->\n\n        <div part=\"navigation\" class=\"header__navigation\">\n          <slot name=\"navigation\"></slot>\n        </div>\n      </header>\n    `;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}