@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.
- package/dist/chunks/{chunk.PRZRH7SN.js → chunk.4FD6EN6V.js} +2 -2
- package/dist/chunks/{chunk.5R3OVMH2.js → chunk.5S4NBTAE.js} +3 -3
- package/dist/chunks/{chunk.BJYVLDYR.js → chunk.73CGLYDS.js} +2 -2
- package/dist/chunks/{chunk.JRXQK6LG.js → chunk.7UVCYUNR.js} +2 -2
- package/dist/chunks/{chunk.K3O2PP7X.js → chunk.AFOOC2IJ.js} +2 -2
- package/dist/chunks/{chunk.MDZ22YWD.js → chunk.BI3SSGDL.js} +3 -3
- package/dist/chunks/{chunk.FSONLJTT.js → chunk.CIENFFDB.js} +4 -4
- package/dist/chunks/{chunk.3O5WTWSN.js → chunk.DG6V34TC.js} +2 -2
- package/dist/chunks/{chunk.Y72MIUNI.js → chunk.EVPQK6A6.js} +2 -2
- package/dist/chunks/{chunk.KDDTDU4B.js → chunk.FUUO3LIN.js} +5 -5
- package/dist/chunks/chunk.G7SPBDNX.js +12 -0
- package/dist/chunks/chunk.G7SPBDNX.js.map +7 -0
- package/dist/chunks/{chunk.UZFPGR6M.js → chunk.GQCIN3QI.js} +2 -2
- package/dist/chunks/{chunk.AJU6C4KC.js → chunk.GQFFWTB6.js} +2 -2
- package/dist/chunks/{chunk.5CB3CVZ7.js → chunk.GXPIMLW3.js} +2 -2
- package/dist/chunks/{chunk.BTZX6ZFZ.js → chunk.HXLFB7ZH.js} +2 -2
- package/dist/chunks/{chunk.IOPUYG6Q.js → chunk.IZUTSNSL.js} +2 -2
- package/dist/chunks/chunk.JDXKGJ63.js +99 -0
- package/dist/chunks/chunk.JDXKGJ63.js.map +7 -0
- package/dist/chunks/{chunk.BLOH2ZNU.js → chunk.JLNH2W3S.js} +3 -3
- package/dist/chunks/{chunk.RMZBSKRR.js → chunk.L5APUSPB.js} +5 -5
- package/dist/chunks/{chunk.F4THECWA.js → chunk.LGADMVOP.js} +2 -2
- package/dist/chunks/{chunk.GBOII6N4.js → chunk.LH3GMK7S.js} +3 -3
- package/dist/chunks/{chunk.PWMSNMDF.js → chunk.LVDTUHAK.js} +7 -7
- package/dist/chunks/{chunk.FUNZW7ES.js → chunk.MOE5YJDU.js} +2 -2
- package/dist/chunks/{chunk.5AAIHRMI.js → chunk.N4VSEIRQ.js} +3 -1
- package/dist/chunks/{chunk.5AAIHRMI.js.map → chunk.N4VSEIRQ.js.map} +2 -2
- package/dist/chunks/{chunk.LZE7OXKV.js → chunk.NKGRF5PE.js} +2 -2
- package/dist/chunks/{chunk.QY6MKIMK.js → chunk.NSYEQECK.js} +2 -2
- package/dist/chunks/{chunk.O6AXKVFJ.js → chunk.NUWM3YC3.js} +4 -4
- package/dist/chunks/{chunk.IR2PZHC7.js → chunk.P2KXCLJX.js} +2 -2
- package/dist/chunks/{chunk.VATYXV2O.js → chunk.PKNEJYPC.js} +2 -2
- package/dist/chunks/{chunk.GAPQVJGQ.js → chunk.RITXJLM2.js} +3 -3
- package/dist/chunks/{chunk.XEI5ZP7Y.js → chunk.SNE4YYHY.js} +2 -2
- package/dist/chunks/{chunk.LF2XSSHD.js → chunk.SOGEZO2M.js} +2 -2
- package/dist/chunks/{chunk.3DE5ARIC.js → chunk.U24UDJCX.js} +2 -2
- package/dist/chunks/{chunk.3DE5ARIC.js.map → chunk.U24UDJCX.js.map} +1 -1
- package/dist/chunks/{chunk.RMQZMRVP.js → chunk.UAHEM2KD.js} +2 -2
- package/dist/chunks/{chunk.6MS3WNDW.js → chunk.VJ5NFXWS.js} +2 -2
- package/dist/chunks/{chunk.WC5SV4TV.js → chunk.W2U4WOJV.js} +4 -4
- package/dist/chunks/{chunk.BGKFRWWO.js → chunk.WHZYEHUG.js} +3 -3
- package/dist/chunks/{chunk.HF75YRVS.js → chunk.XQCYTG77.js} +5 -5
- package/dist/chunks/{chunk.KNXO2FGQ.js → chunk.ZFFM3DYG.js} +3 -3
- package/dist/chunks/{chunk.ZT5DUKVA.js → chunk.ZGNSJN4N.js} +2 -2
- package/dist/chunks/{chunk.OJF7KL44.js → chunk.ZHH2AHOZ.js} +2 -1
- package/dist/chunks/chunk.ZHH2AHOZ.js.map +7 -0
- package/dist/chunks/{chunk.5BMNRZ7L.js → chunk.ZQKBDPXT.js} +2 -2
- package/dist/chunks/chunk.ZYXL5PMB.js +80 -0
- package/dist/chunks/chunk.ZYXL5PMB.js.map +7 -0
- package/dist/components/button/button.component.js +7 -7
- package/dist/components/button/button.js +8 -8
- package/dist/components/button-group/button-group.component.js +2 -2
- package/dist/components/button-group/button-group.js +3 -3
- package/dist/components/checkbox/checkbox.component.js +6 -6
- package/dist/components/checkbox/checkbox.js +7 -7
- package/dist/components/divider/divider.component.js +2 -2
- package/dist/components/divider/divider.js +3 -3
- package/dist/components/drawer/drawer.component.js +8 -8
- package/dist/components/drawer/drawer.js +9 -9
- package/dist/components/header/header.component.d.ts +36 -0
- package/dist/components/header/header.component.js +20 -0
- package/dist/components/header/header.component.js.map +7 -0
- package/dist/components/header/header.d.ts +8 -0
- package/dist/components/header/header.js +21 -0
- package/dist/components/header/header.js.map +7 -0
- package/dist/components/header/header.styles.d.ts +2 -0
- package/dist/components/header/header.styles.js +8 -0
- package/dist/components/header/header.styles.js.map +7 -0
- package/dist/components/icon/icon.component.js +5 -5
- package/dist/components/icon/icon.js +6 -6
- package/dist/components/icon/library.js +2 -2
- package/dist/components/icon/library.system.js +1 -1
- package/dist/components/icon-button/icon-button.component.js +7 -7
- package/dist/components/icon-button/icon-button.custom.styles.js +1 -1
- package/dist/components/icon-button/icon-button.js +8 -8
- package/dist/components/input/input.component.js +7 -7
- package/dist/components/input/input.js +8 -8
- package/dist/components/optgroup/optgroup.component.js +3 -3
- package/dist/components/optgroup/optgroup.js +4 -4
- package/dist/components/option/option.component.js +6 -6
- package/dist/components/option/option.js +7 -7
- package/dist/components/popup/popup.component.js +2 -2
- package/dist/components/radio/radio.component.js +6 -6
- package/dist/components/radio/radio.js +7 -7
- package/dist/components/radio-button/radio-button.component.js +2 -2
- package/dist/components/radio-button/radio-button.js +3 -3
- package/dist/components/radio-group/radio-group.component.js +3 -3
- package/dist/components/radio-group/radio-group.js +4 -4
- package/dist/components/select/select.component.js +10 -10
- package/dist/components/select/select.js +11 -11
- package/dist/components/spinner/spinner.component.js +2 -2
- package/dist/components/switch/switch.component.js +3 -3
- package/dist/components/switch/switch.js +4 -4
- package/dist/components/tag/tag.component.js +8 -8
- package/dist/components/tag/tag.js +9 -9
- package/dist/components/textarea/textarea.component.js +3 -3
- package/dist/components/textarea/textarea.js +4 -4
- package/dist/custom-elements.json +257 -141
- package/dist/synergy.d.ts +1 -0
- package/dist/synergy.js +67 -61
- package/dist/utilities/icon-library.js +2 -2
- package/dist/vscode.html-custom-data.json +34 -17
- package/package.json +3 -3
- package/dist/chunks/chunk.OJF7KL44.js.map +0 -7
- /package/dist/chunks/{chunk.PRZRH7SN.js.map → chunk.4FD6EN6V.js.map} +0 -0
- /package/dist/chunks/{chunk.5R3OVMH2.js.map → chunk.5S4NBTAE.js.map} +0 -0
- /package/dist/chunks/{chunk.BJYVLDYR.js.map → chunk.73CGLYDS.js.map} +0 -0
- /package/dist/chunks/{chunk.JRXQK6LG.js.map → chunk.7UVCYUNR.js.map} +0 -0
- /package/dist/chunks/{chunk.K3O2PP7X.js.map → chunk.AFOOC2IJ.js.map} +0 -0
- /package/dist/chunks/{chunk.MDZ22YWD.js.map → chunk.BI3SSGDL.js.map} +0 -0
- /package/dist/chunks/{chunk.FSONLJTT.js.map → chunk.CIENFFDB.js.map} +0 -0
- /package/dist/chunks/{chunk.3O5WTWSN.js.map → chunk.DG6V34TC.js.map} +0 -0
- /package/dist/chunks/{chunk.Y72MIUNI.js.map → chunk.EVPQK6A6.js.map} +0 -0
- /package/dist/chunks/{chunk.KDDTDU4B.js.map → chunk.FUUO3LIN.js.map} +0 -0
- /package/dist/chunks/{chunk.UZFPGR6M.js.map → chunk.GQCIN3QI.js.map} +0 -0
- /package/dist/chunks/{chunk.AJU6C4KC.js.map → chunk.GQFFWTB6.js.map} +0 -0
- /package/dist/chunks/{chunk.5CB3CVZ7.js.map → chunk.GXPIMLW3.js.map} +0 -0
- /package/dist/chunks/{chunk.BTZX6ZFZ.js.map → chunk.HXLFB7ZH.js.map} +0 -0
- /package/dist/chunks/{chunk.IOPUYG6Q.js.map → chunk.IZUTSNSL.js.map} +0 -0
- /package/dist/chunks/{chunk.BLOH2ZNU.js.map → chunk.JLNH2W3S.js.map} +0 -0
- /package/dist/chunks/{chunk.RMZBSKRR.js.map → chunk.L5APUSPB.js.map} +0 -0
- /package/dist/chunks/{chunk.F4THECWA.js.map → chunk.LGADMVOP.js.map} +0 -0
- /package/dist/chunks/{chunk.GBOII6N4.js.map → chunk.LH3GMK7S.js.map} +0 -0
- /package/dist/chunks/{chunk.PWMSNMDF.js.map → chunk.LVDTUHAK.js.map} +0 -0
- /package/dist/chunks/{chunk.FUNZW7ES.js.map → chunk.MOE5YJDU.js.map} +0 -0
- /package/dist/chunks/{chunk.LZE7OXKV.js.map → chunk.NKGRF5PE.js.map} +0 -0
- /package/dist/chunks/{chunk.QY6MKIMK.js.map → chunk.NSYEQECK.js.map} +0 -0
- /package/dist/chunks/{chunk.O6AXKVFJ.js.map → chunk.NUWM3YC3.js.map} +0 -0
- /package/dist/chunks/{chunk.IR2PZHC7.js.map → chunk.P2KXCLJX.js.map} +0 -0
- /package/dist/chunks/{chunk.VATYXV2O.js.map → chunk.PKNEJYPC.js.map} +0 -0
- /package/dist/chunks/{chunk.GAPQVJGQ.js.map → chunk.RITXJLM2.js.map} +0 -0
- /package/dist/chunks/{chunk.XEI5ZP7Y.js.map → chunk.SNE4YYHY.js.map} +0 -0
- /package/dist/chunks/{chunk.LF2XSSHD.js.map → chunk.SOGEZO2M.js.map} +0 -0
- /package/dist/chunks/{chunk.RMQZMRVP.js.map → chunk.UAHEM2KD.js.map} +0 -0
- /package/dist/chunks/{chunk.6MS3WNDW.js.map → chunk.VJ5NFXWS.js.map} +0 -0
- /package/dist/chunks/{chunk.WC5SV4TV.js.map → chunk.W2U4WOJV.js.map} +0 -0
- /package/dist/chunks/{chunk.BGKFRWWO.js.map → chunk.WHZYEHUG.js.map} +0 -0
- /package/dist/chunks/{chunk.HF75YRVS.js.map → chunk.XQCYTG77.js.map} +0 -0
- /package/dist/chunks/{chunk.KNXO2FGQ.js.map → chunk.ZFFM3DYG.js.map} +0 -0
- /package/dist/chunks/{chunk.ZT5DUKVA.js.map → chunk.ZGNSJN4N.js.map} +0 -0
- /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.
|
|
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.
|
|
9
|
+
} from "./chunk.LVDTUHAK.js";
|
|
10
10
|
import {
|
|
11
11
|
SynergyElement,
|
|
12
12
|
component_styles_default
|
|
13
|
-
} from "./chunk.
|
|
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.
|
|
141
|
+
//# sourceMappingURL=chunk.NUWM3YC3.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynTextarea
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
12
|
+
//# sourceMappingURL=chunk.P2KXCLJX.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRadioButton
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
25
|
+
} from "./chunk.VJ5NFXWS.js";
|
|
26
26
|
import {
|
|
27
27
|
SynergyElement,
|
|
28
28
|
component_styles_default
|
|
29
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
44
|
+
//# sourceMappingURL=chunk.SNE4YYHY.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynDivider
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
12
|
+
//# sourceMappingURL=chunk.UAHEM2KD.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynergyElement,
|
|
3
3
|
component_styles_default
|
|
4
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
262
|
+
//# sourceMappingURL=chunk.ZFFM3DYG.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynIconButton
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
5
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
5
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
4
|
-
import "../../chunks/chunk.
|
|
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.
|
|
8
|
+
import "../../chunks/chunk.U24UDJCX.js";
|
|
9
9
|
import "../../chunks/chunk.QNDC5KWA.js";
|
|
10
10
|
export {
|
|
11
11
|
divider_default as default
|