@synergy-design-system/components 2.38.0 → 2.39.0

package/dist/components/tab-group/tab-group.js

@@ -1,23 +1,23 @@
 import {
   tab_group_default
-} from "../../chunks/chunk.PW4YIOAV.js";
-import "../../chunks/chunk.E5QK5KIF.js";
+} from "../../chunks/chunk.HH5B5GDU.js";
+import "../../chunks/chunk.FMOQVTDZ.js";
 import "../../chunks/chunk.XOXVVU5C.js";
 import "../../chunks/chunk.PKYC7QF3.js";
-import "../../chunks/chunk.5JXXAGAU.js";
+import "../../chunks/chunk.OUWI6IUF.js";
 import "../../chunks/chunk.OI3HOOCT.js";
 import "../../chunks/chunk.5732DMBC.js";
-import "../../chunks/chunk.PQSFE6MX.js";
+import "../../chunks/chunk.AGQSPXQ5.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.55JHXA7H.js";
+import "../../chunks/chunk.WMP2ZCAC.js";
 import "../../chunks/chunk.MFZ7CHDU.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.S6MAPJII.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -25,7 +25,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   tab_group_default as default

package/dist/components/tab-panel/tab-panel.component.js

@@ -1,11 +1,11 @@
 import {
   SynTabPanel
-} from "../../chunks/chunk.BUJP5DRA.js";
+} from "../../chunks/chunk.VYIDZXNB.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.HVXG4JG6.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynTabPanel as default

package/dist/components/tab-panel/tab-panel.js

@@ -1,12 +1,12 @@
 import {
   tab_panel_default
-} from "../../chunks/chunk.X7LW7D2H.js";
-import "../../chunks/chunk.BUJP5DRA.js";
+} from "../../chunks/chunk.MJFA7UUA.js";
+import "../../chunks/chunk.VYIDZXNB.js";
 import "../../chunks/chunk.XHWYGYMQ.js";
 import "../../chunks/chunk.HVXG4JG6.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   tab_panel_default as default

package/dist/components/tag/tag.component.js

@@ -1,19 +1,19 @@
 import {
   SynTag
-} from "../../chunks/chunk.VKT6ZB2C.js";
+} from "../../chunks/chunk.ANCFAW4O.js";
 import "../../chunks/chunk.VN2PSQ4U.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.PQSFE6MX.js";
+import "../../chunks/chunk.AGQSPXQ5.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.55JHXA7H.js";
+import "../../chunks/chunk.WMP2ZCAC.js";
 import "../../chunks/chunk.MFZ7CHDU.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.S6MAPJII.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -21,7 +21,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynTag as default

package/dist/components/tag/tag.js

@@ -1,20 +1,20 @@
 import {
   tag_default
-} from "../../chunks/chunk.TGTBQ4IM.js";
-import "../../chunks/chunk.VKT6ZB2C.js";
+} from "../../chunks/chunk.IRTPVWHU.js";
+import "../../chunks/chunk.ANCFAW4O.js";
 import "../../chunks/chunk.VN2PSQ4U.js";
 import "../../chunks/chunk.6EPU7YUS.js";
-import "../../chunks/chunk.PQSFE6MX.js";
+import "../../chunks/chunk.AGQSPXQ5.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.55JHXA7H.js";
+import "../../chunks/chunk.WMP2ZCAC.js";
 import "../../chunks/chunk.MFZ7CHDU.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.S6MAPJII.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -22,7 +22,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   tag_default as default

package/dist/components/textarea/textarea.component.js

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "../../chunks/chunk.ZPLFXP6G.js";
+} from "../../chunks/chunk.GE6TF42K.js";
 import "../../chunks/chunk.HQIVMAQI.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -13,7 +13,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynTextarea as default

package/dist/components/textarea/textarea.js

@@ -1,7 +1,7 @@
 import {
   textarea_default
-} from "../../chunks/chunk.OWM2CP4X.js";
-import "../../chunks/chunk.ZPLFXP6G.js";
+} from "../../chunks/chunk.7IBSSLCM.js";
+import "../../chunks/chunk.GE6TF42K.js";
 import "../../chunks/chunk.HQIVMAQI.js";
 import "../../chunks/chunk.FQWBH6B3.js";
 import "../../chunks/chunk.3NXKLKWH.js";
@@ -14,7 +14,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   textarea_default as default

package/dist/components/tooltip/tooltip.component.js

@@ -1,18 +1,18 @@
 import {
   SynTooltip
-} from "../../chunks/chunk.NKMV47EW.js";
+} from "../../chunks/chunk.WXFHFWIV.js";
 import "../../chunks/chunk.YT5SHGUK.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.S66RRRZ5.js";
+import "../../chunks/chunk.XLX5ZW4Q.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynTooltip as default

package/dist/components/tooltip/tooltip.js

@@ -1,19 +1,19 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.I5SV53XR.js";
-import "../../chunks/chunk.NKMV47EW.js";
+} from "../../chunks/chunk.3KLMWEEQ.js";
+import "../../chunks/chunk.WXFHFWIV.js";
 import "../../chunks/chunk.YT5SHGUK.js";
 import "../../chunks/chunk.O644HRW3.js";
-import "../../chunks/chunk.S66RRRZ5.js";
+import "../../chunks/chunk.XLX5ZW4Q.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   tooltip_default as default

package/dist/components/validate/utility.js

@@ -4,8 +4,8 @@ import {
   isChangeEvent,
   isInvalidEvent,
   normalizeEventAttribute
-} from "../../chunks/chunk.GJDE6WOG.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+} from "../../chunks/chunk.RC75CW7X.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   getEventNameForElement,

package/dist/components/validate/validate.component.js

@@ -1,25 +1,25 @@
 import {
   SynValidate
-} from "../../chunks/chunk.CNJVVYBI.js";
-import "../../chunks/chunk.GJDE6WOG.js";
+} from "../../chunks/chunk.MWG533EL.js";
+import "../../chunks/chunk.RC75CW7X.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.R5TLCNTQ.js";
+import "../../chunks/chunk.B6QMAV3K.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.PQSFE6MX.js";
+import "../../chunks/chunk.AGQSPXQ5.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.55JHXA7H.js";
+import "../../chunks/chunk.WMP2ZCAC.js";
 import "../../chunks/chunk.MFZ7CHDU.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.S6MAPJII.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -27,7 +27,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.QBHZAR4C.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/components/validate/validate.js

@@ -1,26 +1,26 @@
 import {
   validate_default
-} from "../../chunks/chunk.WYXYVCH7.js";
-import "../../chunks/chunk.CNJVVYBI.js";
-import "../../chunks/chunk.GJDE6WOG.js";
+} from "../../chunks/chunk.CIDNX73S.js";
+import "../../chunks/chunk.MWG533EL.js";
+import "../../chunks/chunk.RC75CW7X.js";
 import "../../chunks/chunk.MVM3NN6Y.js";
-import "../../chunks/chunk.R5TLCNTQ.js";
+import "../../chunks/chunk.B6QMAV3K.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.PQSFE6MX.js";
+import "../../chunks/chunk.AGQSPXQ5.js";
 import "../../chunks/chunk.YST4XUIG.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.55JHXA7H.js";
+import "../../chunks/chunk.WMP2ZCAC.js";
 import "../../chunks/chunk.MFZ7CHDU.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.S6MAPJII.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.IPGLY3H4.js";
-import "../../chunks/chunk.6DYKE5RE.js";
+import "../../chunks/chunk.OAQRCZOO.js";
+import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -28,7 +28,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.5XWBSIVC.js";
+import "../../chunks/chunk.MILWWSWV.js";
 import "../../chunks/chunk.QBHZAR4C.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/custom-elements.json

@@ -2251,6 +2251,10 @@
             {
               "description": "The popup's exported `popup` part. Use this to target the tooltip's popup container.",
               "name": "popup"
+            },
+            {
+              "description": "The container that wraps the \"no results\" message.",
+              "name": "no-results"
             }
           ],
           "slots": [
@@ -2324,13 +2328,12 @@
             },
             {
               "kind": "field",
-              "name": "lastOptionValue",
+              "name": "lastOption",
               "type": {
-                "text": "string"
+                "text": "SynOption | undefined"
               },
               "privacy": "private",
-              "default": "''",
-              "description": "The last value of a syn-option, that was selected by click or via keyboard navigation"
+              "description": "The last syn-option, that was selected by click or via keyboard navigation"
             },
             {
               "kind": "field",
@@ -2402,6 +2405,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "isUserInput",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "displayLabel",
@@ -2578,6 +2590,17 @@
               "attribute": "required",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "restricted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to `true`, restricts the combobox to only allow selection from the available options.\nUsers will not be able to enter custom values that are not present in the list.",
+              "attribute": "restricted",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "getOption",
@@ -2774,7 +2797,7 @@
             },
             {
               "kind": "method",
-              "name": "setSelectedOption",
+              "name": "updateSelectedOptionsCacheAndValue",
               "privacy": "private",
               "parameters": [
                 {
@@ -2786,6 +2809,11 @@
               ],
               "description": "Updates the selected options cache, the current value, and the display value"
             },
+            {
+              "kind": "method",
+              "name": "setSelectedOptionToSelected",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleInvalid",
@@ -2895,6 +2923,33 @@
               "name": "handleInput",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "isValidValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "description": "Checks if the current value is available in the options list.\nThis is used to determine if the value is valid when the combobox is restricted."
+            },
+            {
+              "kind": "method",
+              "name": "getOptionFromValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SynOption | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "resetToLastValidValue",
+              "privacy": "private",
+              "description": "Resets the value to the last valid value or to an empty string."
+            },
             {
               "kind": "method",
               "name": "handleChange",
@@ -3122,6 +3177,15 @@
               "description": "The combobox's required attribute.",
               "fieldName": "required"
             },
+            {
+              "name": "restricted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to `true`, restricts the combobox to only allow selection from the available options.\nUsers will not be able to enter custom values that are not present in the list.",
+              "fieldName": "restricted"
+            },
             {
               "name": "getOption",
               "type": {
@@ -3163,7 +3227,7 @@
           "tagNameWithoutPrefix": "combobox",
           "tagName": "syn-combobox",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Comboboxes allow you to choose items from a menu of predefined options.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs\n * @status stable\n *\n * @dependency syn-icon\n * @dependency syn-popup\n *\n * @slot - The listbox options. Must be `<syn-option>` elements.\n *    You can use `<syn-optgroup>`'s to group items visually.\n * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed.\n *    Rotates on open and close.\n * @slot help-text - Text that describes how to use the combobox.\n *    Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the control's value changes.\n * @event syn-clear - Emitted when the control's value is cleared.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-show - Emitted when the combobox's menu opens.\n * @event syn-after-show - Emitted after the combobox's menu opens and all animations are complete.\n * @event syn-hide - Emitted when the combobox's menu closes.\n * @event syn-after-hide - Emitted after the combobox's menu closes and all animations are complete.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n *    and its constraints aren't satisfied.\n * @event syn-error - Emitted when the combobox menu fails to open.\n *\n * @csspart form-control - The form control that wraps the label, combobox, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The combobox's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label,\n *     an `<input>` element.\n * @csspart listbox - The listbox container where the options are slotted\n *   and the filtered options list exists.\n * @csspart filtered-listbox - The container that wraps the filtered options.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n * @csspart popup - The popup's exported `popup` part.\n * Use this to target the tooltip's popup container.\n *\n * @animation combobox.show - The animation to use when showing the combobox.\n * @animation combobox.hide - The animation to use when hiding the combobox.\n */",
+          "jsDoc": "/**\n * @summary Comboboxes allow you to choose items from a menu of predefined options.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs\n * @status stable\n *\n * @dependency syn-icon\n * @dependency syn-popup\n *\n * @slot - The listbox options. Must be `<syn-option>` elements.\n *    You can use `<syn-optgroup>`'s to group items visually.\n * @slot label - The combobox's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed.\n *    Rotates on open and close.\n * @slot help-text - Text that describes how to use the combobox.\n *    Alternatively, you can use the `help-text` attribute.\n *\n * @event syn-change - Emitted when the control's value changes.\n * @event syn-clear - Emitted when the control's value is cleared.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-show - Emitted when the combobox's menu opens.\n * @event syn-after-show - Emitted after the combobox's menu opens and all animations are complete.\n * @event syn-hide - Emitted when the combobox's menu closes.\n * @event syn-after-hide - Emitted after the combobox's menu closes and all animations are complete.\n * @event syn-invalid - Emitted when the form control has been checked for validity\n *    and its constraints aren't satisfied.\n * @event syn-error - Emitted when the combobox menu fails to open.\n *\n * @csspart form-control - The form control that wraps the label, combobox, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The combobox's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label,\n *     an `<input>` element.\n * @csspart listbox - The listbox container where the options are slotted\n *   and the filtered options list exists.\n * @csspart filtered-listbox - The container that wraps the filtered options.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n * @csspart popup - The popup's exported `popup` part.\n * Use this to target the tooltip's popup container.\n * @csspart no-results - The container that wraps the \"no results\" message.\n *\n * @animation combobox.show - The animation to use when showing the combobox.\n * @animation combobox.hide - The animation to use when hiding the combobox.\n */",
           "documentation": "https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs",
           "status": "stable",
           "dependencies": [
@@ -16208,7 +16272,7 @@
   "package": {
     "name": "@synergy-design-system/components",
     "description": "",
-    "version": "2.38.0",
+    "version": "2.39.0",
     "author": {
       "name": "SICK Global UX Foundation",
       "url": "https://www.sick.com"

package/dist/styles/index.css

@@ -1,5 +1,5 @@
 /**
- * @synergy-design-system/components version 2.38.0
+ * @synergy-design-system/components version 2.39.0
  * SICK Global UX Foundation
  * 
  * This file is created automatically in the build process!