@synergy-design-system/components 3.1.0 → 3.2.0

package/dist/components/checkbox/checkbox.js

@@ -1,30 +1,30 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.SM4ANWX6.js";
-import "../../chunks/chunk.VGI7V7OS.js";
+} from "../../chunks/chunk.7UHGS3KI.js";
+import "../../chunks/chunk.B45BLWF7.js";
+import "../../chunks/chunk.3JDUKQRN.js";
 import "../../chunks/chunk.IZRTF5EM.js";
-import "../../chunks/chunk.6OX2AX3Z.js";
-import "../../chunks/chunk.3NXKLKWH.js";
-import "../../chunks/chunk.G4URZQCL.js";
-import "../../chunks/chunk.U5757NSE.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.Q6XDV7O7.js";
-import "../../chunks/chunk.34V3QOIQ.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.ZC3GXTWV.js";
+import "../../chunks/chunk.PTRCO527.js";
+import "../../chunks/chunk.J3GDDM6Q.js";
+import "../../chunks/chunk.CHFWLQN5.js";
+import "../../chunks/chunk.KHRQ5VI4.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.MLILJGXQ.js";
-import "../../chunks/chunk.2WOSSTKK.js";
-import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.YACUYJZN.js";
+import "../../chunks/chunk.RY3ZM7MQ.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
-import "../../chunks/chunk.JE5Y2YD7.js";
-import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.FXJLG622.js";
+import "../../chunks/chunk.ECNXEYTN.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   checkbox_default as default

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

@@ -1,8 +1,2 @@
-/**
- * ---------------------------------------------------------------------
- * 🔒 AUTOGENERATED BY VENDORISM
- * Removing this comment will prevent it from being managed by it.
- * ---------------------------------------------------------------------
- */
 declare const _default: import("lit").CSSResult;
 export default _default;

package/dist/components/checkbox/checkbox.styles.js

@@ -1,6 +1,6 @@
 import {
   checkbox_styles_default
-} from "../../chunks/chunk.6OX2AX3Z.js";
+} from "../../chunks/chunk.ZC3GXTWV.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   checkbox_styles_default as default

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

@@ -1,17 +1,21 @@
-import type { CSSResultGroup, PropertyValues } from 'lit';
+import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import SynergyElement from '../../internal/synergy-element.js';
 import SynIcon from '../icon/icon.component.js';
 import SynPopup from '../popup/popup.component.js';
 import type { SynergyFormControl } from '../../internal/synergy-element.js';
 import SynOption from '../option/option.component.js';
+import SynTag from '../tag/tag.component.js';
 import { type OptionRenderer } from './option-renderer.js';
 /**
- * @summary Comboboxes allow you to choose items from a menu of predefined options.
+ * @summary A combobox component that combines the functionality of a text input with a dropdown listbox,
+ * allowing users to either select from predefined options or enter custom values (when not restricted).
+ *
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-combobox--docs
  * @status stable
  *
  * @dependency syn-icon
  * @dependency syn-popup
+ * @dependency syn-tag
  *
  * @slot - The listbox options. Must be `<syn-option>` elements.
  *    You can use `<syn-optgroup>`'s to group items visually.
@@ -41,7 +45,7 @@ import { type OptionRenderer } from './option-renderer.js';
  * @csspart form-control-label - The label's wrapper.
  * @csspart form-control-input - The combobox's wrapper.
  * @csspart form-control-help-text - The help text's wrapper.
- * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
+ * @csspart combobox - The container that wraps the prefix, combobox, clear icon, and expand button.
  * @csspart prefix - The container that wraps the prefix slot.
  * @csspart suffix - The container that wraps the suffix slot.
  * @csspart display-input - The element that displays the selected option's label,
@@ -54,6 +58,12 @@ import { type OptionRenderer } from './option-renderer.js';
  * @csspart popup - The popup's exported `popup` part.
  * Use this to target the tooltip's popup container.
  * @csspart no-results - The container that wraps the "no results" message.
+ * @csspart tags - The container that houses option tags when `multiple` is used.
+ * @csspart tag - The individual tags that represent each selected option in `multiple`.
+ * @csspart tag__base - The tag's base part.
+ * @csspart tag__content - The tag's content part.
+ * @csspart tag__remove-button - The tag's remove button.
+ * @csspart tag__remove-button__base - The tag's remove button base part.
  *
  * @animation combobox.show - The animation to use when showing the combobox.
  * @animation combobox.hide - The animation to use when hiding the combobox.
@@ -63,35 +73,52 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
     static dependencies: {
         'syn-icon': typeof SynIcon;
         'syn-popup': typeof SynPopup;
+        'syn-tag': typeof SynTag;
     };
     private readonly formControlController;
     private readonly hasSlotController;
     private readonly localize;
     private closeWatcher;
-    /** The last syn-option, that was selected by click or via keyboard navigation */
-    private lastOption;
-    private isOptionRendererTriggered;
+    /**
+     * Cache of the last syn-options that were selected by user interaction (click or keyboard navigation).
+     * Used to track user selections and maintain selection state during value changes.
+     */
+    private lastOptions;
     private isInitialized;
+    /**
+     * Flag to prevent infinite loops when the option renderer programmatically updates options.
+     * Set to true during option rendering to ignore slot change events triggered by our own updates.
+     */
+    private isOptionRendererTriggered;
+    private resizeObserver;
+    private mutationObserver;
     popup: SynPopup;
     combobox: HTMLSlotElement;
     displayInput: HTMLInputElement;
     valueInput: HTMLInputElement;
     listbox: HTMLSlotElement;
     private defaultSlot;
+    tagContainer: HTMLDivElement;
     private hasFocus;
     private isUserInput;
     displayLabel: string;
-    selectedOption: SynOption | undefined;
+    selectedOptions: SynOption[];
     numberFilteredOptions: number;
     cachedOptions: SynOption[];
+    private valueHasChanged;
+    private hideOptions;
     /** The name of the combobox, submitted as a name/value pair with form data. */
     name: string;
+    private _value;
+    get value(): string | number | Array<string | number>;
     /**
-     * The current value of the combobox, submitted as a name/value pair with form data.
+     * The current value of the combobox, submitted as a name/value pair with form data. When `multiple` is enabled, the
+     * value attribute will be a list of values  separated by the delimiter, based on the options selected, and the value property will
+     * be an array. **For this reason, values must not contain the delimiter character.**
      */
-    value: string;
+    set value(val: string | number | Array<string | number>);
     /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
+    defaultValue: string | number | Array<string | number>;
     /** The combobox's size. */
     size: 'small' | 'medium' | 'large';
     /** Placeholder text to show as a hint when the combobox is empty. */
@@ -127,8 +154,14 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
     /**
      * When set to `true`, restricts the combobox to only allow selection from the available options.
      * Users will not be able to enter custom values that are not present in the list.
+     * This will always be true, if `multiple` is active.
      */
     restricted: boolean;
+    /**
+     * Allows more than one option to be selected.
+     * If `multiple` is set, the combobox will always be `restricted` to the available options
+     * */
+    multiple: boolean;
     /**
      * A function that customizes the rendered option. The first argument is the option, the second
      * is the query string, which is typed into the combobox.
@@ -146,13 +179,36 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
      * @returns A boolean indicating whether the option should be included in the filtered results.
      */
     filter: (option: SynOption, queryString: string) => boolean;
+    /**
+     * The delimiter to use when setting the value when `multiple` is enabled.
+     * The default is a space ' ', but you can set it to a comma or other character(s).
+     * @example <syn-combobox delimiter="~" value="option-1~option-2"></syn-combobox>
+     */
+    delimiter: string;
+    /**
+     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
+     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
+     */
+    maxOptionsVisible: number;
+    /**
+     * A function that customizes the tags to be rendered when `multiple` is true. The first argument is the option, the second
+     * is the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at
+     * the specified value.
+     */
+    getTag: (option: SynOption, index: number) => TemplateResult | string | HTMLElement;
     /** Gets the validity state object */
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
+    private calculateTagMaxWidth;
+    private enableResizeObserver;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     firstUpdated(): void;
+    protected updated(changedProperties: PropertyValues<this>): void;
     protected willUpdate(changedProperties: PropertyValues): void;
+    attributeChangedCallback(name: string, oldVal: string | null, newVal: string | null): void;
+    protected get tags(): TemplateResult<1>[];
     private addOpenListeners;
     private removeOpenListeners;
     private handleFocus;
@@ -161,9 +217,11 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
     private handleDocumentKeyDown;
     private handleDocumentMouseDown;
     private handleLabelClick;
+    private handleTagRemove;
     private handleComboboxMouseDown;
     private handleComboboxKeyDown;
     private handleClearClick;
+    private clearInputField;
     private clearCombobox;
     private preventLoosingFocus;
     private handleOptionClick;
@@ -174,17 +232,31 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
      *                 or the previous option (false).
      */
     private selectNextOption;
+    private toggleOptionSelection;
+    private setSelectedOptions;
     private getAllFilteredOptions;
     private getCurrentOption;
     private setCurrentOption;
     /**
-     * Updates the selected options cache, the current value, and the display value
+     * Updates the component state after selection changes.
+     *
+     * This method synchronizes:
+     * 1. The selectedOptions cache with currently selected options
+     * 2. The component's value property (string or array)
+     * 3. The display label shown in the input
+     * 4. Form validation state
+     *
+     * **Validation Logic:**
+     * - In restricted mode, invalid values trigger a reset to last valid state
+     * - Multiple mode requires all values to correspond to existing options
+     * - Single mode allows free text input when not restricted
      */
-    private updateSelectedOptionsCacheAndValue;
-    private setSelectedOptionToSelected;
+    private selectionChanged;
     private handleInvalid;
     handlePropertiesChange(): void;
+    handleDisplayInputValueChange(): void;
     handleDisabledChange(): void;
+    handleDelimiterChange(): void;
     handleValueChange(): void;
     handleOpenChange(): Promise<void>;
     /**
@@ -209,17 +281,32 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
     focus(options?: FocusOptions): void;
     /** Removes focus from the control. */
     blur(): void;
+    /**
+     * Updates the visibility and rendering of options based on the current query string.
+     *
+     * This method performs several critical tasks:
+     * 1. **Option Filtering**: Uses the `filter` function to determine which options should be visible
+     * 2. **Custom Rendering**: Applies the `getOption` function to customize option appearance
+     * 3. **Optgroup Management**: Shows/hides optgroups based on their visible children
+     * 4. **Counts visible options**: Tracks the number of visible options for UI logic
+     *
+     * **Performance Considerations:**
+     * - Uses cached options to avoid repeated DOM queries
+     * - Prevents infinite loops during option updates with `isOptionRendererTriggered`
+     *
+     * @param queryString - The current user input to filter and highlight options with
+     */
     private createComboboxOptionsFromQuery;
     private handleInput;
     /**
-     * Checks if the current value is available in the options list.
+     * Checks if the value is available in the options list.
      * This is used to determine if the value is valid when the combobox is restricted.
-     *
+     * @param value - The value to check for validity.
      * @returns `true` if the current value is available in the options list,
      * otherwise `false`.
      */
     private isValidValue;
-    private getOptionFromValue;
+    private getOptionsFromValue;
     /**
      * Resets the value to the last valid value or to an empty string.
      */
@@ -229,6 +316,27 @@ export default class SynCombobox extends SynergyElement implements SynergyFormCo
     private getSlottedOptGroups;
     private cacheSlottedOptionsAndOptgroups;
     private updateSelectedOptionFromValue;
+    /**
+     * Synchronizes the internal component state with changes to slotted options.
+     *
+     * This method is automatically triggered by:
+     * - MutationObserver when option 'value' attributes change
+     * - Initial component setup during connectedCallback (after timeout)
+     * - Default slot changes (via handleDefaultSlotChange)
+     * - Custom element registration completion for syn-option (deferred execution)
+     *
+     * The synchronization process:
+     * 1. Waits for syn-option custom elements to be registered before processing
+     * 2. Updates delimiter settings on all slotted options
+     * 3. Refreshes the internal cache of options and optgroups
+     * 4. Synchronizes selected options based on current component value
+     * 5. Auto-opens listbox if component has focus, has value, and is currently closed
+     *
+     * This ensures the component's internal state stays consistent with the slotted
+     * DOM content after options are added, removed, or their values change.
+     *
+     */
+    private handleSlotContentChange;
     handleDefaultSlotChange(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): TemplateResult<1>;
 }

package/dist/components/combobox/combobox.component.js

@@ -1,45 +1,51 @@
 import {
   SynCombobox
-} from "../../chunks/chunk.6GWSQWLE.js";
-import "../../chunks/chunk.4M4LRUZD.js";
+} from "../../chunks/chunk.6JDKH43H.js";
+import "../../chunks/chunk.5QYKBLQ4.js";
+import "../../chunks/chunk.HU237XM2.js";
+import "../../chunks/chunk.X5NFOV5A.js";
+import "../../chunks/chunk.VECCQZP5.js";
+import "../../chunks/chunk.MUYFKDTO.js";
 import "../../chunks/chunk.ARR23WUY.js";
 import "../../chunks/chunk.BL5JW7YS.js";
-import "../../chunks/chunk.IVM3BGRH.js";
-import "../../chunks/chunk.P3W7SDQW.js";
+import "../../chunks/chunk.5FVNGR5M.js";
+import "../../chunks/chunk.GFD645IU.js";
 import "../../chunks/chunk.36EHOOOO.js";
-import "../../chunks/chunk.AZ3N5IOO.js";
-import "../../chunks/chunk.IAS6MLT6.js";
-import "../../chunks/chunk.BWTMFHNM.js";
-import "../../chunks/chunk.5732DMBC.js";
-import "../../chunks/chunk.3NXKLKWH.js";
-import "../../chunks/chunk.G4URZQCL.js";
-import "../../chunks/chunk.BIJTSOZF.js";
+import "../../chunks/chunk.DEJAPNIZ.js";
+import "../../chunks/chunk.KLL2SVR7.js";
+import "../../chunks/chunk.FVIRHFY6.js";
+import "../../chunks/chunk.2DT3C6WE.js";
+import "../../chunks/chunk.PTRCO527.js";
+import "../../chunks/chunk.2IL4PA6Q.js";
 import "../../chunks/chunk.AMDQJFFP.js";
-import "../../chunks/chunk.FD2CG2HT.js";
-import "../../chunks/chunk.U5757NSE.js";
-import "../../chunks/chunk.C2ENQBPM.js";
-import "../../chunks/chunk.6EKUFYET.js";
-import "../../chunks/chunk.ADSEQZBF.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.Q6XDV7O7.js";
-import "../../chunks/chunk.34V3QOIQ.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.6AT5JL7A.js";
+import "../../chunks/chunk.J3GDDM6Q.js";
+import "../../chunks/chunk.I5ABAZLK.js";
+import "../../chunks/chunk.OQUVO5QW.js";
+import "../../chunks/chunk.DAIQ5WRI.js";
+import "../../chunks/chunk.LQDIH4Z5.js";
+import "../../chunks/chunk.Q6HZ4JXR.js";
+import "../../chunks/chunk.RJUVM6NO.js";
+import "../../chunks/chunk.CHFWLQN5.js";
+import "../../chunks/chunk.KHRQ5VI4.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.OAQRCZOO.js";
-import "../../chunks/chunk.X7XPEYAM.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.MLILJGXQ.js";
-import "../../chunks/chunk.2WOSSTKK.js";
-import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.QLETXF4A.js";
+import "../../chunks/chunk.BHJVE26D.js";
+import "../../chunks/chunk.YACUYJZN.js";
+import "../../chunks/chunk.RY3ZM7MQ.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
-import "../../chunks/chunk.JE5Y2YD7.js";
-import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.FXJLG622.js";
+import "../../chunks/chunk.ECNXEYTN.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynCombobox as default

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

@@ -1,6 +1,6 @@
 import {
   combobox_custom_styles_default
-} from "../../chunks/chunk.BIJTSOZF.js";
+} from "../../chunks/chunk.2IL4PA6Q.js";
 import "../../chunks/chunk.AMDQJFFP.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {

package/dist/components/combobox/combobox.js

@@ -1,46 +1,52 @@
 import {
   combobox_default
-} from "../../chunks/chunk.KUAYRSLT.js";
-import "../../chunks/chunk.6GWSQWLE.js";
-import "../../chunks/chunk.4M4LRUZD.js";
+} from "../../chunks/chunk.YZMG6OGY.js";
+import "../../chunks/chunk.6JDKH43H.js";
+import "../../chunks/chunk.5QYKBLQ4.js";
+import "../../chunks/chunk.HU237XM2.js";
+import "../../chunks/chunk.X5NFOV5A.js";
+import "../../chunks/chunk.VECCQZP5.js";
+import "../../chunks/chunk.MUYFKDTO.js";
 import "../../chunks/chunk.ARR23WUY.js";
 import "../../chunks/chunk.BL5JW7YS.js";
-import "../../chunks/chunk.IVM3BGRH.js";
-import "../../chunks/chunk.P3W7SDQW.js";
+import "../../chunks/chunk.5FVNGR5M.js";
+import "../../chunks/chunk.GFD645IU.js";
 import "../../chunks/chunk.36EHOOOO.js";
-import "../../chunks/chunk.AZ3N5IOO.js";
-import "../../chunks/chunk.IAS6MLT6.js";
-import "../../chunks/chunk.BWTMFHNM.js";
-import "../../chunks/chunk.5732DMBC.js";
-import "../../chunks/chunk.3NXKLKWH.js";
-import "../../chunks/chunk.G4URZQCL.js";
-import "../../chunks/chunk.BIJTSOZF.js";
+import "../../chunks/chunk.DEJAPNIZ.js";
+import "../../chunks/chunk.KLL2SVR7.js";
+import "../../chunks/chunk.FVIRHFY6.js";
+import "../../chunks/chunk.2DT3C6WE.js";
+import "../../chunks/chunk.PTRCO527.js";
+import "../../chunks/chunk.2IL4PA6Q.js";
 import "../../chunks/chunk.AMDQJFFP.js";
-import "../../chunks/chunk.FD2CG2HT.js";
-import "../../chunks/chunk.U5757NSE.js";
-import "../../chunks/chunk.C2ENQBPM.js";
-import "../../chunks/chunk.6EKUFYET.js";
-import "../../chunks/chunk.ADSEQZBF.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.Q6XDV7O7.js";
-import "../../chunks/chunk.34V3QOIQ.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.6AT5JL7A.js";
+import "../../chunks/chunk.J3GDDM6Q.js";
+import "../../chunks/chunk.I5ABAZLK.js";
+import "../../chunks/chunk.OQUVO5QW.js";
+import "../../chunks/chunk.DAIQ5WRI.js";
+import "../../chunks/chunk.LQDIH4Z5.js";
+import "../../chunks/chunk.Q6HZ4JXR.js";
+import "../../chunks/chunk.RJUVM6NO.js";
+import "../../chunks/chunk.CHFWLQN5.js";
+import "../../chunks/chunk.KHRQ5VI4.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.OAQRCZOO.js";
-import "../../chunks/chunk.X7XPEYAM.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.MLILJGXQ.js";
-import "../../chunks/chunk.2WOSSTKK.js";
-import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.QLETXF4A.js";
+import "../../chunks/chunk.BHJVE26D.js";
+import "../../chunks/chunk.YACUYJZN.js";
+import "../../chunks/chunk.RY3ZM7MQ.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
-import "../../chunks/chunk.JE5Y2YD7.js";
-import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.FXJLG622.js";
+import "../../chunks/chunk.ECNXEYTN.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   combobox_default as default

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

@@ -1,8 +1,2 @@
-/**
- * ---------------------------------------------------------------------
- * 🔒 AUTOGENERATED BY VENDORISM
- * Removing this comment will prevent it from being managed by it.
- * ---------------------------------------------------------------------
- */
 declare const _default: import("lit").CSSResult;
 export default _default;

package/dist/components/combobox/combobox.styles.js

@@ -1,6 +1,6 @@
 import {
   combobox_styles_default
-} from "../../chunks/chunk.FD2CG2HT.js";
+} from "../../chunks/chunk.6AT5JL7A.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   combobox_styles_default as default

package/dist/components/combobox/option-renderer.js

@@ -1,7 +1,7 @@
 import {
   defaultOptionRenderer,
   highlightOptionRenderer
-} from "../../chunks/chunk.IAS6MLT6.js";
+} from "../../chunks/chunk.KLL2SVR7.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   defaultOptionRenderer,

package/dist/components/combobox/utils.d.ts

@@ -60,10 +60,17 @@ export declare const createOptionFromDifferentTypes: (option: TemplateResult | s
  * @returns The value of the option
  */
 export declare const getValueFromOption: (option: SynOption) => string | number;
+/**
+ * Get the values for options. If an option has no value, it will use the text label.
+ *
+ * @param options List of syn-options to get the values from
+ * @returns The values of the options
+ */
+export declare const getValuesFromOptions: (options: SynOption[]) => (string | number)[];
 /**
  * Check if a value belongs to the value or text label of an option.
  * @param value The value to check
  * @param option The option to check against
  * @returns True if the value belongs to the option, false otherwise
  */
-export declare const checkValueBelongsToOption: (value: string, option: SynOption | undefined) => boolean;
+export declare const checkValueBelongsToOption: (value: string | number, option: SynOption | undefined) => boolean;

package/dist/components/combobox/utils.js

@@ -7,9 +7,10 @@ import {
   getAssignedElementsForSlot,
   getOptionOrNestedOptions,
   getValueFromOption,
+  getValuesFromOptions,
   isOptgroup,
   normalizeString
-} from "../../chunks/chunk.BWTMFHNM.js";
+} from "../../chunks/chunk.FVIRHFY6.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   checkValueBelongsToOption,
@@ -20,6 +21,7 @@ export {
   getAssignedElementsForSlot,
   getOptionOrNestedOptions,
   getValueFromOption,
+  getValuesFromOptions,
   isOptgroup,
   normalizeString
 };

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

@@ -1,9 +1,3 @@
-/**
- * ---------------------------------------------------------------------
- * 🔒 AUTOGENERATED BY VENDORISM
- * Removing this comment will prevent it from being managed by it.
- * ---------------------------------------------------------------------
- */
 import SynergyElement from '../../internal/synergy-element.js';
 import SynIcon from '../icon/icon.component.js';
 import type { CSSResultGroup } from 'lit';

package/dist/components/details/details.component.js

@@ -1,30 +1,30 @@
 import {
   SynDetails
-} from "../../chunks/chunk.YR4NKYMG.js";
+} from "../../chunks/chunk.MFLXKYBR.js";
 import "../../chunks/chunk.GFX23JLA.js";
-import "../../chunks/chunk.VA26EAEP.js";
-import "../../chunks/chunk.C2ENQBPM.js";
-import "../../chunks/chunk.6EKUFYET.js";
-import "../../chunks/chunk.ADSEQZBF.js";
-import "../../chunks/chunk.Q6XDV7O7.js";
-import "../../chunks/chunk.34V3QOIQ.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.2BJPTG2Q.js";
+import "../../chunks/chunk.LQDIH4Z5.js";
+import "../../chunks/chunk.Q6HZ4JXR.js";
+import "../../chunks/chunk.RJUVM6NO.js";
+import "../../chunks/chunk.KHRQ5VI4.js";
+import "../../chunks/chunk.NMWM3BP7.js";
+import "../../chunks/chunk.RODNHT5C.js";
 import "../../chunks/chunk.3RR4RIR7.js";
 import "../../chunks/chunk.66HKI7Q7.js";
 import "../../chunks/chunk.VBS3JEIP.js";
 import "../../chunks/chunk.PJO6TM3T.js";
-import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.OAQRCZOO.js";
-import "../../chunks/chunk.X7XPEYAM.js";
-import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.MLILJGXQ.js";
-import "../../chunks/chunk.2WOSSTKK.js";
-import "../../chunks/chunk.FLJJ2OCR.js";
+import "../../chunks/chunk.4XZTYPIY.js";
+import "../../chunks/chunk.PLV4PZYX.js";
+import "../../chunks/chunk.SMIMHADA.js";
+import "../../chunks/chunk.QLETXF4A.js";
+import "../../chunks/chunk.BHJVE26D.js";
+import "../../chunks/chunk.YACUYJZN.js";
+import "../../chunks/chunk.RY3ZM7MQ.js";
+import "../../chunks/chunk.VL3GX6WV.js";
 import "../../chunks/chunk.VMLERD3J.js";
 import "../../chunks/chunk.QDG5AJZX.js";
-import "../../chunks/chunk.JE5Y2YD7.js";
-import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.FBQ7NUNW.js";
+import "../../chunks/chunk.FXJLG622.js";
+import "../../chunks/chunk.ECNXEYTN.js";
 import "../../chunks/chunk.MO2GTRUM.js";
 export {
   SynDetails as default