@synergy-design-system/components 1.4.1 → 1.5.1

package/dist/components/checkbox/checkbox.component.js

@@ -1,11 +1,11 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.KWUT7GQA.js";
+} from "../../chunks/chunk.5FCLDQKW.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.4CBN5LPQ.js";
 import "../../chunks/chunk.2XZKXVMR.js";
 import "../../chunks/chunk.AMTCNRDE.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/checkbox/checkbox.js

@@ -1,12 +1,12 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.KQCYBRJJ.js";
-import "../../chunks/chunk.KWUT7GQA.js";
+} from "../../chunks/chunk.FXTLCVXC.js";
+import "../../chunks/chunk.5FCLDQKW.js";
 import "../../chunks/chunk.WFAJR3FN.js";
 import "../../chunks/chunk.4CBN5LPQ.js";
 import "../../chunks/chunk.2XZKXVMR.js";
 import "../../chunks/chunk.AMTCNRDE.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/divider/divider.component.js

@@ -1,10 +1,10 @@
 import {
   SynDivider
-} from "../../chunks/chunk.H3LRV4ST.js";
+} from "../../chunks/chunk.QCDOK7E4.js";
 import "../../chunks/chunk.PGCXJ2PT.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/divider/divider.js

@@ -1,11 +1,11 @@
 import {
   divider_default
-} from "../../chunks/chunk.GEV4IJII.js";
-import "../../chunks/chunk.H3LRV4ST.js";
+} from "../../chunks/chunk.64EZRK2A.js";
+import "../../chunks/chunk.QCDOK7E4.js";
 import "../../chunks/chunk.PGCXJ2PT.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/icon/icon.component.js

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "../../chunks/chunk.QTQBU2M5.js";
+} from "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/icon/icon.js

@@ -1,7 +1,7 @@
 import {
   icon_default
-} from "../../chunks/chunk.SPBKTD7Y.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+} from "../../chunks/chunk.O5XNATYN.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/icon-button/icon-button.component.js

@@ -1,9 +1,9 @@
 import {
   SynIconButton
-} from "../../chunks/chunk.76T4PEW3.js";
+} from "../../chunks/chunk.4STUWO3B.js";
 import "../../chunks/chunk.2FN5DTS6.js";
 import "../../chunks/chunk.OJF7KL44.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/icon-button/icon-button.js

@@ -1,10 +1,10 @@
 import {
   icon_button_default
-} from "../../chunks/chunk.6LIMUIEF.js";
-import "../../chunks/chunk.76T4PEW3.js";
+} from "../../chunks/chunk.SLW5NPQB.js";
+import "../../chunks/chunk.4STUWO3B.js";
 import "../../chunks/chunk.2FN5DTS6.js";
 import "../../chunks/chunk.OJF7KL44.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -12,7 +12,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/input/input.component.js

@@ -1,15 +1,15 @@
 import {
   SynInput
-} from "../../chunks/chunk.JYBYORNL.js";
+} from "../../chunks/chunk.D3VKCPDE.js";
 import "../../chunks/chunk.KUZJTGHQ.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.B2EJGIGY.js";
 import "../../chunks/chunk.WFAJR3FN.js";
+import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.LAB4YJYE.js";
 import "../../chunks/chunk.A3SKDWCT.js";
-import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/input/input.js

@@ -1,16 +1,16 @@
 import {
   input_default
-} from "../../chunks/chunk.XRZUXWQE.js";
-import "../../chunks/chunk.JYBYORNL.js";
+} from "../../chunks/chunk.X4L3ZC6K.js";
+import "../../chunks/chunk.D3VKCPDE.js";
 import "../../chunks/chunk.KUZJTGHQ.js";
 import "../../chunks/chunk.JHXCBOUD.js";
 import "../../chunks/chunk.B2EJGIGY.js";
 import "../../chunks/chunk.WFAJR3FN.js";
+import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.LAB4YJYE.js";
 import "../../chunks/chunk.A3SKDWCT.js";
-import "../../chunks/chunk.XGXFE6IF.js";
 import "../../chunks/chunk.AMTCNRDE.js";
-import "../../chunks/chunk.QTQBU2M5.js";
+import "../../chunks/chunk.OKG27K27.js";
 import "../../chunks/chunk.RSONAU45.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.JRXQK6LG.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.6C4JXZZN.js";
 import "../../chunks/chunk.5AAIHRMI.js";
 import "../../chunks/chunk.VZ7S7YYN.js";
 import "../../chunks/chunk.C7624ITA.js";
-import "../../chunks/chunk.Z2DLW3SL.js";
+import "../../chunks/chunk.T72SACBE.js";
 import "../../chunks/chunk.O7USYXBT.js";
 import "../../chunks/chunk.DJOAQ4JU.js";
 export {

package/dist/components/optgroup/optgroup.component.d.ts

@@ -0,0 +1,47 @@
+import type { CSSResultGroup } from 'lit';
+import SynergyElement from '../../internal/synergy-element.js';
+import SynDivider from '../divider/divider.component.js';
+/**
+ * @summary The <syn-optgroup> element creates a grouping for <syn-option>s within a <syn-select>.
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-optgroup--docs
+ * @status stable
+ * @since 1.3.0
+ *
+ * @dependency syn-divider
+ *
+ * @slot - The given options. Must be `<syn-option>` elements.
+ * @slot prefix - A presentational prefix icon or similar element.
+ * @slot label - The label for the optgroup
+ * @slot suffix - A presentational suffix icon or similar element.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart label-container - The container that wraps prefix, label and base
+ * @csspart divider - The divider that is displayed above the content
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ * @csspart options - The container that wraps the <syn-option> elements.
+ *
+ * @cssproperty --display-divider - Display property of the divider. Defaults to "block"
+ */
+export default class SynOptgroup extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-divider': typeof SynDivider;
+    };
+    private readonly hasSlotController;
+    defaultSlot: HTMLSlotElement;
+    /**
+     * Syncs the disabled prop for all slotted syn-options when it is triggered
+     */
+    private handleDisableOptions;
+    /**
+     * Disables all options in the optgroup.
+     */
+    disabled: boolean;
+    /**
+     * The optgroups label. If you need to display HTML, use the `label` slot instead.
+     */
+    label: string;
+    handleDisabledChange(): void;
+    render(): import("lit").TemplateResult;
+}

package/dist/components/optgroup/optgroup.component.js

@@ -0,0 +1,16 @@
+import {
+  SynOptgroup
+} from "../../chunks/chunk.IFDNGB63.js";
+import "../../chunks/chunk.KG52EHDB.js";
+import "../../chunks/chunk.QCDOK7E4.js";
+import "../../chunks/chunk.PGCXJ2PT.js";
+import "../../chunks/chunk.FA6V2WD6.js";
+import "../../chunks/chunk.XGXFE6IF.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  SynOptgroup as default
+};
+//# sourceMappingURL=optgroup.component.js.map

package/dist/components/optgroup/optgroup.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/optgroup/optgroup.d.ts

@@ -0,0 +1,8 @@
+import SynOptGroup from './optgroup.component.js';
+export * from './optgroup.component.js';
+export default SynOptGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-optgroup': SynOptGroup;
+    }
+}

package/dist/components/optgroup/optgroup.js

@@ -0,0 +1,17 @@
+import {
+  optgroup_default
+} from "../../chunks/chunk.IFE4G4PB.js";
+import "../../chunks/chunk.IFDNGB63.js";
+import "../../chunks/chunk.KG52EHDB.js";
+import "../../chunks/chunk.QCDOK7E4.js";
+import "../../chunks/chunk.PGCXJ2PT.js";
+import "../../chunks/chunk.FA6V2WD6.js";
+import "../../chunks/chunk.XGXFE6IF.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  optgroup_default as default
+};
+//# sourceMappingURL=optgroup.js.map

package/dist/components/optgroup/optgroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/optgroup/optgroup.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/optgroup/optgroup.styles.js

@@ -0,0 +1,8 @@
+import {
+  optgroup_styles_default
+} from "../../chunks/chunk.KG52EHDB.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  optgroup_styles_default as default
+};
+//# sourceMappingURL=optgroup.styles.js.map

package/dist/components/optgroup/optgroup.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/option/option.component.d.ts

@@ -0,0 +1,51 @@
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIcon from '../icon/icon.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Options define the selectable items within various form controls such as [select](/components/select).
+ * @documentation https://synergy.style/components/option
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon
+ *
+ * @slot - The option's label.
+ * @slot prefix - Used to prepend an icon or similar element to the menu item.
+ * @slot suffix - Used to append an icon or similar element to the menu item.
+ *
+ * @csspart checked-icon - The checked icon, an `<syn-icon>` element.
+ * @csspart base - The component's base wrapper.
+ * @csspart label - The option's label.
+ * @csspart prefix - The container that wraps the prefix.
+ * @csspart suffix - The container that wraps the suffix.
+ */
+export default class SynOption extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon': typeof SynIcon;
+    };
+    private cachedTextLabel;
+    private readonly localize;
+    defaultSlot: HTMLSlotElement;
+    current: boolean;
+    selected: boolean;
+    hasHover: boolean;
+    /**
+     * The option's value. When selected, the containing form control will receive this value. The value must be unique
+     * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing
+     * multiple values.
+     */
+    value: string;
+    /** Draws the option in a disabled state, preventing selection. */
+    disabled: boolean;
+    connectedCallback(): void;
+    private handleDefaultSlotChange;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    handleDisabledChange(): void;
+    handleSelectedChange(): void;
+    handleValueChange(): void;
+    /** Returns a plain text label based on the option's content. */
+    getTextLabel(): string;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/option/option.component.js

@@ -0,0 +1,22 @@
+import {
+  SynOption
+} from "../../chunks/chunk.XFLQL2QO.js";
+import "../../chunks/chunk.W6V7TPGK.js";
+import "../../chunks/chunk.3B24TYVN.js";
+import "../../chunks/chunk.LAB4YJYE.js";
+import "../../chunks/chunk.A3SKDWCT.js";
+import "../../chunks/chunk.OKG27K27.js";
+import "../../chunks/chunk.RSONAU45.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  SynOption as default
+};
+//# sourceMappingURL=option.component.js.map

package/dist/components/option/option.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/option/option.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/option/option.custom.styles.js

@@ -0,0 +1,8 @@
+import {
+  option_custom_styles_default
+} from "../../chunks/chunk.3B24TYVN.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  option_custom_styles_default as default
+};
+//# sourceMappingURL=option.custom.styles.js.map

package/dist/components/option/option.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/option/option.d.ts

@@ -0,0 +1,8 @@
+import SynOption from './option.component.js';
+export * from './option.component.js';
+export default SynOption;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-option': SynOption;
+    }
+}

package/dist/components/option/option.js

@@ -0,0 +1,23 @@
+import {
+  option_default
+} from "../../chunks/chunk.YN2IXOBF.js";
+import "../../chunks/chunk.XFLQL2QO.js";
+import "../../chunks/chunk.W6V7TPGK.js";
+import "../../chunks/chunk.3B24TYVN.js";
+import "../../chunks/chunk.LAB4YJYE.js";
+import "../../chunks/chunk.A3SKDWCT.js";
+import "../../chunks/chunk.OKG27K27.js";
+import "../../chunks/chunk.RSONAU45.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.JRXQK6LG.js";
+import "../../chunks/chunk.6C4JXZZN.js";
+import "../../chunks/chunk.5AAIHRMI.js";
+import "../../chunks/chunk.VZ7S7YYN.js";
+import "../../chunks/chunk.C7624ITA.js";
+import "../../chunks/chunk.T72SACBE.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  option_default as default
+};
+//# sourceMappingURL=option.js.map

package/dist/components/option/option.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/option/option.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/option/option.styles.js

@@ -0,0 +1,10 @@
+import {
+  option_styles_default
+} from "../../chunks/chunk.W6V7TPGK.js";
+import "../../chunks/chunk.3B24TYVN.js";
+import "../../chunks/chunk.O7USYXBT.js";
+import "../../chunks/chunk.DJOAQ4JU.js";
+export {
+  option_styles_default as default
+};
+//# sourceMappingURL=option.styles.js.map

package/dist/components/option/option.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}