@synergy-design-system/components 1.9.0 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/chunks/{chunk.PRZRH7SN.js → chunk.4FD6EN6V.js} +2 -2
  2. package/dist/chunks/{chunk.5R3OVMH2.js → chunk.5S4NBTAE.js} +3 -3
  3. package/dist/chunks/{chunk.BJYVLDYR.js → chunk.73CGLYDS.js} +2 -2
  4. package/dist/chunks/{chunk.JRXQK6LG.js → chunk.7UVCYUNR.js} +2 -2
  5. package/dist/chunks/{chunk.K3O2PP7X.js → chunk.AFOOC2IJ.js} +2 -2
  6. package/dist/chunks/{chunk.MDZ22YWD.js → chunk.BI3SSGDL.js} +3 -3
  7. package/dist/chunks/{chunk.FSONLJTT.js → chunk.CIENFFDB.js} +4 -4
  8. package/dist/chunks/{chunk.3O5WTWSN.js → chunk.DG6V34TC.js} +2 -2
  9. package/dist/chunks/{chunk.Y72MIUNI.js → chunk.EVPQK6A6.js} +2 -2
  10. package/dist/chunks/{chunk.KDDTDU4B.js → chunk.FUUO3LIN.js} +5 -5
  11. package/dist/chunks/chunk.G7SPBDNX.js +12 -0
  12. package/dist/chunks/chunk.G7SPBDNX.js.map +7 -0
  13. package/dist/chunks/{chunk.UZFPGR6M.js → chunk.GQCIN3QI.js} +2 -2
  14. package/dist/chunks/{chunk.AJU6C4KC.js → chunk.GQFFWTB6.js} +2 -2
  15. package/dist/chunks/{chunk.5CB3CVZ7.js → chunk.GXPIMLW3.js} +2 -2
  16. package/dist/chunks/{chunk.BTZX6ZFZ.js → chunk.HXLFB7ZH.js} +2 -2
  17. package/dist/chunks/{chunk.IOPUYG6Q.js → chunk.IZUTSNSL.js} +2 -2
  18. package/dist/chunks/chunk.JDXKGJ63.js +99 -0
  19. package/dist/chunks/chunk.JDXKGJ63.js.map +7 -0
  20. package/dist/chunks/{chunk.BLOH2ZNU.js → chunk.JLNH2W3S.js} +3 -3
  21. package/dist/chunks/{chunk.RMZBSKRR.js → chunk.L5APUSPB.js} +5 -5
  22. package/dist/chunks/{chunk.F4THECWA.js → chunk.LGADMVOP.js} +2 -2
  23. package/dist/chunks/{chunk.GBOII6N4.js → chunk.LH3GMK7S.js} +3 -3
  24. package/dist/chunks/{chunk.PWMSNMDF.js → chunk.LVDTUHAK.js} +7 -7
  25. package/dist/chunks/{chunk.FUNZW7ES.js → chunk.MOE5YJDU.js} +2 -2
  26. package/dist/chunks/{chunk.5AAIHRMI.js → chunk.N4VSEIRQ.js} +3 -1
  27. package/dist/chunks/{chunk.5AAIHRMI.js.map → chunk.N4VSEIRQ.js.map} +2 -2
  28. package/dist/chunks/{chunk.LZE7OXKV.js → chunk.NKGRF5PE.js} +2 -2
  29. package/dist/chunks/{chunk.QY6MKIMK.js → chunk.NSYEQECK.js} +2 -2
  30. package/dist/chunks/{chunk.O6AXKVFJ.js → chunk.NUWM3YC3.js} +4 -4
  31. package/dist/chunks/{chunk.IR2PZHC7.js → chunk.P2KXCLJX.js} +2 -2
  32. package/dist/chunks/{chunk.VATYXV2O.js → chunk.PKNEJYPC.js} +2 -2
  33. package/dist/chunks/{chunk.GAPQVJGQ.js → chunk.RITXJLM2.js} +3 -3
  34. package/dist/chunks/{chunk.XEI5ZP7Y.js → chunk.SNE4YYHY.js} +2 -2
  35. package/dist/chunks/{chunk.LF2XSSHD.js → chunk.SOGEZO2M.js} +2 -2
  36. package/dist/chunks/{chunk.3DE5ARIC.js → chunk.U24UDJCX.js} +2 -2
  37. package/dist/chunks/{chunk.3DE5ARIC.js.map → chunk.U24UDJCX.js.map} +1 -1
  38. package/dist/chunks/{chunk.RMQZMRVP.js → chunk.UAHEM2KD.js} +2 -2
  39. package/dist/chunks/{chunk.6MS3WNDW.js → chunk.VJ5NFXWS.js} +2 -2
  40. package/dist/chunks/{chunk.WC5SV4TV.js → chunk.W2U4WOJV.js} +4 -4
  41. package/dist/chunks/{chunk.BGKFRWWO.js → chunk.WHZYEHUG.js} +3 -3
  42. package/dist/chunks/{chunk.HF75YRVS.js → chunk.XQCYTG77.js} +5 -5
  43. package/dist/chunks/{chunk.KNXO2FGQ.js → chunk.ZFFM3DYG.js} +3 -3
  44. package/dist/chunks/{chunk.ZT5DUKVA.js → chunk.ZGNSJN4N.js} +2 -2
  45. package/dist/chunks/{chunk.OJF7KL44.js → chunk.ZHH2AHOZ.js} +2 -1
  46. package/dist/chunks/chunk.ZHH2AHOZ.js.map +7 -0
  47. package/dist/chunks/{chunk.5BMNRZ7L.js → chunk.ZQKBDPXT.js} +2 -2
  48. package/dist/chunks/chunk.ZYXL5PMB.js +80 -0
  49. package/dist/chunks/chunk.ZYXL5PMB.js.map +7 -0
  50. package/dist/components/button/button.component.js +7 -7
  51. package/dist/components/button/button.js +8 -8
  52. package/dist/components/button-group/button-group.component.js +2 -2
  53. package/dist/components/button-group/button-group.js +3 -3
  54. package/dist/components/checkbox/checkbox.component.js +6 -6
  55. package/dist/components/checkbox/checkbox.js +7 -7
  56. package/dist/components/divider/divider.component.js +2 -2
  57. package/dist/components/divider/divider.js +3 -3
  58. package/dist/components/drawer/drawer.component.js +8 -8
  59. package/dist/components/drawer/drawer.js +9 -9
  60. package/dist/components/header/header.component.d.ts +36 -0
  61. package/dist/components/header/header.component.js +20 -0
  62. package/dist/components/header/header.component.js.map +7 -0
  63. package/dist/components/header/header.d.ts +8 -0
  64. package/dist/components/header/header.js +21 -0
  65. package/dist/components/header/header.js.map +7 -0
  66. package/dist/components/header/header.styles.d.ts +2 -0
  67. package/dist/components/header/header.styles.js +8 -0
  68. package/dist/components/header/header.styles.js.map +7 -0
  69. package/dist/components/icon/icon.component.js +5 -5
  70. package/dist/components/icon/icon.js +6 -6
  71. package/dist/components/icon/library.js +2 -2
  72. package/dist/components/icon/library.system.js +1 -1
  73. package/dist/components/icon-button/icon-button.component.js +7 -7
  74. package/dist/components/icon-button/icon-button.custom.styles.js +1 -1
  75. package/dist/components/icon-button/icon-button.js +8 -8
  76. package/dist/components/input/input.component.js +7 -7
  77. package/dist/components/input/input.js +8 -8
  78. package/dist/components/optgroup/optgroup.component.js +3 -3
  79. package/dist/components/optgroup/optgroup.js +4 -4
  80. package/dist/components/option/option.component.js +6 -6
  81. package/dist/components/option/option.js +7 -7
  82. package/dist/components/popup/popup.component.js +2 -2
  83. package/dist/components/radio/radio.component.js +6 -6
  84. package/dist/components/radio/radio.js +7 -7
  85. package/dist/components/radio-button/radio-button.component.js +2 -2
  86. package/dist/components/radio-button/radio-button.js +3 -3
  87. package/dist/components/radio-group/radio-group.component.js +3 -3
  88. package/dist/components/radio-group/radio-group.js +4 -4
  89. package/dist/components/select/select.component.js +10 -10
  90. package/dist/components/select/select.js +11 -11
  91. package/dist/components/spinner/spinner.component.js +2 -2
  92. package/dist/components/switch/switch.component.js +3 -3
  93. package/dist/components/switch/switch.js +4 -4
  94. package/dist/components/tag/tag.component.js +8 -8
  95. package/dist/components/tag/tag.js +9 -9
  96. package/dist/components/textarea/textarea.component.js +3 -3
  97. package/dist/components/textarea/textarea.js +4 -4
  98. package/dist/custom-elements.json +257 -141
  99. package/dist/synergy.d.ts +1 -0
  100. package/dist/synergy.js +67 -61
  101. package/dist/utilities/icon-library.js +2 -2
  102. package/dist/vscode.html-custom-data.json +34 -17
  103. package/package.json +3 -3
  104. package/dist/chunks/chunk.OJF7KL44.js.map +0 -7
  105. /package/dist/chunks/{chunk.PRZRH7SN.js.map → chunk.4FD6EN6V.js.map} +0 -0
  106. /package/dist/chunks/{chunk.5R3OVMH2.js.map → chunk.5S4NBTAE.js.map} +0 -0
  107. /package/dist/chunks/{chunk.BJYVLDYR.js.map → chunk.73CGLYDS.js.map} +0 -0
  108. /package/dist/chunks/{chunk.JRXQK6LG.js.map → chunk.7UVCYUNR.js.map} +0 -0
  109. /package/dist/chunks/{chunk.K3O2PP7X.js.map → chunk.AFOOC2IJ.js.map} +0 -0
  110. /package/dist/chunks/{chunk.MDZ22YWD.js.map → chunk.BI3SSGDL.js.map} +0 -0
  111. /package/dist/chunks/{chunk.FSONLJTT.js.map → chunk.CIENFFDB.js.map} +0 -0
  112. /package/dist/chunks/{chunk.3O5WTWSN.js.map → chunk.DG6V34TC.js.map} +0 -0
  113. /package/dist/chunks/{chunk.Y72MIUNI.js.map → chunk.EVPQK6A6.js.map} +0 -0
  114. /package/dist/chunks/{chunk.KDDTDU4B.js.map → chunk.FUUO3LIN.js.map} +0 -0
  115. /package/dist/chunks/{chunk.UZFPGR6M.js.map → chunk.GQCIN3QI.js.map} +0 -0
  116. /package/dist/chunks/{chunk.AJU6C4KC.js.map → chunk.GQFFWTB6.js.map} +0 -0
  117. /package/dist/chunks/{chunk.5CB3CVZ7.js.map → chunk.GXPIMLW3.js.map} +0 -0
  118. /package/dist/chunks/{chunk.BTZX6ZFZ.js.map → chunk.HXLFB7ZH.js.map} +0 -0
  119. /package/dist/chunks/{chunk.IOPUYG6Q.js.map → chunk.IZUTSNSL.js.map} +0 -0
  120. /package/dist/chunks/{chunk.BLOH2ZNU.js.map → chunk.JLNH2W3S.js.map} +0 -0
  121. /package/dist/chunks/{chunk.RMZBSKRR.js.map → chunk.L5APUSPB.js.map} +0 -0
  122. /package/dist/chunks/{chunk.F4THECWA.js.map → chunk.LGADMVOP.js.map} +0 -0
  123. /package/dist/chunks/{chunk.GBOII6N4.js.map → chunk.LH3GMK7S.js.map} +0 -0
  124. /package/dist/chunks/{chunk.PWMSNMDF.js.map → chunk.LVDTUHAK.js.map} +0 -0
  125. /package/dist/chunks/{chunk.FUNZW7ES.js.map → chunk.MOE5YJDU.js.map} +0 -0
  126. /package/dist/chunks/{chunk.LZE7OXKV.js.map → chunk.NKGRF5PE.js.map} +0 -0
  127. /package/dist/chunks/{chunk.QY6MKIMK.js.map → chunk.NSYEQECK.js.map} +0 -0
  128. /package/dist/chunks/{chunk.O6AXKVFJ.js.map → chunk.NUWM3YC3.js.map} +0 -0
  129. /package/dist/chunks/{chunk.IR2PZHC7.js.map → chunk.P2KXCLJX.js.map} +0 -0
  130. /package/dist/chunks/{chunk.VATYXV2O.js.map → chunk.PKNEJYPC.js.map} +0 -0
  131. /package/dist/chunks/{chunk.GAPQVJGQ.js.map → chunk.RITXJLM2.js.map} +0 -0
  132. /package/dist/chunks/{chunk.XEI5ZP7Y.js.map → chunk.SNE4YYHY.js.map} +0 -0
  133. /package/dist/chunks/{chunk.LF2XSSHD.js.map → chunk.SOGEZO2M.js.map} +0 -0
  134. /package/dist/chunks/{chunk.RMQZMRVP.js.map → chunk.UAHEM2KD.js.map} +0 -0
  135. /package/dist/chunks/{chunk.6MS3WNDW.js.map → chunk.VJ5NFXWS.js.map} +0 -0
  136. /package/dist/chunks/{chunk.WC5SV4TV.js.map → chunk.W2U4WOJV.js.map} +0 -0
  137. /package/dist/chunks/{chunk.BGKFRWWO.js.map → chunk.WHZYEHUG.js.map} +0 -0
  138. /package/dist/chunks/{chunk.HF75YRVS.js.map → chunk.XQCYTG77.js.map} +0 -0
  139. /package/dist/chunks/{chunk.KNXO2FGQ.js.map → chunk.ZFFM3DYG.js.map} +0 -0
  140. /package/dist/chunks/{chunk.ZT5DUKVA.js.map → chunk.ZGNSJN4N.js.map} +0 -0
  141. /package/dist/chunks/{chunk.5BMNRZ7L.js.map → chunk.ZQKBDPXT.js.map} +0 -0
@@ -1,16 +1,16 @@
1
1
  import {
2
2
  icon_button_custom_styles_default
3
- } from "./chunk.OJF7KL44.js";
3
+ } from "./chunk.ZHH2AHOZ.js";
4
4
  import {
5
5
  icon_button_styles_default
6
6
  } from "./chunk.LJQ7LEPV.js";
7
7
  import {
8
8
  SynIcon
9
- } from "./chunk.PWMSNMDF.js";
9
+ } from "./chunk.LVDTUHAK.js";
10
10
  import {
11
11
  SynergyElement,
12
12
  component_styles_default
13
- } from "./chunk.3DE5ARIC.js";
13
+ } from "./chunk.U24UDJCX.js";
14
14
  import {
15
15
  __decorateClass
16
16
  } from "./chunk.QNDC5KWA.js";
@@ -138,4 +138,4 @@ __decorateClass([
138
138
  export {
139
139
  SynIconButton
140
140
  };
141
- //# sourceMappingURL=chunk.O6AXKVFJ.js.map
141
+ //# sourceMappingURL=chunk.NUWM3YC3.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynTextarea
3
- } from "./chunk.HF75YRVS.js";
3
+ } from "./chunk.XQCYTG77.js";
4
4
 
5
5
  // src/components/textarea/textarea.ts
6
6
  var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
9
9
  export {
10
10
  textarea_default
11
11
  };
12
- //# sourceMappingURL=chunk.IR2PZHC7.js.map
12
+ //# sourceMappingURL=chunk.P2KXCLJX.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynRadioButton
3
- } from "./chunk.UZFPGR6M.js";
3
+ } from "./chunk.GQCIN3QI.js";
4
4
 
5
5
  // src/components/radio-button/radio-button.ts
6
6
  var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
9
9
  export {
10
10
  radio_button_default
11
11
  };
12
- //# sourceMappingURL=chunk.VATYXV2O.js.map
12
+ //# sourceMappingURL=chunk.PKNEJYPC.js.map
@@ -22,11 +22,11 @@ import {
22
22
  } from "./chunk.AVTU2BGE.js";
23
23
  import {
24
24
  SynButtonGroup
25
- } from "./chunk.6MS3WNDW.js";
25
+ } from "./chunk.VJ5NFXWS.js";
26
26
  import {
27
27
  SynergyElement,
28
28
  component_styles_default
29
- } from "./chunk.3DE5ARIC.js";
29
+ } from "./chunk.U24UDJCX.js";
30
30
  import {
31
31
  __decorateClass
32
32
  } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
356
356
  export {
357
357
  SynRadioGroup
358
358
  };
359
- //# sourceMappingURL=chunk.GAPQVJGQ.js.map
359
+ //# sourceMappingURL=chunk.RITXJLM2.js.map
@@ -10,7 +10,7 @@ import {
10
10
  import {
11
11
  SynergyElement,
12
12
  component_styles_default
13
- } from "./chunk.3DE5ARIC.js";
13
+ } from "./chunk.U24UDJCX.js";
14
14
  import {
15
15
  __decorateClass
16
16
  } from "./chunk.QNDC5KWA.js";
@@ -41,4 +41,4 @@ __decorateClass([
41
41
  export {
42
42
  SynDivider
43
43
  };
44
- //# sourceMappingURL=chunk.XEI5ZP7Y.js.map
44
+ //# sourceMappingURL=chunk.SNE4YYHY.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynDivider
3
- } from "./chunk.XEI5ZP7Y.js";
3
+ } from "./chunk.SNE4YYHY.js";
4
4
 
5
5
  // src/components/divider/divider.ts
6
6
  var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
9
9
  export {
10
10
  divider_default
11
11
  };
12
- //# sourceMappingURL=chunk.LF2XSSHD.js.map
12
+ //# sourceMappingURL=chunk.SOGEZO2M.js.map
@@ -67,7 +67,7 @@ var SynergyElement = class extends LitElement {
67
67
  };
68
68
  /* eslint-disable */
69
69
  // @ts-expect-error This is auto-injected at build time.
70
- SynergyElement.version = "1.9.0";
70
+ SynergyElement.version = "1.10.1";
71
71
  SynergyElement.dependencies = {};
72
72
  __decorateClass([
73
73
  property()
@@ -80,4 +80,4 @@ export {
80
80
  component_styles_default,
81
81
  SynergyElement
82
82
  };
83
- //# sourceMappingURL=chunk.3DE5ARIC.js.map
83
+ //# sourceMappingURL=chunk.U24UDJCX.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styles/component.styles.ts", "../../src/internal/synergy-element.ts"],
4
- "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 { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n`;\n", "// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Match event type name strings that are registered on GlobalEventHandlersEventMap...\ntype EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap\n ? // ...where the event detail is an object...\n GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? // ...that is non-empty...\n GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? never\n : // ...and has at least one non-optional property\n Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? never\n : T\n : never\n : never;\n\n// The inverse of the above (match any type that doesn't match EventTypeRequiresDetail)\ntype EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? T\n : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? T\n : never\n : T\n : T;\n\n// `keyof EventTypesWithRequiredDetail` lists all registered event types that require detail\ntype EventTypesWithRequiredDetail = {\n [EventType in keyof GlobalEventHandlersEventMap as EventTypeRequiresDetail<EventType>]: true;\n};\n\n// `keyof EventTypesWithoutRequiredDetail` lists all registered event types that do NOT require detail\ntype EventTypesWithoutRequiredDetail = {\n [EventType in keyof GlobalEventHandlersEventMap as EventTypeDoesNotRequireDetail<EventType>]: true;\n};\n\n// Helper to make a specific property of an object non-optional\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n// Given an event name string, get a valid type for the options to initialize the event that is more restrictive than\n// just CustomEventInit when appropriate (validate the type of the event detail, and require it to be provided if the\n// event requires it)\ntype SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'>\n : CustomEventInit\n : CustomEventInit;\n\n// Given an event name string, get the type of the event\ntype GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown>\n ? GlobalEventHandlersEventMap[T]\n : CustomEvent<unknown>\n : CustomEvent<unknown>;\n\n// `keyof ValidEventTypeMap` is equivalent to `keyof GlobalEventHandlersEventMap` but gives a nicer error message\ntype ValidEventTypeMap = EventTypesWithRequiredDetail | EventTypesWithoutRequiredDetail;\n\nexport default class SynergyElement extends LitElement {\n // Make localization attributes reactive\n @property() dir: string;\n @property() lang: string;\n\n /** Emits a custom event with more convenient defaults. */\n emit<T extends string & keyof EventTypesWithoutRequiredDetail>(\n name: EventTypeDoesNotRequireDetail<T>,\n options?: SynEventInit<T> | undefined\n ): GetCustomEventType<T>;\n emit<T extends string & keyof EventTypesWithRequiredDetail>(\n name: EventTypeRequiresDetail<T>,\n options: SynEventInit<T>\n ): GetCustomEventType<T>;\n emit<T extends string & keyof ValidEventTypeMap>(\n name: T,\n options?: SynEventInit<T> | undefined\n ): GetCustomEventType<T> {\n const event = new CustomEvent(name, {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail: {},\n ...options\n });\n\n this.dispatchEvent(event);\n\n return event as GetCustomEventType<T>;\n }\n\n /* eslint-disable */\n // @ts-expect-error This is auto-injected at build time.\n static version = \"1.9.0\";\n \n\n static define(name: string, elementConstructor = this, options: ElementDefinitionOptions = {}) {\n const currentlyRegisteredConstructor = customElements.get(name) as\n | CustomElementConstructor\n | typeof SynergyElement;\n\n if (!currentlyRegisteredConstructor) {\n customElements.define(name, class extends elementConstructor {} as unknown as CustomElementConstructor, options);\n return;\n }\n\n let newVersion = ' (unknown version)';\n let existingVersion = newVersion;\n\n if ('version' in elementConstructor && elementConstructor.version) {\n newVersion = ' v' + elementConstructor.version;\n }\n\n if ('version' in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {\n existingVersion = ' v' + currentlyRegisteredConstructor.version;\n }\n\n // Need to make sure we're not working with null or empty strings before doing version comparisons.\n if (newVersion && existingVersion && newVersion === existingVersion) {\n // If versions match, we don't need to warn anyone. Carry on.\n return;\n }\n\n console.warn(\n `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`\n );\n }\n\n static dependencies: Record<string, typeof SynergyElement> = {};\n\n constructor() {\n super();\n Object.entries((this.constructor as typeof SynergyElement).dependencies).forEach(([name, component]) => {\n (this.constructor as typeof SynergyElement).define(name, component);\n });\n }\n}\n\nexport interface SynergyFormControl extends SynergyElement {\n // Form attributes\n name: string;\n value: unknown;\n disabled?: boolean;\n defaultValue?: unknown;\n defaultChecked?: boolean;\n form?: string;\n\n // Constraint validation attributes\n pattern?: string;\n min?: number | string | Date;\n max?: number | string | Date;\n step?: number | 'any';\n required?: boolean;\n minlength?: number;\n maxlength?: number;\n\n // Form validation properties\n readonly validity: ValidityState;\n readonly validationMessage: string;\n\n // Form validation methods\n checkValidity: () => boolean;\n getForm: () => HTMLFormElement | null;\n reportValidity: () => boolean;\n setCustomValidity: (message: string) => void;\n}\n"],
4
+ "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 { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n`;\n", "// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Match event type name strings that are registered on GlobalEventHandlersEventMap...\ntype EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap\n ? // ...where the event detail is an object...\n GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? // ...that is non-empty...\n GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? never\n : // ...and has at least one non-optional property\n Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? never\n : T\n : never\n : never;\n\n// The inverse of the above (match any type that doesn't match EventTypeRequiresDetail)\ntype EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? T\n : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? T\n : never\n : T\n : T;\n\n// `keyof EventTypesWithRequiredDetail` lists all registered event types that require detail\ntype EventTypesWithRequiredDetail = {\n [EventType in keyof GlobalEventHandlersEventMap as EventTypeRequiresDetail<EventType>]: true;\n};\n\n// `keyof EventTypesWithoutRequiredDetail` lists all registered event types that do NOT require detail\ntype EventTypesWithoutRequiredDetail = {\n [EventType in keyof GlobalEventHandlersEventMap as EventTypeDoesNotRequireDetail<EventType>]: true;\n};\n\n// Helper to make a specific property of an object non-optional\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n// Given an event name string, get a valid type for the options to initialize the event that is more restrictive than\n// just CustomEventInit when appropriate (validate the type of the event detail, and require it to be provided if the\n// event requires it)\ntype SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'>\n : CustomEventInit\n : CustomEventInit;\n\n// Given an event name string, get the type of the event\ntype GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap\n ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown>\n ? GlobalEventHandlersEventMap[T]\n : CustomEvent<unknown>\n : CustomEvent<unknown>;\n\n// `keyof ValidEventTypeMap` is equivalent to `keyof GlobalEventHandlersEventMap` but gives a nicer error message\ntype ValidEventTypeMap = EventTypesWithRequiredDetail | EventTypesWithoutRequiredDetail;\n\nexport default class SynergyElement extends LitElement {\n // Make localization attributes reactive\n @property() dir: string;\n @property() lang: string;\n\n /** Emits a custom event with more convenient defaults. */\n emit<T extends string & keyof EventTypesWithoutRequiredDetail>(\n name: EventTypeDoesNotRequireDetail<T>,\n options?: SynEventInit<T> | undefined\n ): GetCustomEventType<T>;\n emit<T extends string & keyof EventTypesWithRequiredDetail>(\n name: EventTypeRequiresDetail<T>,\n options: SynEventInit<T>\n ): GetCustomEventType<T>;\n emit<T extends string & keyof ValidEventTypeMap>(\n name: T,\n options?: SynEventInit<T> | undefined\n ): GetCustomEventType<T> {\n const event = new CustomEvent(name, {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail: {},\n ...options\n });\n\n this.dispatchEvent(event);\n\n return event as GetCustomEventType<T>;\n }\n\n /* eslint-disable */\n // @ts-expect-error This is auto-injected at build time.\n static version = \"1.10.1\";\n \n\n static define(name: string, elementConstructor = this, options: ElementDefinitionOptions = {}) {\n const currentlyRegisteredConstructor = customElements.get(name) as\n | CustomElementConstructor\n | typeof SynergyElement;\n\n if (!currentlyRegisteredConstructor) {\n customElements.define(name, class extends elementConstructor {} as unknown as CustomElementConstructor, options);\n return;\n }\n\n let newVersion = ' (unknown version)';\n let existingVersion = newVersion;\n\n if ('version' in elementConstructor && elementConstructor.version) {\n newVersion = ' v' + elementConstructor.version;\n }\n\n if ('version' in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {\n existingVersion = ' v' + currentlyRegisteredConstructor.version;\n }\n\n // Need to make sure we're not working with null or empty strings before doing version comparisons.\n if (newVersion && existingVersion && newVersion === existingVersion) {\n // If versions match, we don't need to warn anyone. Carry on.\n return;\n }\n\n console.warn(\n `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`\n );\n }\n\n static dependencies: Record<string, typeof SynergyElement> = {};\n\n constructor() {\n super();\n Object.entries((this.constructor as typeof SynergyElement).dependencies).forEach(([name, component]) => {\n (this.constructor as typeof SynergyElement).define(name, component);\n });\n }\n}\n\nexport interface SynergyFormControl extends SynergyElement {\n // Form attributes\n name: string;\n value: unknown;\n disabled?: boolean;\n defaultValue?: unknown;\n defaultChecked?: boolean;\n form?: string;\n\n // Constraint validation attributes\n pattern?: string;\n min?: number | string | Date;\n max?: number | string | Date;\n step?: number | 'any';\n required?: boolean;\n minlength?: number;\n maxlength?: number;\n\n // Form validation properties\n readonly validity: ValidityState;\n readonly validationMessage: string;\n\n // Form validation methods\n checkValidity: () => boolean;\n getForm: () => HTMLFormElement | null;\n reportValidity: () => boolean;\n setCustomValidity: (message: string) => void;\n}\n"],
5
5
  "mappings": ";;;;;;AAMA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACFf,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AA+DzB,IAAqB,iBAArB,cAA4C,WAAW;AAAA,EAcrD,KACE,MACA,SACuB;AACvB,UAAM,QAAQ,IAAI,YAAY,MAAM;AAAA,MAClC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ,CAAC;AAAA,OACN,QACJ;AAED,SAAK,cAAc,KAAK;AAExB,WAAO;AAAA,EACT;AAAA,EAOA,OAAO,OAAO,MAAc,qBAAqB,MAAM,UAAoC,CAAC,GAAG;AAC7F,UAAM,iCAAiC,eAAe,IAAI,IAAI;AAI9D,QAAI,CAAC,gCAAgC;AACnC,qBAAe,OAAO,MAAM,cAAc,mBAAmB;AAAA,MAAC,GAA0C,OAAO;AAC/G;AAAA,IACF;AAEA,QAAI,aAAa;AACjB,QAAI,kBAAkB;AAEtB,QAAI,aAAa,sBAAsB,mBAAmB,SAAS;AACjE,mBAAa,OAAO,mBAAmB;AAAA,IACzC;AAEA,QAAI,aAAa,kCAAkC,+BAA+B,SAAS;AACzF,wBAAkB,OAAO,+BAA+B;AAAA,IAC1D;AAGA,QAAI,cAAc,mBAAmB,eAAe,iBAAiB;AAEnE;AAAA,IACF;AAEA,YAAQ;AAAA,MACN,0BAA0B,IAAI,IAAI,UAAU,UAAU,IAAI,IAAI,eAAe;AAAA,IAC/E;AAAA,EACF;AAAA,EAIA,cAAc;AACZ,UAAM;AACN,WAAO,QAAS,KAAK,YAAsC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACtG,MAAC,KAAK,YAAsC,OAAO,MAAM,SAAS;AAAA,IACpE,CAAC;AAAA,EACH;AACF;AAAA;AAAA;AA5EqB,eAiCZ,UAAU;AAjCE,eAoEZ,eAAsD,CAAC;AAlElD;AAAA,EAAX,SAAS;AAAA,GAFS,eAEP;AACA;AAAA,EAAX,SAAS;AAAA,GAHS,eAGP;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynSwitch
3
- } from "./chunk.KDDTDU4B.js";
3
+ } from "./chunk.FUUO3LIN.js";
4
4
 
5
5
  // src/components/switch/switch.ts
6
6
  var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
9
9
  export {
10
10
  switch_default
11
11
  };
12
- //# sourceMappingURL=chunk.RMQZMRVP.js.map
12
+ //# sourceMappingURL=chunk.UAHEM2KD.js.map
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SynergyElement,
3
3
  component_styles_default
4
- } from "./chunk.3DE5ARIC.js";
4
+ } from "./chunk.U24UDJCX.js";
5
5
  import {
6
6
  button_group_styles_default
7
7
  } from "./chunk.A7IIJ2LL.js";
@@ -84,4 +84,4 @@ function findButton(el) {
84
84
  export {
85
85
  SynButtonGroup
86
86
  };
87
- //# sourceMappingURL=chunk.6MS3WNDW.js.map
87
+ //# sourceMappingURL=chunk.VJ5NFXWS.js.map
@@ -13,7 +13,7 @@ import {
13
13
  } from "./chunk.TTL762VF.js";
14
14
  import {
15
15
  SynDivider
16
- } from "./chunk.XEI5ZP7Y.js";
16
+ } from "./chunk.SNE4YYHY.js";
17
17
  import {
18
18
  LocalizeController
19
19
  } from "./chunk.LAB4YJYE.js";
@@ -25,14 +25,14 @@ import {
25
25
  } from "./chunk.XGXFE6IF.js";
26
26
  import {
27
27
  SynIcon
28
- } from "./chunk.PWMSNMDF.js";
28
+ } from "./chunk.LVDTUHAK.js";
29
29
  import {
30
30
  watch
31
31
  } from "./chunk.AVTU2BGE.js";
32
32
  import {
33
33
  SynergyElement,
34
34
  component_styles_default
35
- } from "./chunk.3DE5ARIC.js";
35
+ } from "./chunk.U24UDJCX.js";
36
36
  import {
37
37
  __decorateClass,
38
38
  __spreadValues
@@ -643,4 +643,4 @@ __decorateClass([
643
643
  export {
644
644
  SynInput
645
645
  };
646
- //# sourceMappingURL=chunk.WC5SV4TV.js.map
646
+ //# sourceMappingURL=chunk.W2U4WOJV.js.map
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KG52EHDB.js";
4
4
  import {
5
5
  SynDivider
6
- } from "./chunk.XEI5ZP7Y.js";
6
+ } from "./chunk.SNE4YYHY.js";
7
7
  import {
8
8
  HasSlotController
9
9
  } from "./chunk.XGXFE6IF.js";
@@ -12,7 +12,7 @@ import {
12
12
  } from "./chunk.AVTU2BGE.js";
13
13
  import {
14
14
  SynergyElement
15
- } from "./chunk.3DE5ARIC.js";
15
+ } from "./chunk.U24UDJCX.js";
16
16
  import {
17
17
  __decorateClass
18
18
  } from "./chunk.QNDC5KWA.js";
@@ -93,4 +93,4 @@ __decorateClass([
93
93
  export {
94
94
  SynOptgroup
95
95
  };
96
- //# sourceMappingURL=chunk.BGKFRWWO.js.map
96
+ //# sourceMappingURL=chunk.WHZYEHUG.js.map
@@ -1,9 +1,9 @@
1
- import {
2
- textarea_styles_default
3
- } from "./chunk.2EI3TNL7.js";
4
1
  import {
5
2
  textarea_custom_styles_default
6
3
  } from "./chunk.YBIBWRKC.js";
4
+ import {
5
+ textarea_styles_default
6
+ } from "./chunk.2EI3TNL7.js";
7
7
  import {
8
8
  defaultValue
9
9
  } from "./chunk.WFAJR3FN.js";
@@ -23,7 +23,7 @@ import {
23
23
  import {
24
24
  SynergyElement,
25
25
  component_styles_default
26
- } from "./chunk.3DE5ARIC.js";
26
+ } from "./chunk.U24UDJCX.js";
27
27
  import {
28
28
  __decorateClass
29
29
  } from "./chunk.QNDC5KWA.js";
@@ -364,4 +364,4 @@ __decorateClass([
364
364
  export {
365
365
  SynTextarea
366
366
  };
367
- //# sourceMappingURL=chunk.HF75YRVS.js.map
367
+ //# sourceMappingURL=chunk.XQCYTG77.js.map
@@ -19,14 +19,14 @@ import {
19
19
  } from "./chunk.XGXFE6IF.js";
20
20
  import {
21
21
  SynIcon
22
- } from "./chunk.PWMSNMDF.js";
22
+ } from "./chunk.LVDTUHAK.js";
23
23
  import {
24
24
  watch
25
25
  } from "./chunk.AVTU2BGE.js";
26
26
  import {
27
27
  SynergyElement,
28
28
  component_styles_default
29
- } from "./chunk.3DE5ARIC.js";
29
+ } from "./chunk.U24UDJCX.js";
30
30
  import {
31
31
  __decorateClass
32
32
  } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
259
259
  export {
260
260
  SynCheckbox
261
261
  };
262
- //# sourceMappingURL=chunk.KNXO2FGQ.js.map
262
+ //# sourceMappingURL=chunk.ZFFM3DYG.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynIconButton
3
- } from "./chunk.O6AXKVFJ.js";
3
+ } from "./chunk.NUWM3YC3.js";
4
4
 
5
5
  // src/components/icon-button/icon-button.ts
6
6
  var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
9
9
  export {
10
10
  icon_button_default
11
11
  };
12
- //# sourceMappingURL=chunk.ZT5DUKVA.js.map
12
+ //# sourceMappingURL=chunk.ZGNSJN4N.js.map
@@ -2,6 +2,7 @@
2
2
  import { css } from "lit";
3
3
  var icon_button_custom_styles_default = css`
4
4
  .icon-button {
5
+ border-radius: 0;
5
6
  color: currentColor;
6
7
  font-size: inherit;
7
8
  }
@@ -64,4 +65,4 @@ var icon_button_custom_styles_default = css`
64
65
  export {
65
66
  icon_button_custom_styles_default
66
67
  };
67
- //# sourceMappingURL=chunk.OJF7KL44.js.map
68
+ //# sourceMappingURL=chunk.ZHH2AHOZ.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/icon-button/icon-button.custom.styles.ts"],
4
+ "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n .icon-button {\n border-radius: 0;\n color: currentColor;\n font-size: inherit;\n }\n\n /* Color variants */\n .icon-button--neutral,\n .icon-button--neutral:focus-visible:not(.icon-button--disabled):not(:hover) {\n color: var(--syn-color-neutral-950);\n }\n\n .icon-button--primary,\n .icon-button--primary:focus-visible:not(.icon-button--disabled) {\n color: var(--syn-color-primary-600);\n }\n\n .icon-button--primary:hover:not(.icon-button--disabled) {\n color: var(--syn-color-primary-900);\n }\n\n .icon-button--primary:active:not(.icon-button--disabled) {\n color: var(--syn-color-primary-950);\n }\n\n .icon-button--disabled {\n color: var(--syn-color-neutral-400);\n }\n\n /* Remove round borders */\n .icon-button:focus-visible {\n border-radius: var(--syn-border-radius-none);\n }\n\n\n /* Sizes */\n .icon-button--small {\n font-size: var(--syn-font-size-medium);\n }\n\n .icon-button--medium {\n font-size: var(--syn-font-size-x-large);\n\n }\n\n .icon-button--large {\n font-size: var(--syn-font-size-2x-large);\n }\n\n /* Force user to set \"label\" prop */\n .icon-button[aria-label=\"\"] {\n border: var(--syn-border-width-large) var(--syn-color-error-600) solid;\n }\n\n .icon-button[aria-label=\"\"]::after {\n content: \"Set label prop for a11y to get rid of this text and border!\";\n font-size: var(--syn-font-size-2x-small);\n margin-left: var(--syn-spacing-2x-small);\n }\n`;\n"],
5
+ "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,oCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  SynInput
3
- } from "./chunk.WC5SV4TV.js";
3
+ } from "./chunk.W2U4WOJV.js";
4
4
 
5
5
  // src/components/input/input.ts
6
6
  var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
9
9
  export {
10
10
  input_default
11
11
  };
12
- //# sourceMappingURL=chunk.5BMNRZ7L.js.map
12
+ //# sourceMappingURL=chunk.ZQKBDPXT.js.map
@@ -0,0 +1,80 @@
1
+ import {
2
+ icon_default
3
+ } from "./chunk.HXLFB7ZH.js";
4
+ import {
5
+ header_styles_default
6
+ } from "./chunk.JDXKGJ63.js";
7
+ import {
8
+ HasSlotController
9
+ } from "./chunk.XGXFE6IF.js";
10
+ import {
11
+ SynergyElement,
12
+ component_styles_default
13
+ } from "./chunk.U24UDJCX.js";
14
+ import {
15
+ __decorateClass
16
+ } from "./chunk.QNDC5KWA.js";
17
+
18
+ // src/components/header/header.component.ts
19
+ import { classMap } from "lit/directives/class-map.js";
20
+ import { html } from "lit/static-html.js";
21
+ import { property } from "lit/decorators.js";
22
+ var SynHeader = class extends SynergyElement {
23
+ constructor() {
24
+ super(...arguments);
25
+ this.hasSlotController = new HasSlotController(this, "[default]", "logo", "label", "meta-navigation", "navigation");
26
+ this.label = "";
27
+ }
28
+ render() {
29
+ const hasNavigation = this.hasSlotController.test("navigation");
30
+ return html`
31
+ <header
32
+ class=${classMap({
33
+ header: true,
34
+ "header--has-navigation": hasNavigation
35
+ })}
36
+ part="base"
37
+ >
38
+ <!-- .header__content -->
39
+ <div part="content" class="header__content">
40
+
41
+ <div part="logo" class="header__logo">
42
+ <slot name="logo">
43
+ <syn-icon name="logo-color" library="system" label="SICK Sensor Intelligence"></syn-icon>
44
+ </slot>
45
+ </div>
46
+
47
+ <div part="label" class="header__label">
48
+ <slot>
49
+ ${this.label}
50
+ </slot>
51
+ </div>
52
+
53
+ <div part="meta-navigation" class="header__meta-navigation">
54
+ <slot name="meta-navigation"></slot>
55
+ </div>
56
+ </div>
57
+ <!-- /.header__content -->
58
+
59
+ <div part="navigation" class="header__navigation">
60
+ <slot name="navigation"></slot>
61
+ </div>
62
+ </header>
63
+ `;
64
+ }
65
+ };
66
+ SynHeader.styles = [
67
+ component_styles_default,
68
+ header_styles_default
69
+ ];
70
+ SynHeader.dependencies = {
71
+ "syn-icon": icon_default
72
+ };
73
+ __decorateClass([
74
+ property()
75
+ ], SynHeader.prototype, "label", 2);
76
+
77
+ export {
78
+ SynHeader
79
+ };
80
+ //# sourceMappingURL=chunk.ZYXL5PMB.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/components/header/header.component.ts"],
4
+ "sourcesContent": ["/* eslint-disable @typescript-eslint/unbound-method */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit/static-html.js';\nimport { property } 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';\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 *\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 */\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 /**\n * The headers label. If you need to display HTML, use the `label` slot instead.\n */\n @property() label = '';\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-navigation': hasNavigation,\n })}\n part=\"base\"\n >\n <!-- .header__content -->\n <div part=\"content\" class=\"header__content\">\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"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AA6BzB,IAAqB,YAArB,cAAuC,eAAe;AAAA,EAAtD;AAAA;AAUE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,aAAa,QAAQ,SAAS,mBAAmB,YAAY;AAKlH,iBAAQ;AAAA;AAAA,EAEpB,SAAS;AACP,UAAM,gBAAgB,KAAK,kBAAkB,KAAK,YAAY;AAE9D,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,QAAQ;AAAA,MACR,0BAA0B;AAAA,IAC5B,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAcM,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAexB;AACF;AAvDqB,UACZ,SAAyB;AAAA,EAC9B;AAAA,EACA;AACF;AAJmB,UAMZ,eAAe;AAAA,EACpB,YAAY;AACd;AAOY;AAAA,EAAX,SAAS;AAAA,GAfS,UAeP;",
6
+ "names": []
7
+ }
@@ -1,23 +1,23 @@
1
1
  import {
2
2
  SynButton
3
- } from "../../chunks/chunk.FSONLJTT.js";
4
- import "../../chunks/chunk.K3O2PP7X.js";
3
+ } from "../../chunks/chunk.CIENFFDB.js";
4
+ import "../../chunks/chunk.AFOOC2IJ.js";
5
5
  import "../../chunks/chunk.OSBC36KQ.js";
6
6
  import "../../chunks/chunk.LAB4YJYE.js";
7
7
  import "../../chunks/chunk.A3SKDWCT.js";
8
8
  import "../../chunks/chunk.SZCGMXW5.js";
9
9
  import "../../chunks/chunk.XGXFE6IF.js";
10
- import "../../chunks/chunk.PWMSNMDF.js";
11
- import "../../chunks/chunk.JRXQK6LG.js";
12
- import "../../chunks/chunk.6C4JXZZN.js";
13
- import "../../chunks/chunk.5AAIHRMI.js";
10
+ import "../../chunks/chunk.LVDTUHAK.js";
14
11
  import "../../chunks/chunk.PJO6TM3T.js";
15
12
  import "../../chunks/chunk.2RF7KO5I.js";
13
+ import "../../chunks/chunk.7UVCYUNR.js";
14
+ import "../../chunks/chunk.6C4JXZZN.js";
15
+ import "../../chunks/chunk.N4VSEIRQ.js";
16
16
  import "../../chunks/chunk.AVTU2BGE.js";
17
17
  import "../../chunks/chunk.C7624ITA.js";
18
18
  import "../../chunks/chunk.K55MKNUR.js";
19
19
  import "../../chunks/chunk.SJMMPKWP.js";
20
- import "../../chunks/chunk.3DE5ARIC.js";
20
+ import "../../chunks/chunk.U24UDJCX.js";
21
21
  import "../../chunks/chunk.QNDC5KWA.js";
22
22
  export {
23
23
  SynButton as default
@@ -1,24 +1,24 @@
1
1
  import {
2
2
  button_default
3
- } from "../../chunks/chunk.QY6MKIMK.js";
4
- import "../../chunks/chunk.FSONLJTT.js";
5
- import "../../chunks/chunk.K3O2PP7X.js";
3
+ } from "../../chunks/chunk.NSYEQECK.js";
4
+ import "../../chunks/chunk.CIENFFDB.js";
5
+ import "../../chunks/chunk.AFOOC2IJ.js";
6
6
  import "../../chunks/chunk.OSBC36KQ.js";
7
7
  import "../../chunks/chunk.LAB4YJYE.js";
8
8
  import "../../chunks/chunk.A3SKDWCT.js";
9
9
  import "../../chunks/chunk.SZCGMXW5.js";
10
10
  import "../../chunks/chunk.XGXFE6IF.js";
11
- import "../../chunks/chunk.PWMSNMDF.js";
12
- import "../../chunks/chunk.JRXQK6LG.js";
13
- import "../../chunks/chunk.6C4JXZZN.js";
14
- import "../../chunks/chunk.5AAIHRMI.js";
11
+ import "../../chunks/chunk.LVDTUHAK.js";
15
12
  import "../../chunks/chunk.PJO6TM3T.js";
16
13
  import "../../chunks/chunk.2RF7KO5I.js";
14
+ import "../../chunks/chunk.7UVCYUNR.js";
15
+ import "../../chunks/chunk.6C4JXZZN.js";
16
+ import "../../chunks/chunk.N4VSEIRQ.js";
17
17
  import "../../chunks/chunk.AVTU2BGE.js";
18
18
  import "../../chunks/chunk.C7624ITA.js";
19
19
  import "../../chunks/chunk.K55MKNUR.js";
20
20
  import "../../chunks/chunk.SJMMPKWP.js";
21
- import "../../chunks/chunk.3DE5ARIC.js";
21
+ import "../../chunks/chunk.U24UDJCX.js";
22
22
  import "../../chunks/chunk.QNDC5KWA.js";
23
23
  export {
24
24
  button_default as default
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SynButtonGroup
3
- } from "../../chunks/chunk.6MS3WNDW.js";
4
- import "../../chunks/chunk.3DE5ARIC.js";
3
+ } from "../../chunks/chunk.VJ5NFXWS.js";
4
+ import "../../chunks/chunk.U24UDJCX.js";
5
5
  import "../../chunks/chunk.A7IIJ2LL.js";
6
6
  import "../../chunks/chunk.QNDC5KWA.js";
7
7
  export {
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  button_group_default
3
- } from "../../chunks/chunk.F4THECWA.js";
4
- import "../../chunks/chunk.6MS3WNDW.js";
5
- import "../../chunks/chunk.3DE5ARIC.js";
3
+ } from "../../chunks/chunk.LGADMVOP.js";
4
+ import "../../chunks/chunk.VJ5NFXWS.js";
5
+ import "../../chunks/chunk.U24UDJCX.js";
6
6
  import "../../chunks/chunk.A7IIJ2LL.js";
7
7
  import "../../chunks/chunk.QNDC5KWA.js";
8
8
  export {
@@ -1,21 +1,21 @@
1
1
  import {
2
2
  SynCheckbox
3
- } from "../../chunks/chunk.KNXO2FGQ.js";
3
+ } from "../../chunks/chunk.ZFFM3DYG.js";
4
4
  import "../../chunks/chunk.WFAJR3FN.js";
5
5
  import "../../chunks/chunk.TTL762VF.js";
6
6
  import "../../chunks/chunk.2XZKXVMR.js";
7
7
  import "../../chunks/chunk.3STW62TA.js";
8
8
  import "../../chunks/chunk.SZCGMXW5.js";
9
9
  import "../../chunks/chunk.XGXFE6IF.js";
10
- import "../../chunks/chunk.PWMSNMDF.js";
11
- import "../../chunks/chunk.JRXQK6LG.js";
12
- import "../../chunks/chunk.6C4JXZZN.js";
13
- import "../../chunks/chunk.5AAIHRMI.js";
10
+ import "../../chunks/chunk.LVDTUHAK.js";
14
11
  import "../../chunks/chunk.PJO6TM3T.js";
15
12
  import "../../chunks/chunk.2RF7KO5I.js";
13
+ import "../../chunks/chunk.7UVCYUNR.js";
14
+ import "../../chunks/chunk.6C4JXZZN.js";
15
+ import "../../chunks/chunk.N4VSEIRQ.js";
16
16
  import "../../chunks/chunk.AVTU2BGE.js";
17
17
  import "../../chunks/chunk.C7624ITA.js";
18
- import "../../chunks/chunk.3DE5ARIC.js";
18
+ import "../../chunks/chunk.U24UDJCX.js";
19
19
  import "../../chunks/chunk.QNDC5KWA.js";
20
20
  export {
21
21
  SynCheckbox as default
@@ -1,22 +1,22 @@
1
1
  import {
2
2
  checkbox_default
3
- } from "../../chunks/chunk.PRZRH7SN.js";
4
- import "../../chunks/chunk.KNXO2FGQ.js";
3
+ } from "../../chunks/chunk.4FD6EN6V.js";
4
+ import "../../chunks/chunk.ZFFM3DYG.js";
5
5
  import "../../chunks/chunk.WFAJR3FN.js";
6
6
  import "../../chunks/chunk.TTL762VF.js";
7
7
  import "../../chunks/chunk.2XZKXVMR.js";
8
8
  import "../../chunks/chunk.3STW62TA.js";
9
9
  import "../../chunks/chunk.SZCGMXW5.js";
10
10
  import "../../chunks/chunk.XGXFE6IF.js";
11
- import "../../chunks/chunk.PWMSNMDF.js";
12
- import "../../chunks/chunk.JRXQK6LG.js";
13
- import "../../chunks/chunk.6C4JXZZN.js";
14
- import "../../chunks/chunk.5AAIHRMI.js";
11
+ import "../../chunks/chunk.LVDTUHAK.js";
15
12
  import "../../chunks/chunk.PJO6TM3T.js";
16
13
  import "../../chunks/chunk.2RF7KO5I.js";
14
+ import "../../chunks/chunk.7UVCYUNR.js";
15
+ import "../../chunks/chunk.6C4JXZZN.js";
16
+ import "../../chunks/chunk.N4VSEIRQ.js";
17
17
  import "../../chunks/chunk.AVTU2BGE.js";
18
18
  import "../../chunks/chunk.C7624ITA.js";
19
- import "../../chunks/chunk.3DE5ARIC.js";
19
+ import "../../chunks/chunk.U24UDJCX.js";
20
20
  import "../../chunks/chunk.QNDC5KWA.js";
21
21
  export {
22
22
  checkbox_default as default
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  SynDivider
3
- } from "../../chunks/chunk.XEI5ZP7Y.js";
3
+ } from "../../chunks/chunk.SNE4YYHY.js";
4
4
  import "../../chunks/chunk.FA6V2WD6.js";
5
5
  import "../../chunks/chunk.ACTJFDNK.js";
6
6
  import "../../chunks/chunk.AVTU2BGE.js";
7
- import "../../chunks/chunk.3DE5ARIC.js";
7
+ import "../../chunks/chunk.U24UDJCX.js";
8
8
  import "../../chunks/chunk.QNDC5KWA.js";
9
9
  export {
10
10
  SynDivider as default
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  divider_default
3
- } from "../../chunks/chunk.LF2XSSHD.js";
4
- import "../../chunks/chunk.XEI5ZP7Y.js";
3
+ } from "../../chunks/chunk.SOGEZO2M.js";
4
+ import "../../chunks/chunk.SNE4YYHY.js";
5
5
  import "../../chunks/chunk.FA6V2WD6.js";
6
6
  import "../../chunks/chunk.ACTJFDNK.js";
7
7
  import "../../chunks/chunk.AVTU2BGE.js";
8
- import "../../chunks/chunk.3DE5ARIC.js";
8
+ import "../../chunks/chunk.U24UDJCX.js";
9
9
  import "../../chunks/chunk.QNDC5KWA.js";
10
10
  export {
11
11
  divider_default as default