@synergy-design-system/components 1.27.0 → 2.0.0

package/dist/synergy.js

@@ -5,215 +5,215 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.BTBIQMBX.js";
+} from "./chunks/chunk.INJJNBQC.js";
 import {
   tooltip_default
-} from "./chunks/chunk.6FQ4SKI2.js";
-import "./chunks/chunk.CWXJ42YP.js";
+} from "./chunks/chunk.GYZZGKK6.js";
+import "./chunks/chunk.EJQN3JHV.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.YHRXL2XR.js";
 import {
   switch_default
-} from "./chunks/chunk.PK3QUCBG.js";
+} from "./chunks/chunk.CZK6Y6J7.js";
 import {
   tag_default
-} from "./chunks/chunk.ULXRBTQD.js";
-import "./chunks/chunk.VX7U6NLG.js";
+} from "./chunks/chunk.6SE6TKS4.js";
+import "./chunks/chunk.NIGJFXQZ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.2EI3TNL7.js";
 import {
   side_nav_default
-} from "./chunks/chunk.JM6D5VUH.js";
-import "./chunks/chunk.KPSGO6JT.js";
-import "./chunks/chunk.GO3CCKC3.js";
+} from "./chunks/chunk.3VIWDL7Y.js";
+import "./chunks/chunk.QKQIHI54.js";
+import "./chunks/chunk.ONW45GQI.js";
 import {
   spinner_default
-} from "./chunks/chunk.P6KHTL53.js";
-import "./chunks/chunk.I2EUWBRS.js";
+} from "./chunks/chunk.7QPPPSLU.js";
+import "./chunks/chunk.CYJIE45P.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.TAO5QIIQ.js";
 import {
   radio_group_default
-} from "./chunks/chunk.6NKWF633.js";
-import "./chunks/chunk.22MYJOLE.js";
+} from "./chunks/chunk.4DLDFGWQ.js";
+import "./chunks/chunk.QERISKCA.js";
 import "./chunks/chunk.F4MRQLNL.js";
 import "./chunks/chunk.XIUSSERX.js";
 import {
   select_default
-} from "./chunks/chunk.GUJCUZXE.js";
-import "./chunks/chunk.ZOSQLG4U.js";
-import "./chunks/chunk.3WS2ECKG.js";
+} from "./chunks/chunk.PPX62TH5.js";
+import "./chunks/chunk.U5YGRMPN.js";
+import "./chunks/chunk.Q77JF7AR.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.BGHK4NQA.js";
 import "./chunks/chunk.OWMT6OL2.js";
 import "./chunks/chunk.QNQNR3RY.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.CGOGFD2K.js";
+} from "./chunks/chunk.N47PW3ZF.js";
 import {
   radio_default
-} from "./chunks/chunk.KQHYIQJN.js";
-import "./chunks/chunk.BKPZVGJQ.js";
+} from "./chunks/chunk.B3ETIETR.js";
+import "./chunks/chunk.HQITSO5S.js";
 import "./chunks/chunk.V6VND4OF.js";
 import "./chunks/chunk.PKO6FEOM.js";
 import {
   radio_button_default
-} from "./chunks/chunk.ZYUVZEJW.js";
-import "./chunks/chunk.O7UOM5HF.js";
+} from "./chunks/chunk.HXB2YFEV.js";
+import "./chunks/chunk.OB3BARBF.js";
 import "./chunks/chunk.QPK7SLOE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.2FONE7D4.js";
-import "./chunks/chunk.CAVC2BLL.js";
+} from "./chunks/chunk.GJ4LHXBY.js";
+import "./chunks/chunk.JXTXMTDM.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.XBUAZUNQ.js";
-import "./chunks/chunk.CUXUFPU7.js";
+import "./chunks/chunk.RPBO222K.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.45VEGVRJ.js";
 import {
   option_default
-} from "./chunks/chunk.5PFW6CJB.js";
+} from "./chunks/chunk.SH6KJA7C.js";
 import {
   popup_default
-} from "./chunks/chunk.TTS5Z3YN.js";
+} from "./chunks/chunk.JQUADXOI.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.DCMV63MP.js";
-import "./chunks/chunk.3QPG42BO.js";
+} from "./chunks/chunk.3VQUQNL2.js";
+import "./chunks/chunk.3VG7IMNM.js";
 import "./chunks/chunk.XNP4OTUB.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.U33GULWV.js";
-import "./chunks/chunk.LDKF7GK5.js";
+} from "./chunks/chunk.LE3YHBAH.js";
+import "./chunks/chunk.IIB7BIYK.js";
 import "./chunks/chunk.FAAETEJ2.js";
 import {
   optgroup_default
-} from "./chunks/chunk.VHZOV7T4.js";
-import "./chunks/chunk.AGPBBA42.js";
+} from "./chunks/chunk.QYY44FAQ.js";
+import "./chunks/chunk.QQ6EVJKD.js";
 import "./chunks/chunk.KG52EHDB.js";
-import "./chunks/chunk.DF2335CD.js";
+import "./chunks/chunk.IKG6CMRI.js";
 import "./chunks/chunk.CFIQXXMW.js";
 import "./chunks/chunk.3B24TYVN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.54CX4HAW.js";
+} from "./chunks/chunk.OF2RI2OE.js";
 import {
   menu_label_default
-} from "./chunks/chunk.CQF2SSDJ.js";
-import "./chunks/chunk.MOGGUYYP.js";
+} from "./chunks/chunk.X6JZ2IGM.js";
+import "./chunks/chunk.UK6QI2YX.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.3FOVDOJX.js";
 import {
   input_default
-} from "./chunks/chunk.PYXHGNNO.js";
+} from "./chunks/chunk.ZXRJ4KDL.js";
 import {
   menu_default
-} from "./chunks/chunk.VCOQY4Y7.js";
-import "./chunks/chunk.IODSZKC3.js";
+} from "./chunks/chunk.QWCMHMXL.js";
+import "./chunks/chunk.UR6LFFCN.js";
 import "./chunks/chunk.PILX7LVU.js";
 import "./chunks/chunk.RSSY7KPD.js";
-import "./chunks/chunk.N6ZPVKHZ.js";
+import "./chunks/chunk.MY4UOZQR.js";
 import "./chunks/chunk.OOABXWCW.js";
 import "./chunks/chunk.PDHVYHXD.js";
 import "./chunks/chunk.JDBDBGQP.js";
 import {
   icon_button_default
-} from "./chunks/chunk.5YWK3G4K.js";
-import "./chunks/chunk.EHOKGWX4.js";
+} from "./chunks/chunk.PLYRNXO5.js";
+import "./chunks/chunk.EX6PHTKD.js";
 import "./chunks/chunk.3A65FBTX.js";
 import "./chunks/chunk.AW2HNLNP.js";
 import {
   dropdown_default
-} from "./chunks/chunk.ZMVR45S6.js";
+} from "./chunks/chunk.LD43YPTP.js";
 import {
   header_default
-} from "./chunks/chunk.YGWAASPJ.js";
-import "./chunks/chunk.WBMLUOGK.js";
+} from "./chunks/chunk.5POEZPXI.js";
+import "./chunks/chunk.GGTB5RZK.js";
 import "./chunks/chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunks/chunk.XNSEXZCK.js";
+} from "./chunks/chunk.UOCGYAVP.js";
 import {
   divider_default
-} from "./chunks/chunk.FNQSNNJR.js";
+} from "./chunks/chunk.OD3ZRSCN.js";
 import {
   drawer_default
-} from "./chunks/chunk.7XHOKC22.js";
-import "./chunks/chunk.EBLECPJG.js";
+} from "./chunks/chunk.UNWDGUMS.js";
+import "./chunks/chunk.2RTVPLA4.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import "./chunks/chunk.PHSJD47V.js";
-import "./chunks/chunk.75XQL6PG.js";
-import "./chunks/chunk.UHHXPHZM.js";
+import "./chunks/chunk.WAW6B7ID.js";
+import "./chunks/chunk.XN5TDOQI.js";
 import "./chunks/chunk.MIMALEWP.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.SLCYXMHB.js";
 import {
   checkbox_default
-} from "./chunks/chunk.QZNE2FOK.js";
+} from "./chunks/chunk.CXLU3VIF.js";
 import {
   dialog_default
-} from "./chunks/chunk.AORDSCKC.js";
-import "./chunks/chunk.6LNLSUMW.js";
+} from "./chunks/chunk.NP6RUQHV.js";
+import "./chunks/chunk.Q47TSDLT.js";
 import "./chunks/chunk.ITXLZUTJ.js";
 import "./chunks/chunk.RIJKFEYZ.js";
 import "./chunks/chunk.2QOQY4ZG.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import "./chunks/chunk.YMICCSK6.js";
-import "./chunks/chunk.FGE6BQJ3.js";
+import "./chunks/chunk.XKMNFCMU.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.ACTJFDNK.js";
 import {
   button_group_default
-} from "./chunks/chunk.3TRBUEJ3.js";
+} from "./chunks/chunk.K6RAJOFH.js";
 import {
   card_default
-} from "./chunks/chunk.NTXHHR4Y.js";
-import "./chunks/chunk.7ERFK5ZT.js";
-import "./chunks/chunk.J5LCVXA5.js";
+} from "./chunks/chunk.ALA3LG2Q.js";
+import "./chunks/chunk.TDWPDWV4.js";
+import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.GCU2ZNB2.js";
-import "./chunks/chunk.VYQU5NRM.js";
+import "./chunks/chunk.VLFUE45C.js";
 import "./chunks/chunk.WFAJR3FN.js";
 import "./chunks/chunk.TTL762VF.js";
 import "./chunks/chunk.IG3RCOB3.js";
 import "./chunks/chunk.NIYKFSPR.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.O3YPM3KC.js";
+} from "./chunks/chunk.HEJ6O4CS.js";
 import {
   button_default
-} from "./chunks/chunk.CVQEFENM.js";
-import "./chunks/chunk.WG2QFF66.js";
-import "./chunks/chunk.ILTSTORV.js";
+} from "./chunks/chunk.3GYQCNNB.js";
+import "./chunks/chunk.ODV5KTQX.js";
+import "./chunks/chunk.MFMME6IU.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.66DXY7BX.js";
 import "./chunks/chunk.JUJZBRXD.js";
 import "./chunks/chunk.I25TRQGB.js";
 import "./chunks/chunk.Q4CRAGN3.js";
-import "./chunks/chunk.ET3NIUTG.js";
+import "./chunks/chunk.YOW6LLS7.js";
 import "./chunks/chunk.A7IIJ2LL.js";
 import {
   badge_default
-} from "./chunks/chunk.IC2DDTSC.js";
+} from "./chunks/chunk.APVUOX4X.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.3ZYWXZRL.js";
-import "./chunks/chunk.SHIBG5ZI.js";
+} from "./chunks/chunk.5HWI7WDT.js";
+import "./chunks/chunk.VUMY7MJT.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.Z6T7VV4R.js";
-import "./chunks/chunk.QLDA2CKN.js";
+import "./chunks/chunk.CWZ4FEAV.js";
 import "./chunks/chunk.KLDQHER5.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import {
   alert_default
-} from "./chunks/chunk.S7G2FNQC.js";
-import "./chunks/chunk.JH2RNNHN.js";
-import "./chunks/chunk.TUIMTZS3.js";
+} from "./chunks/chunk.DSIZBV7C.js";
+import "./chunks/chunk.BO74VWXK.js";
+import "./chunks/chunk.OF7YXNPE.js";
 import "./chunks/chunk.ZHH2AHOZ.js";
 import "./chunks/chunk.LJQ7LEPV.js";
 import "./chunks/chunk.UMKKOHXB.js";
 import "./chunks/chunk.QAUTITK3.js";
-import "./chunks/chunk.JVN6QVKB.js";
+import "./chunks/chunk.HSJIUWQS.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -230,11 +230,11 @@ import {
 } from "./chunks/chunk.C7624ITA.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.PS4UJFYT.js";
-import "./chunks/chunk.RU4ZC6UP.js";
+import "./chunks/chunk.3F2OUNM2.js";
 import "./chunks/chunk.II4PANKR.js";
-import "./chunks/chunk.GEHO4WRP.js";
-import "./chunks/chunk.QY3GFWGZ.js";
-import "./chunks/chunk.ALVUFXV4.js";
+import "./chunks/chunk.M6WH7QEC.js";
+import "./chunks/chunk.6XXPHG57.js";
+import "./chunks/chunk.NF2R6RZV.js";
 import "./chunks/chunk.WQJRBFZA.js";
 import "./chunks/chunk.QNDC5KWA.js";
 export {

package/dist/translations/de.js

@@ -1,7 +1,7 @@
 import {
   registerTranslation
-} from "../chunks/chunk.GEHO4WRP.js";
-import "../chunks/chunk.QY3GFWGZ.js";
+} from "../chunks/chunk.M6WH7QEC.js";
+import "../chunks/chunk.6XXPHG57.js";
 import "../chunks/chunk.QNDC5KWA.js";
 
 // src/translations/de.ts
@@ -39,10 +39,11 @@ var translation = {
   toggleColorFormat: "Farbformat umschalten",
   // Automatically generated custom translations.
   // @see scripts/vendorism/translations.vendorism.js
-  closeMenu: "Menu schlie\xDFen",
+  closeMenu: "Men\xFC schlie\xDFen",
   danger: "Gefahr",
   notification: "Benachrichtigung",
-  openMenu: "Menu \xF6ffnen",
+  menu: "Men\xFC",
+  openMenu: "Men\xFC \xF6ffnen",
   sideNav: "Seitennavigation",
   success: "Erfolg",
   warning: "Warnung"

package/dist/translations/de.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/translations/de.ts"],
-  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Menu schlie\u00DFen',\n  danger: 'Gefahr',\n  notification: 'Benachrichtigung',\n  openMenu: 'Menu \u00F6ffnen',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
-  "mappings": ";;;;;;;AASA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ;AAAG,aAAO;AACtB,QAAI,QAAQ;AAAG,aAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Men\u00FC schlie\u00DFen',\n  danger: 'Gefahr',\n  notification: 'Benachrichtigung',\n  menu: 'Men\u00FC',\n  openMenu: 'Men\u00FC \u00F6ffnen',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";;;;;;;AASA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ;AAAG,aAAO;AACtB,QAAI,QAAQ;AAAG,aAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
   "names": []
 }

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.QY3GFWGZ.js";
+} from "../chunks/chunk.6XXPHG57.js";
 import "../chunks/chunk.QNDC5KWA.js";
 export {
   en_default as default

package/dist/utilities/localize.d.ts

@@ -6,6 +6,7 @@ export { registerTranslation } from '@shoelace-style/localize';
 export interface Translation extends DefaultTranslation {
     closeMenu: string;
     danger: string;
+    menu: string;
     notification: string;
     openMenu: string;
     sideNav: string;

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.GEHO4WRP.js";
-import "../chunks/chunk.QY3GFWGZ.js";
+} from "../chunks/chunk.M6WH7QEC.js";
+import "../chunks/chunk.6XXPHG57.js";
 import "../chunks/chunk.QNDC5KWA.js";
 export {
   LocalizeController,

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

@@ -263,8 +263,8 @@
       "description": "Cards can be used to group related subjects in a container.\n---\n\n\n### **Slots:**\n - _default_ - The card's main content.\n- **header** - An optional header for the card.\n- **footer** - An optional footer for the card.\n- **image** - An optional image to render at the start of the card.\n\n### **CSS Properties:**\n - **--border-color** - The card's border color, including borders that occur inside the card. _(default: undefined)_\n- **--border-radius** - The border radius for the card's edges. _(default: undefined)_\n- **--border-width** - The width of the card's borders. _(default: undefined)_\n- **--padding** - The padding to use for the card's sections. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **image** - The container that wraps the card's image.\n- **header** - The container that wraps the card's header.\n- **body** - The container that wraps the card's main content.\n- **footer** - The container that wraps the card's footer.",
       "attributes": [
         {
-          "name": "nested",
-          "description": "Draws the card as a nested item. Can be used when nesting multiple syn-cards to create hierarchy",
+          "name": "sharp",
+          "description": "Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy.",
           "values": []
         }
       ],
@@ -495,22 +495,21 @@
     },
     {
       "name": "syn-header",
-      "description": "The <syn-header /> element provides a generic application header\nthat can be used to add applications name, toolbar and primary navigation.\n---\n\n\n### **Events:**\n - **syn-burger-menu-show** - Emitted when the burger menu button is toggled to visible\n- **syn-burger-menu-hide** - Emitted when the burger menu button is toggled to not visible\n\n### **Methods:**\n - **connectSideNavigation(sideNav: _SynSideNav_)** - Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation\nlike showing the burger menu icon and open / close handling.\n\nIf no side navigation is connected, the header will use the first `syn-side-nav` element it\nfinds.\n\n### **Slots:**\n - _default_ - The label for the header.\n- **logo** - The logo that should be displayed. Will fall back to the SICK logo if not provided.\n- **meta-navigation** - The meta-navigation is used to add various application toolbar icons. Best used with `<syn-icon-button />` and `<syn-drop-down />`\n- **navigation** - This slot can be used to add an optional horizontal navigation\n- **show-burger-menu** - An icon to use in lieu of the default show burger menu icon\n- **hide-burger-menu** - An icon to use in lieu of the default hide burger menu icon\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **content** - The wrapper most content items reside\n- **logo** - The wrapper the application logo resides in\n- **label** - The element wrapping the application name\n- **meta-navigation** - The Item wrapping the optional application menu\n- **navigation** - The wrapper that is holding the optional top navigation section\n- **burger-menu-toggle-button** - The button that toggles the burger menu",
+      "description": "The <syn-header /> element provides a generic application header\nthat can be used to add applications name, toolbar and primary navigation.\n---\n\n\n### **Events:**\n - **syn-burger-menu-closed** - Emitted when the burger menu is toggled to closed\n- **syn-burger-menu-hidden** - Emitted when the burger menu is toggled to hidden\n- **syn-burger-menu-open** - Emitted when the burger menu is toggled to open\n\n### **Methods:**\n - **connectSideNavigation(sideNav: _SynSideNav | null_)** - Connect a `syn-side-nav` to add automatic interaction of the header with the side navigation\nlike showing the burger menu icon and open / close handling.\n\nIf no side navigation is connected, the header will use the first `syn-side-nav` element it\nfinds.\n\n### **Slots:**\n - **label** - The label for the header\n- **logo** - The logo that should be displayed. Will fall back to the SICK logo if not provided\n- **meta-navigation** - The meta-navigation is used to add various application toolbar icons Best used with `<syn-icon-button />` and `<syn-drop-down />`\n- **navigation** - This slot can be used to add an optional horizontal navigation\n- **open-burger-menu-icon** - An icon to use in lieu of the default burger-menu=open state. The default close icon is a 'x'.\n- **closed-burger-menu-icon** - An icon to use in lieu of the default burger-menu=closed state. The default open icon is a burger menu.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper\n- **content** - The wrapper most content items reside\n- **logo** - The wrapper the application logo resides in\n- **label** - The element wrapping the application name\n- **meta-navigation** - The Item wrapping the optional application menu\n- **navigation** - The wrapper that is holding the optional top navigation section\n- **burger-menu-toggle-button** - The button that toggles the burger menu",
       "attributes": [
         {
           "name": "label",
-          "description": "The headers label. If you need to display HTML, use the `default` slot instead.",
+          "description": "The headers label. If you need to display HTML, use the `label` slot instead.",
           "values": []
         },
         {
-          "name": "show-burger-menu",
-          "description": "Adds a button to toggle the burger menu's visibility.\nThe button is added automatically, if the component finds a syn-side-nav in non-rail mode.",
-          "values": []
-        },
-        {
-          "name": "burger-menu-visible",
-          "description": "Determines whether or not the burger menu is currently visible.",
-          "values": []
+          "name": "burger-menu",
+          "description": "Defines the current visibility and icon of the burger-menu icon.\nThe menu button is added automatically if the component finds a syn-side-nav in non-rail mode.\nThe 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",
+          "values": [
+            { "name": "hidden" },
+            { "name": "open" },
+            { "name": "closed" }
+          ]
         }
       ],
       "references": [
@@ -1119,13 +1118,7 @@
     {
       "name": "syn-prio-nav",
       "description": "The `<syn-prio-nav />` element provides a generic navigation bar\nthat can be used to group multiple navigation items  (usually horizontal `<syn-nav-item />`s)\ntogether. It will automatically group all items not visible in the viewport into a custom\npriority menu.\n---\n\n\n### **Slots:**\n - _default_ - The given navigation items. Must be horizontal `<syn-nav-item>`s or have a role of \"menuitem\"\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **priority-menu** - The wrapper around the priority menu\n- **priority-menu-nav-item** - The navigation item for the priority menu\n- **priority-menu-label** - The label for the priority menu\n- **priority-menu-icon** - The icon for the priority menu\n- **priority-menu-container** - The container for the shifted navigation items, if there is not enough space.",
-      "attributes": [
-        {
-          "name": "priority-menu-label",
-          "description": "The components priority menu label.\nThis will be shown after the priority menu 3 dots link",
-          "values": []
-        }
-      ],
+      "attributes": [],
       "references": [
         {
           "name": "Documentation",

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "1.27.0",
+  "version": "2.0.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -89,9 +89,9 @@
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^3.0.0",
     "vue-tsc": "^2.0.14",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "1.20.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/tokens": "2.0.0"
   },
   "release": {
     "branches": [

package/dist/chunks/chunk.3QPG42BO.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/prio-nav/prio-nav.component.ts"],
-  "sourcesContent": ["/* eslint-disable no-param-reassign */\nimport type { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit/static-html.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './prio-nav.styles.js';\nimport SynDropdown from '../dropdown/dropdown.component.js';\nimport SynIcon from '../icon/icon.component.js';\nimport SynMenu from '../menu/menu.component.js';\nimport SynNavItem from '../nav-item/nav-item.component.js';\nimport {\n  filterOnlyNavItems,\n  getAssignedElementsForSlot,\n} from './utils.js';\n\n/**\n * @summary The `<syn-prio-nav />` element provides a generic navigation bar\n * that can be used to group multiple navigation items  (usually horizontal `<syn-nav-item />`s)\n * together. It will automatically group all items not visible in the viewport into a custom\n * priority menu.\n *\n * @example\n * <syn-prio-nav>\n *  <syn-nav-item current horizontal>Item 1</syn-nav-item>\n *  <button role=\"menuitem\">Item 2 (custom)</button>\n *  <syn-nav-item horizontal>Item 3</syn-nav-item>\n * </syn-prio-nav>\n *\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-prio-nav--docs\n * @status stable\n * @since 1.14.0\n *\n * @dependency syn-dropdown\n * @dependency syn-icon\n * @dependency syn-menu\n * @dependency syn-nav-item\n *\n * @slot - The given navigation items. Must be horizontal `<syn-nav-item>`s\n *    or have a role of \"menuitem\"\n *\n * @csspart base - The component's base wrapper.\n * @csspart priority-menu - The wrapper around the priority menu\n * @csspart priority-menu-nav-item - The navigation item for the priority menu\n * @csspart priority-menu-label - The label for the priority menu\n * @csspart priority-menu-icon - The icon for the priority menu\n * @csspart priority-menu-container - The container for the shifted navigation items,\n *    if there is not enough space.\n *\n */\nexport default class SynPrioNav extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  static dependencies = {\n    'syn-dropdown': SynDropdown,\n    'syn-icon': SynIcon,\n    'syn-menu': SynMenu,\n    'syn-nav-item': SynNavItem,\n  };\n\n  /**\n   * Internal resize observer\n   */\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * Reference to the rendered children slot\n   */\n  @query('slot:not([name])') private defaultSlot: HTMLSlotElement;\n\n  /**\n   * Reference to the slot where priority menu items are placed\n   */\n  @query('slot[name=menu]') private menuSlot: HTMLSlotElement;\n\n  /**\n   * The wrapper that holds the horizontal navigation items\n   */\n  @query('.horizontal-nav') private horizontalNav: HTMLDivElement;\n\n  /**\n   * The priority menu dropdown\n   */\n  @query('.priority-menu') private priorityMenu: SynDropdown;\n\n  /**\n   * The components priority menu label.\n   * This will be shown after the priority menu 3 dots link\n   */\n  @property({ attribute: 'priority-menu-label' }) priorityMenuLabel = 'Menu';\n\n  /**\n   * Internal state reflecting if the item positions have been cached\n   */\n  @state() private itemPositionsCached = false;\n\n  /**\n   * The amount of nav items that are currently slotted\n   */\n  @state() private amountOfNavItems = 0;\n\n  /**\n   * The amount of items that are currently visible\n   */\n  @state() private amountOfVisibleItems = 0;\n\n  /**\n   * Internal state reflecting if there are items in the priority menu\n   */\n  @state() private hasItemsInDropdown = false;\n\n  /**\n   * Get a list of all slotted `<syn-nav-item />` elements\n   * that are either in the main slot or the priority menu slot\n   */\n  private getSlottedNavItems() {\n    const navItemsInDefaultSlot = filterOnlyNavItems(getAssignedElementsForSlot(this.defaultSlot));\n    const navItemsInMenuSlot = filterOnlyNavItems(getAssignedElementsForSlot(this.menuSlot));\n    return navItemsInDefaultSlot.concat(navItemsInMenuSlot);\n  }\n\n  /**\n   * Cache the items right offset position to make faster checks placement into priority menu\n   * @param items The items to cache the position for\n   */\n  private cacheItemPositions(items: SynNavItem[]) {\n    items.forEach(item => {\n      // We have to measure while the items are in the primary slot,\n      // else we will just get the placement in the priority menu\n      item.removeAttribute('slot');\n      const { right } = item.getBoundingClientRect();\n      item.dataset.right = right.toString();\n    });\n\n    this.itemPositionsCached = true;\n  }\n\n  /**\n   * Determines which items should be shown or hidden, depending on the current width\n   */\n  private handlePriorityMenu() {\n    const navItems = this.getSlottedNavItems();\n\n    if (!this.itemPositionsCached) {\n      this.cacheItemPositions(navItems);\n    }\n\n    // Get the widths of the horizontal nav and the priority menu\n    // We subtract the width of the priority menu to get the final width\n    const { width } = this.horizontalNav.getBoundingClientRect();\n    const { clientWidth } = this.priorityMenu;\n    const finalWidth = width - clientWidth;\n\n    // Cache the first item\n    let firstHiddenItemRightPos: number | undefined;\n\n    let visibleItems = 0;\n\n    // Save the position of all the elements in a cache\n    navItems.forEach(item => {\n      // Make sure to use the cache obtained in createGhostItems\n      const isHidden = firstHiddenItemRightPos || parseFloat(item.dataset.right!) >= finalWidth;\n\n      if (isHidden) {\n        item.removeAttribute('horizontal');\n        item.setAttribute('slot', 'menu');\n\n        // Makes sure the item is focusable in a syn-dropdown\n        item.setAttribute('role', 'menuitem');\n\n        // Get the position of the first item\n        // Will get used to position the priority menu\n        if (!firstHiddenItemRightPos) {\n          firstHiddenItemRightPos = parseFloat(item.dataset.right!);\n        }\n      } else {\n        visibleItems += 1;\n        item.setAttribute('horizontal', 'true');\n        item.removeAttribute('slot');\n        item.removeAttribute('tabindex');\n\n        // Reset the role to the original value\n        if (item.dataset.originalRole) {\n          item.setAttribute('role', item.dataset.originalRole);\n        } else {\n          item.removeAttribute('role');\n        }\n      }\n    });\n\n    // Tell the render call that we have items in the priority menu\n    // and toggle the visibility of the priority menu label\n    this.hasItemsInDropdown = visibleItems !== navItems.length;\n    this.amountOfVisibleItems = visibleItems;\n  }\n\n  private renderPriorityMenu() {\n    return html`\n      <syn-dropdown\n        class=${classMap({\n          'priority-menu': true,\n          'priority-menu--has-visible-items': this.amountOfVisibleItems !== 0,\n          'priority-menu--hidden': !this.hasItemsInDropdown,\n        })}\n        part=\"priority-menu\"\n        placement=\"bottom-end\"\n      >\n        <syn-nav-item class=\"priority-menu__nav-item\" slot=\"trigger\" horizontal part=\"priority-menu-nav-item\">\n          <syn-icon \n            class=\"priority-menu__icon\"\n            label=\"More\"\n            library=\"system\"\n            name=\"more\"\n            part=\"priority-menu-icon\"\n            slot=\"prefix\"\n          >\n          </syn-icon>\n          <span\n            class=${classMap({\n              'priority-menu__label': true,\n              'priority-menu__label--visible': this.amountOfVisibleItems === 0,\n            })}\n            part=\"priority-menu-label\"\n          >\n            ${this.priorityMenuLabel}\n          </span>\n        </syn-nav-item>\n\n        <syn-menu part=\"priority-menu-container\">\n          <slot name=\"menu\"></slot>\n        </syn-menu>\n\n      </syn-dropdown>\n    `;\n  }\n\n  private slotChange() {\n    const slottedItems = this.getSlottedNavItems();\n\n    // Make sure to trigger a recalculation of the item positions if we a new list of slotted items\n    if (slottedItems.length !== this.amountOfNavItems) {\n      this.cacheItemPositions(slottedItems);\n      this.handlePriorityMenu();\n      this.amountOfNavItems = slottedItems.length;\n    }\n  }\n\n  protected firstUpdated() {\n    // Cache the original role of the items so we can reset it if needed.\n    this.getSlottedNavItems().forEach(item => {\n      item.dataset.originalRole = item.getAttribute('role') ?? '';\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.handlePriorityMenu());\n    this.resizeObserver.observe(this);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this);\n  }\n\n  render() {\n    /* eslint-disable @typescript-eslint/unbound-method */\n    return html`\n      <nav class=\"horizontal-nav\" part=\"base\">\n        <slot @slotchange=${this.slotChange}></slot>\n        ${this.renderPriorityMenu()}\n      </nav>\n    `;\n    /* eslint-enable @typescript-eslint/unbound-method */\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/side-nav/side-nav.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --side-nav-open-width: 25rem;\n    --side-nav-rail-width: 4.5rem;\n\n    display: block;\n  }\n\n  /* Side nav should have a width, so it behave correct in an e.g. display flex context */\n  .side-nav:not(.side-nav--rail).side-nav--open {\n    width: var(--side-nav-open-width);\n  }\n  \n  /**\n   * Side nav should have a width, so it behave correct in an e.g. display flex context.\n   * In rail mode the width is always the small rail width, because there should be no shrinking possible of the main content area.\n   */\n  .side-nav.side-nav--rail {\n    width: var(--side-nav-rail-width);\n  }\n\n\n\n  /**\n   * Syn-drawer styling\n   */\n  .side-nav__drawer {\n    --size: var(--side-nav-open-width);\n  }\n  \n  .side-nav__drawer::part(base){\n    position: absolute;\n  }\n\n  .side-nav__drawer::part(body), .side-nav__drawer::part(footer) {\n    padding: 0;\n  }\n\n  /** \n   * Overlay \n   */\n  .side-nav__drawer::part(overlay){\n    position: absolute;\n  }\n\n  /**\n   * Fixed mode\n   */\n  .side-nav--fix .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n  /**\n   * Rail mode\n   */\n  :not(.side-nav--open).side-nav--rail .side-nav__drawer {\n    --size: var(--side-nav-rail-width);\n  }\n\n  .side-nav--open.side-nav--rail.side-nav--touch .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n  /**\n   * Avoid multiline flickering on open and close animation\n   */\n  .side-nav--rail.side-nav--animation {\n    white-space: nowrap;\n  }\n\n  /**\n   * Hide the scrollbars in closed rail mode\n   */ \n  :not(.side-nav--open).side-nav--rail .side-nav__drawer::part(body){\n    overflow: hidden;\n  }\n\n  /**\n   * Footer divider\n   */\n  .side-nav__footer-divider{\n    --spacing: 0;\n    --color: var(--syn-color-neutral-300);\n  }\n\n  :not(.side-nav--open).side-nav--rail ::slotted(syn-nav-item){\n    --display-children: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/chunks/chunk.WBMLUOGK.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 - 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 show-burger-menu - An icon to use in lieu of the default show burger menu icon\n * @slot hide-burger-menu - An icon to use in lieu of the default hide burger menu icon\n *\n * @event syn-burger-menu-show - Emitted when the burger menu button is toggled to visible\n * @event syn-burger-menu-hide - Emitted when the burger menu button is toggled to not visible\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 `default` slot instead.\n   */\n  @property() label = '';\n\n  /**\n   * Adds a button to toggle the burger menu's visibility.\n   * The button is added automatically, if the component finds a syn-side-nav in non-rail mode.\n   */\n  @property({ attribute: 'show-burger-menu', reflect: true, type: Boolean }) showBurgerMenu = false;\n\n  /**\n   * Determines whether or not the burger menu is currently visible.\n   */\n  @property({ attribute: 'burger-menu-visible', reflect: true, type: Boolean }) burgerMenuVisible = false;\n\n  /**\n   * The side nav\n   */\n  @state() private sideNav: SynSideNav | null;\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.burgerMenuVisible = !this.burgerMenuVisible;\n  }\n\n  private updateBurgerMenuBasedOnSideNav() {\n    // The side-nav has a higher priority than when the burger menu toggle and visibility\n    // is set via property\n    if (this.sideNav) {\n      this.showBurgerMenu = !this.sideNav.rail;\n      this.burgerMenuVisible = !this.sideNav.rail ? this.sideNav.open : false;\n    }\n  }\n\n  @watch('burgerMenuVisible', { waitUntilFirstUpdate: true })\n  handleBurgerMenuVisible() {\n    this.emit(this.burgerMenuVisible ? 'syn-burger-menu-show' : 'syn-burger-menu-hide');\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    const sideNav = document.querySelector('syn-side-nav')!;\n    this.connectSideNavigation(sideNav);\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) {\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\n    return html`\n      <header\n        class=${classMap({\n          header: true,\n          'header--has-burger-menu': this.showBurgerMenu,\n          'header--has-navigation': hasNavigation,\n        })}\n        part=\"base\"\n      >\n        <!-- .header__content -->\n        <div part=\"content\" class=\"header__content\">\n\n          ${this.showBurgerMenu\n              ? html`\n                  <button\n                    part=\"burger-menu-toggle-button\"\n                    class=\"header__burger-menu-toggle\"\n                    type=\"button\"\n                    @click=${this.handleBurgerMenuToggle}\n                    aria-label=${this.localize.term(this.burgerMenuVisible ? 'closeMenu' : 'openMenu')}\n                  >\n                    ${this.burgerMenuVisible\n                      ? html`\n                          <slot name=\"show-burger-menu\">\n                            <syn-icon name=\"x-lg\" library=\"system\"></syn-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"hide-burger-menu\">\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>\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": []
-}

package/dist/events/syn-burger-menu-hide.d.ts

@@ -1,6 +0,0 @@
-export type SynBurgerMenuHideEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'syn-burger-menu-hide': SynBurgerMenuHideEvent;
-    }
-}

package/dist/events/syn-burger-menu-show.d.ts

@@ -1,6 +0,0 @@
-export type SynBurgerMenuShowEvent = CustomEvent<Record<PropertyKey, never>>;
-declare global {
-    interface GlobalEventHandlersEventMap {
-        'syn-burger-menu-show': SynBurgerMenuShowEvent;
-    }
-}