@synergy-design-system/components 1.0.2 → 1.2.0
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/README.md +24 -16
- package/dist/chunks/chunk.2FN5DTS6.js +67 -0
- package/dist/chunks/chunk.2FN5DTS6.js.map +7 -0
- package/dist/chunks/{chunk.SUNIN43Y.js → chunk.2OYZUDFV.js} +2 -2
- package/dist/chunks/{chunk.XVJVR3MD.js → chunk.3CSVGX3J.js} +3 -3
- package/dist/chunks/{chunk.B7KNRAHG.js → chunk.44U5VKNJ.js} +3 -3
- package/dist/chunks/{chunk.JVSVQG6I.js → chunk.4EWYZIJS.js} +2 -2
- package/dist/chunks/{chunk.FJGYV3Y3.js → chunk.4EXY5F5M.js} +2 -2
- package/dist/chunks/{chunk.4XAK6MOQ.js → chunk.6PFQSQLU.js} +2 -2
- package/dist/chunks/chunk.7W73A57K.js +108 -0
- package/dist/chunks/chunk.7W73A57K.js.map +7 -0
- package/dist/chunks/{chunk.3NY33MCF.js → chunk.ADE7GDYK.js} +3 -3
- package/dist/chunks/{chunk.U2NJG6GX.js → chunk.AFVZYX7H.js} +2 -2
- package/dist/chunks/chunk.CAIB544F.js +12 -0
- package/dist/chunks/chunk.CAIB544F.js.map +7 -0
- package/dist/chunks/{chunk.MB5S3IM7.js → chunk.CB2M3AVU.js} +2 -2
- package/dist/chunks/{chunk.W5GPJ6ZR.js → chunk.D5YL3H6T.js} +2 -2
- package/dist/chunks/{chunk.D7KU5L75.js → chunk.E2TU3YYJ.js} +2 -2
- package/dist/chunks/{chunk.GNAJOKCJ.js → chunk.EJXWL3JM.js} +4 -2
- package/dist/chunks/{chunk.GNAJOKCJ.js.map → chunk.EJXWL3JM.js.map} +2 -2
- package/dist/chunks/chunk.ESQOUQV3.js +75 -0
- package/dist/chunks/chunk.ESQOUQV3.js.map +7 -0
- package/dist/chunks/{chunk.IFPM2NRM.js → chunk.FHYBGERU.js} +2 -2
- package/dist/chunks/{chunk.M5DMOLZK.js → chunk.JRAW7QJL.js} +2 -2
- package/dist/chunks/chunk.L6I5ZLBO.js +137 -0
- package/dist/chunks/chunk.L6I5ZLBO.js.map +7 -0
- package/dist/chunks/{chunk.WVYTLFNV.js → chunk.MJC7VLA2.js} +2 -2
- package/dist/chunks/{chunk.P3O63FHH.js → chunk.MUP4GIQL.js} +2 -2
- package/dist/chunks/{chunk.HZERAHZP.js → chunk.NRA7I7QC.js} +7 -7
- package/dist/chunks/chunk.OJF7KL44.js +67 -0
- package/dist/chunks/chunk.OJF7KL44.js.map +7 -0
- package/dist/chunks/{chunk.5SKPG6DM.js → chunk.Q7NHWXSL.js} +2 -2
- package/dist/chunks/chunk.QHFGD6WW.js +73 -0
- package/dist/chunks/chunk.QHFGD6WW.js.map +7 -0
- package/dist/chunks/{chunk.U7R4EV7C.js → chunk.RG4Z2I6D.js} +6 -6
- package/dist/chunks/{chunk.PHG2CETE.js → chunk.RKQHPBKM.js} +3 -3
- package/dist/chunks/{chunk.DUAFHNTR.js → chunk.SEHRSICV.js} +2 -2
- package/dist/chunks/{chunk.MUOAKBT3.js → chunk.SPPBO7QV.js} +2 -2
- package/dist/chunks/{chunk.MUOAKBT3.js.map → chunk.SPPBO7QV.js.map} +1 -1
- package/dist/chunks/{chunk.7MTLFTYG.js → chunk.TACOOH3N.js} +2 -2
- package/dist/chunks/chunk.VTYPMAXM.js +12 -0
- package/dist/chunks/chunk.VTYPMAXM.js.map +7 -0
- package/dist/chunks/{chunk.G3EPLUES.js → chunk.ZGZ7W6BC.js} +2 -2
- 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 +5 -5
- package/dist/components/checkbox/checkbox.js +6 -6
- package/dist/components/icon/icon.component.js +4 -4
- package/dist/components/icon/icon.js +5 -5
- 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.d.ts +63 -0
- package/dist/components/icon-button/icon-button.component.js +20 -0
- package/dist/components/icon-button/icon-button.component.js.map +7 -0
- package/dist/components/icon-button/icon-button.custom.styles.d.ts +2 -0
- package/dist/components/icon-button/icon-button.custom.styles.js +8 -0
- package/dist/components/icon-button/icon-button.custom.styles.js.map +7 -0
- package/dist/components/icon-button/icon-button.d.ts +8 -0
- package/dist/components/icon-button/icon-button.js +21 -0
- package/dist/components/icon-button/icon-button.js.map +7 -0
- package/dist/components/icon-button/icon-button.styles.d.ts +2 -0
- package/dist/components/icon-button/icon-button.styles.js +10 -0
- package/dist/components/icon-button/icon-button.styles.js.map +7 -0
- package/dist/components/input/input.component.js +6 -6
- package/dist/components/input/input.js +7 -7
- package/dist/components/radio/radio.component.js +5 -5
- package/dist/components/radio/radio.js +6 -6
- 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/spinner/spinner.component.js +2 -2
- package/dist/components/switch/switch.component.js +2 -2
- package/dist/components/switch/switch.js +3 -3
- package/dist/components/tag/tag.component.d.ts +33 -0
- package/dist/components/tag/tag.component.js +25 -0
- package/dist/components/tag/tag.component.js.map +7 -0
- package/dist/components/tag/tag.custom.styles.d.ts +2 -0
- package/dist/components/tag/tag.custom.styles.js +8 -0
- package/dist/components/tag/tag.custom.styles.js.map +7 -0
- package/dist/components/tag/tag.d.ts +8 -0
- package/dist/components/tag/tag.js +26 -0
- package/dist/components/tag/tag.js.map +7 -0
- package/dist/components/tag/tag.styles.d.ts +2 -0
- package/dist/components/tag/tag.styles.js +10 -0
- package/dist/components/tag/tag.styles.js.map +7 -0
- package/dist/components/textarea/textarea.component.js +2 -2
- package/dist/components/textarea/textarea.js +3 -3
- package/dist/custom-elements.json +629 -184
- package/dist/events/events.d.ts +1 -0
- package/dist/events/syn-remove.d.ts +6 -0
- package/dist/synergy.d.ts +2 -0
- package/dist/synergy.js +47 -33
- package/dist/utilities/icon-library.js +2 -2
- package/dist/vscode.html-custom-data.json +119 -17
- package/dist/web-types.json +218 -30
- package/package.json +14 -13
- /package/dist/chunks/{chunk.SUNIN43Y.js.map → chunk.2OYZUDFV.js.map} +0 -0
- /package/dist/chunks/{chunk.XVJVR3MD.js.map → chunk.3CSVGX3J.js.map} +0 -0
- /package/dist/chunks/{chunk.B7KNRAHG.js.map → chunk.44U5VKNJ.js.map} +0 -0
- /package/dist/chunks/{chunk.JVSVQG6I.js.map → chunk.4EWYZIJS.js.map} +0 -0
- /package/dist/chunks/{chunk.FJGYV3Y3.js.map → chunk.4EXY5F5M.js.map} +0 -0
- /package/dist/chunks/{chunk.4XAK6MOQ.js.map → chunk.6PFQSQLU.js.map} +0 -0
- /package/dist/chunks/{chunk.3NY33MCF.js.map → chunk.ADE7GDYK.js.map} +0 -0
- /package/dist/chunks/{chunk.U2NJG6GX.js.map → chunk.AFVZYX7H.js.map} +0 -0
- /package/dist/chunks/{chunk.MB5S3IM7.js.map → chunk.CB2M3AVU.js.map} +0 -0
- /package/dist/chunks/{chunk.W5GPJ6ZR.js.map → chunk.D5YL3H6T.js.map} +0 -0
- /package/dist/chunks/{chunk.D7KU5L75.js.map → chunk.E2TU3YYJ.js.map} +0 -0
- /package/dist/chunks/{chunk.IFPM2NRM.js.map → chunk.FHYBGERU.js.map} +0 -0
- /package/dist/chunks/{chunk.M5DMOLZK.js.map → chunk.JRAW7QJL.js.map} +0 -0
- /package/dist/chunks/{chunk.WVYTLFNV.js.map → chunk.MJC7VLA2.js.map} +0 -0
- /package/dist/chunks/{chunk.P3O63FHH.js.map → chunk.MUP4GIQL.js.map} +0 -0
- /package/dist/chunks/{chunk.HZERAHZP.js.map → chunk.NRA7I7QC.js.map} +0 -0
- /package/dist/chunks/{chunk.5SKPG6DM.js.map → chunk.Q7NHWXSL.js.map} +0 -0
- /package/dist/chunks/{chunk.U7R4EV7C.js.map → chunk.RG4Z2I6D.js.map} +0 -0
- /package/dist/chunks/{chunk.PHG2CETE.js.map → chunk.RKQHPBKM.js.map} +0 -0
- /package/dist/chunks/{chunk.DUAFHNTR.js.map → chunk.SEHRSICV.js.map} +0 -0
- /package/dist/chunks/{chunk.7MTLFTYG.js.map → chunk.TACOOH3N.js.map} +0 -0
- /package/dist/chunks/{chunk.G3EPLUES.js.map → chunk.ZGZ7W6BC.js.map} +0 -0
|
@@ -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.MUP4GIQL.js";
|
|
4
|
+
import "../../chunks/chunk.NRA7I7QC.js";
|
|
5
|
+
import "../../chunks/chunk.FHYBGERU.js";
|
|
6
6
|
import "../../chunks/chunk.N2I6HVX3.js";
|
|
7
|
+
import "../../chunks/chunk.XGXFE6IF.js";
|
|
7
8
|
import "../../chunks/chunk.R6VNLE6N.js";
|
|
8
9
|
import "../../chunks/chunk.A3SKDWCT.js";
|
|
9
|
-
import "../../chunks/chunk.XGXFE6IF.js";
|
|
10
10
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
11
|
-
import "../../chunks/chunk.
|
|
11
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
12
12
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
13
|
-
import "../../chunks/chunk.
|
|
13
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
14
14
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
15
|
-
import "../../chunks/chunk.
|
|
15
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
16
16
|
import "../../chunks/chunk.RSONAU45.js";
|
|
17
17
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
18
18
|
import "../../chunks/chunk.C7624ITA.js";
|
|
19
19
|
import "../../chunks/chunk.YTS5TRJZ.js";
|
|
20
20
|
import "../../chunks/chunk.FVSP4LXX.js";
|
|
21
|
-
import "../../chunks/chunk.
|
|
21
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
22
22
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
23
23
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
24
24
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynButtonGroup
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.Q7NHWXSL.js";
|
|
4
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
5
5
|
import "../../chunks/chunk.4ZURABYO.js";
|
|
6
6
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
7
7
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
@@ -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.SEHRSICV.js";
|
|
4
|
+
import "../../chunks/chunk.Q7NHWXSL.js";
|
|
5
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
6
6
|
import "../../chunks/chunk.4ZURABYO.js";
|
|
7
7
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
8
8
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynCheckbox
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.3CSVGX3J.js";
|
|
4
4
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
5
5
|
import "../../chunks/chunk.4CBN5LPQ.js";
|
|
6
6
|
import "../../chunks/chunk.2XZKXVMR.js";
|
|
7
7
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
8
|
-
import "../../chunks/chunk.
|
|
8
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
9
9
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
11
11
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
12
|
-
import "../../chunks/chunk.
|
|
12
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
13
13
|
import "../../chunks/chunk.RSONAU45.js";
|
|
14
14
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
15
15
|
import "../../chunks/chunk.C7624ITA.js";
|
|
16
|
-
import "../../chunks/chunk.
|
|
16
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
17
17
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
18
18
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
19
19
|
export {
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import {
|
|
2
2
|
checkbox_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.TACOOH3N.js";
|
|
4
|
+
import "../../chunks/chunk.3CSVGX3J.js";
|
|
5
5
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
6
6
|
import "../../chunks/chunk.4CBN5LPQ.js";
|
|
7
7
|
import "../../chunks/chunk.2XZKXVMR.js";
|
|
8
8
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
10
10
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
11
|
-
import "../../chunks/chunk.
|
|
11
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
12
12
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
13
|
-
import "../../chunks/chunk.
|
|
13
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
14
14
|
import "../../chunks/chunk.RSONAU45.js";
|
|
15
15
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
16
16
|
import "../../chunks/chunk.C7624ITA.js";
|
|
17
|
-
import "../../chunks/chunk.
|
|
17
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
18
18
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
19
19
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
20
20
|
export {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynIcon
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.RKQHPBKM.js";
|
|
4
4
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
5
|
-
import "../../chunks/chunk.
|
|
5
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
6
6
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
7
|
-
import "../../chunks/chunk.
|
|
7
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
8
8
|
import "../../chunks/chunk.RSONAU45.js";
|
|
9
9
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
10
10
|
import "../../chunks/chunk.C7624ITA.js";
|
|
11
|
-
import "../../chunks/chunk.
|
|
11
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
12
12
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
13
13
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
14
14
|
export {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
icon_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.ZGZ7W6BC.js";
|
|
4
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
5
5
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
6
|
-
import "../../chunks/chunk.
|
|
6
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
7
7
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
8
|
-
import "../../chunks/chunk.
|
|
8
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
9
9
|
import "../../chunks/chunk.RSONAU45.js";
|
|
10
10
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
11
11
|
import "../../chunks/chunk.C7624ITA.js";
|
|
12
|
-
import "../../chunks/chunk.
|
|
12
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
13
13
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
14
14
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
15
15
|
export {
|
|
@@ -4,9 +4,9 @@ import {
|
|
|
4
4
|
unregisterIconLibrary,
|
|
5
5
|
unwatchIcon,
|
|
6
6
|
watchIcon
|
|
7
|
-
} from "../../chunks/chunk.
|
|
7
|
+
} from "../../chunks/chunk.6PFQSQLU.js";
|
|
8
8
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
10
10
|
import "../../chunks/chunk.C7624ITA.js";
|
|
11
11
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
12
12
|
export {
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import SynergyElement from '../../internal/synergy-element.js';
|
|
2
|
+
import SynIcon from '../icon/icon.component.js';
|
|
3
|
+
import type { CSSResultGroup } from 'lit';
|
|
4
|
+
/**
|
|
5
|
+
* @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
|
|
6
|
+
* @documentation https://synergy.style/components/icon-button
|
|
7
|
+
* @status stable
|
|
8
|
+
* @since 2.0
|
|
9
|
+
*
|
|
10
|
+
* @dependency syn-icon
|
|
11
|
+
*
|
|
12
|
+
* @event syn-blur - Emitted when the icon button loses focus.
|
|
13
|
+
* @event syn-focus - Emitted when the icon button gains focus.
|
|
14
|
+
*
|
|
15
|
+
* @csspart base - The component's base wrapper.
|
|
16
|
+
*/
|
|
17
|
+
export default class SynIconButton extends SynergyElement {
|
|
18
|
+
static styles: CSSResultGroup;
|
|
19
|
+
static dependencies: {
|
|
20
|
+
'syn-icon': typeof SynIcon;
|
|
21
|
+
};
|
|
22
|
+
button: HTMLButtonElement | HTMLLinkElement;
|
|
23
|
+
private hasFocus;
|
|
24
|
+
/** The name of the icon to draw. Available names depend on the icon library being used. */
|
|
25
|
+
name?: string;
|
|
26
|
+
/** The name of a registered custom icon library. */
|
|
27
|
+
library?: string;
|
|
28
|
+
/**
|
|
29
|
+
* An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
|
|
30
|
+
* can result in XSS attacks.
|
|
31
|
+
*/
|
|
32
|
+
src?: string;
|
|
33
|
+
/** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
|
|
34
|
+
href?: string;
|
|
35
|
+
/** Tells the browser where to open the link. Only used when `href` is set. */
|
|
36
|
+
target?: '_blank' | '_parent' | '_self' | '_top';
|
|
37
|
+
/** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
|
|
38
|
+
download?: string;
|
|
39
|
+
/**
|
|
40
|
+
* A description that gets read by assistive devices. For optimal accessibility, you should always include a label
|
|
41
|
+
* that describes what the icon button does.
|
|
42
|
+
*/
|
|
43
|
+
label: string;
|
|
44
|
+
/** The icon button's size. */
|
|
45
|
+
size: 'small' | 'medium' | 'large' | 'inherit';
|
|
46
|
+
/**
|
|
47
|
+
* The color of the icon button.
|
|
48
|
+
* The default "currentColor" makes it possible to easily style the icon button from outside without any CSS variables.
|
|
49
|
+
*/
|
|
50
|
+
color: 'currentColor' | 'primary' | 'neutral';
|
|
51
|
+
/** Disables the button. */
|
|
52
|
+
disabled: boolean;
|
|
53
|
+
private handleBlur;
|
|
54
|
+
private handleFocus;
|
|
55
|
+
private handleClick;
|
|
56
|
+
/** Simulates a click on the icon button. */
|
|
57
|
+
click(): void;
|
|
58
|
+
/** Sets focus on the icon button. */
|
|
59
|
+
focus(options?: FocusOptions): void;
|
|
60
|
+
/** Removes focus from the icon button. */
|
|
61
|
+
blur(): void;
|
|
62
|
+
render(): import("lit").TemplateResult;
|
|
63
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import {
|
|
2
|
+
SynIconButton
|
|
3
|
+
} from "../../chunks/chunk.L6I5ZLBO.js";
|
|
4
|
+
import "../../chunks/chunk.2FN5DTS6.js";
|
|
5
|
+
import "../../chunks/chunk.OJF7KL44.js";
|
|
6
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
7
|
+
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
8
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
9
|
+
import "../../chunks/chunk.6C4JXZZN.js";
|
|
10
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
11
|
+
import "../../chunks/chunk.RSONAU45.js";
|
|
12
|
+
import "../../chunks/chunk.PJO6TM3T.js";
|
|
13
|
+
import "../../chunks/chunk.C7624ITA.js";
|
|
14
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
15
|
+
import "../../chunks/chunk.O7USYXBT.js";
|
|
16
|
+
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
17
|
+
export {
|
|
18
|
+
SynIconButton as default
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=icon-button.component.js.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
icon_button_default
|
|
3
|
+
} from "../../chunks/chunk.VTYPMAXM.js";
|
|
4
|
+
import "../../chunks/chunk.L6I5ZLBO.js";
|
|
5
|
+
import "../../chunks/chunk.2FN5DTS6.js";
|
|
6
|
+
import "../../chunks/chunk.OJF7KL44.js";
|
|
7
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
8
|
+
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
9
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
10
|
+
import "../../chunks/chunk.6C4JXZZN.js";
|
|
11
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
12
|
+
import "../../chunks/chunk.RSONAU45.js";
|
|
13
|
+
import "../../chunks/chunk.PJO6TM3T.js";
|
|
14
|
+
import "../../chunks/chunk.C7624ITA.js";
|
|
15
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
16
|
+
import "../../chunks/chunk.O7USYXBT.js";
|
|
17
|
+
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
18
|
+
export {
|
|
19
|
+
icon_button_default as default
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=icon-button.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import {
|
|
2
|
+
icon_button_styles_default
|
|
3
|
+
} from "../../chunks/chunk.2FN5DTS6.js";
|
|
4
|
+
import "../../chunks/chunk.OJF7KL44.js";
|
|
5
|
+
import "../../chunks/chunk.O7USYXBT.js";
|
|
6
|
+
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
7
|
+
export {
|
|
8
|
+
icon_button_styles_default as default
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=icon-button.styles.js.map
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynInput
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.RG4Z2I6D.js";
|
|
4
4
|
import "../../chunks/chunk.OXUFFH57.js";
|
|
5
5
|
import "../../chunks/chunk.JHXCBOUD.js";
|
|
6
6
|
import "../../chunks/chunk.W46CFM2R.js";
|
|
7
7
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
8
|
+
import "../../chunks/chunk.XGXFE6IF.js";
|
|
8
9
|
import "../../chunks/chunk.R6VNLE6N.js";
|
|
9
10
|
import "../../chunks/chunk.A3SKDWCT.js";
|
|
10
|
-
import "../../chunks/chunk.XGXFE6IF.js";
|
|
11
11
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
12
|
-
import "../../chunks/chunk.
|
|
12
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
13
13
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
14
|
-
import "../../chunks/chunk.
|
|
14
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
15
15
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
16
|
-
import "../../chunks/chunk.
|
|
16
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
17
17
|
import "../../chunks/chunk.RSONAU45.js";
|
|
18
18
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
19
19
|
import "../../chunks/chunk.C7624ITA.js";
|
|
20
|
-
import "../../chunks/chunk.
|
|
20
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
21
21
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
22
22
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
23
23
|
export {
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import {
|
|
2
2
|
input_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.JRAW7QJL.js";
|
|
4
|
+
import "../../chunks/chunk.RG4Z2I6D.js";
|
|
5
5
|
import "../../chunks/chunk.OXUFFH57.js";
|
|
6
6
|
import "../../chunks/chunk.JHXCBOUD.js";
|
|
7
7
|
import "../../chunks/chunk.W46CFM2R.js";
|
|
8
8
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
9
|
+
import "../../chunks/chunk.XGXFE6IF.js";
|
|
9
10
|
import "../../chunks/chunk.R6VNLE6N.js";
|
|
10
11
|
import "../../chunks/chunk.A3SKDWCT.js";
|
|
11
|
-
import "../../chunks/chunk.XGXFE6IF.js";
|
|
12
12
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
13
|
-
import "../../chunks/chunk.
|
|
13
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
14
14
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
15
|
-
import "../../chunks/chunk.
|
|
15
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
16
16
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
17
|
-
import "../../chunks/chunk.
|
|
17
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
18
18
|
import "../../chunks/chunk.RSONAU45.js";
|
|
19
19
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
20
20
|
import "../../chunks/chunk.C7624ITA.js";
|
|
21
|
-
import "../../chunks/chunk.
|
|
21
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
22
22
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
23
23
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
24
24
|
export {
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRadio
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.44U5VKNJ.js";
|
|
4
4
|
import "../../chunks/chunk.JBYBQ5TQ.js";
|
|
5
5
|
import "../../chunks/chunk.V6VND4OF.js";
|
|
6
|
-
import "../../chunks/chunk.
|
|
6
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
7
7
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
8
|
-
import "../../chunks/chunk.
|
|
8
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
9
9
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
11
11
|
import "../../chunks/chunk.RSONAU45.js";
|
|
12
12
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
13
13
|
import "../../chunks/chunk.C7624ITA.js";
|
|
14
|
-
import "../../chunks/chunk.
|
|
14
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
15
15
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
16
16
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
17
17
|
export {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
radio_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.4EWYZIJS.js";
|
|
4
|
+
import "../../chunks/chunk.44U5VKNJ.js";
|
|
5
5
|
import "../../chunks/chunk.JBYBQ5TQ.js";
|
|
6
6
|
import "../../chunks/chunk.V6VND4OF.js";
|
|
7
|
-
import "../../chunks/chunk.
|
|
7
|
+
import "../../chunks/chunk.RKQHPBKM.js";
|
|
8
8
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.6PFQSQLU.js";
|
|
10
10
|
import "../../chunks/chunk.6C4JXZZN.js";
|
|
11
|
-
import "../../chunks/chunk.
|
|
11
|
+
import "../../chunks/chunk.EJXWL3JM.js";
|
|
12
12
|
import "../../chunks/chunk.RSONAU45.js";
|
|
13
13
|
import "../../chunks/chunk.PJO6TM3T.js";
|
|
14
14
|
import "../../chunks/chunk.C7624ITA.js";
|
|
15
|
-
import "../../chunks/chunk.
|
|
15
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
16
16
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
17
17
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
18
18
|
export {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRadioButton
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.CB2M3AVU.js";
|
|
4
4
|
import "../../chunks/chunk.OVVMSN4D.js";
|
|
5
5
|
import "../../chunks/chunk.XGXFE6IF.js";
|
|
6
6
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
7
7
|
import "../../chunks/chunk.YTS5TRJZ.js";
|
|
8
8
|
import "../../chunks/chunk.FVSP4LXX.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
10
10
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
11
11
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
12
12
|
export {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
radio_button_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.MJC7VLA2.js";
|
|
4
|
+
import "../../chunks/chunk.CB2M3AVU.js";
|
|
5
5
|
import "../../chunks/chunk.OVVMSN4D.js";
|
|
6
6
|
import "../../chunks/chunk.XGXFE6IF.js";
|
|
7
7
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
8
8
|
import "../../chunks/chunk.YTS5TRJZ.js";
|
|
9
9
|
import "../../chunks/chunk.FVSP4LXX.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
11
11
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
12
12
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
13
13
|
export {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynRadioGroup
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.ADE7GDYK.js";
|
|
4
4
|
import "../../chunks/chunk.4I6M5V6O.js";
|
|
5
5
|
import "../../chunks/chunk.F4MRQLNL.js";
|
|
6
6
|
import "../../chunks/chunk.JHXCBOUD.js";
|
|
7
7
|
import "../../chunks/chunk.XGXFE6IF.js";
|
|
8
8
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
9
9
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
11
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.Q7NHWXSL.js";
|
|
11
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
12
12
|
import "../../chunks/chunk.4ZURABYO.js";
|
|
13
13
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
14
14
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
radio_group_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.AFVZYX7H.js";
|
|
4
|
+
import "../../chunks/chunk.ADE7GDYK.js";
|
|
5
5
|
import "../../chunks/chunk.4I6M5V6O.js";
|
|
6
6
|
import "../../chunks/chunk.F4MRQLNL.js";
|
|
7
7
|
import "../../chunks/chunk.JHXCBOUD.js";
|
|
8
8
|
import "../../chunks/chunk.XGXFE6IF.js";
|
|
9
9
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
10
10
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
11
|
-
import "../../chunks/chunk.
|
|
12
|
-
import "../../chunks/chunk.
|
|
11
|
+
import "../../chunks/chunk.Q7NHWXSL.js";
|
|
12
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
13
13
|
import "../../chunks/chunk.4ZURABYO.js";
|
|
14
14
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
15
15
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynSpinner
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.FHYBGERU.js";
|
|
4
4
|
import "../../chunks/chunk.N2I6HVX3.js";
|
|
5
5
|
import "../../chunks/chunk.R6VNLE6N.js";
|
|
6
6
|
import "../../chunks/chunk.A3SKDWCT.js";
|
|
7
|
-
import "../../chunks/chunk.
|
|
7
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
8
8
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
9
9
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
10
10
|
export {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
SynSwitch
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.2OYZUDFV.js";
|
|
4
4
|
import "../../chunks/chunk.MNMITYTH.js";
|
|
5
5
|
import "../../chunks/chunk.AFEABUNX.js";
|
|
6
6
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
7
7
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
8
8
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
9
|
-
import "../../chunks/chunk.
|
|
9
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
10
10
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
11
11
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
12
12
|
export {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
switch_default
|
|
3
|
-
} from "../../chunks/chunk.
|
|
4
|
-
import "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.E2TU3YYJ.js";
|
|
4
|
+
import "../../chunks/chunk.2OYZUDFV.js";
|
|
5
5
|
import "../../chunks/chunk.MNMITYTH.js";
|
|
6
6
|
import "../../chunks/chunk.AFEABUNX.js";
|
|
7
7
|
import "../../chunks/chunk.WFAJR3FN.js";
|
|
8
8
|
import "../../chunks/chunk.P2LNG2PZ.js";
|
|
9
9
|
import "../../chunks/chunk.VZ7S7YYN.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.SPPBO7QV.js";
|
|
11
11
|
import "../../chunks/chunk.O7USYXBT.js";
|
|
12
12
|
import "../../chunks/chunk.DJOAQ4JU.js";
|
|
13
13
|
export {
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import SynergyElement from '../../internal/synergy-element.js';
|
|
2
|
+
import SynIconButton from '../icon-button/icon-button.component.js';
|
|
3
|
+
import type { CSSResultGroup } from 'lit';
|
|
4
|
+
/**
|
|
5
|
+
* @summary Tags are used as labels to organize things or to indicate a selection.
|
|
6
|
+
* @documentation https://synergy.style/components/tag
|
|
7
|
+
* @status stable
|
|
8
|
+
* @since 2.0
|
|
9
|
+
*
|
|
10
|
+
* @dependency syn-icon-button
|
|
11
|
+
*
|
|
12
|
+
* @slot - The tag's content.
|
|
13
|
+
*
|
|
14
|
+
* @event syn-remove - Emitted when the remove button is activated.
|
|
15
|
+
*
|
|
16
|
+
* @csspart base - The component's base wrapper.
|
|
17
|
+
* @csspart content - The tag's content.
|
|
18
|
+
* @csspart remove-button - The tag's remove button, an `<syn-icon-button>`.
|
|
19
|
+
* @csspart remove-button__base - The remove button's exported `base` part.
|
|
20
|
+
*/
|
|
21
|
+
export default class SynTag extends SynergyElement {
|
|
22
|
+
static styles: CSSResultGroup;
|
|
23
|
+
static dependencies: {
|
|
24
|
+
'syn-icon-button': typeof SynIconButton;
|
|
25
|
+
};
|
|
26
|
+
private readonly localize;
|
|
27
|
+
/** The tag's size. */
|
|
28
|
+
size: 'small' | 'medium' | 'large';
|
|
29
|
+
/** Makes the tag removable and shows a remove button. */
|
|
30
|
+
removable: boolean;
|
|
31
|
+
private handleRemoveClick;
|
|
32
|
+
render(): import("lit").TemplateResult<1>;
|
|
33
|
+
}
|