@synergy-design-system/components 2.37.1 → 2.39.0

package/dist/chunks/{chunk.3XVUWCFY.js → chunk.2MISZWM3.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.AGQSPXQ5.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -31,18 +31,18 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
-import {
-  LocalizeController
-} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -292,4 +292,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.3XVUWCFY.js.map
+//# sourceMappingURL=chunk.2MISZWM3.js.map

package/dist/chunks/{chunk.CIV4VLS4.js → chunk.3A5J53Q6.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.JLXCLATV.js";
 import {
   LocalizeController
-} from "./chunk.IPGLY3H4.js";
+} from "./chunk.OAQRCZOO.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.CIV4VLS4.js.map
+//# sourceMappingURL=chunk.3A5J53Q6.js.map

package/dist/chunks/{chunk.MQFZIIMQ.js → chunk.3KLMWEEQ.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.SOHFV375.js";
+} from "./chunk.WXFHFWIV.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.MQFZIIMQ.js.map
+//# sourceMappingURL=chunk.3KLMWEEQ.js.map

package/dist/chunks/{chunk.7RMWDEGK.js → chunk.3QLTMSVQ.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.3XVUWCFY.js";
+} from "./chunk.2MISZWM3.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.7RMWDEGK.js.map
+//# sourceMappingURL=chunk.3QLTMSVQ.js.map

package/dist/chunks/{chunk.IE3EWUNP.js → chunk.4VB3YUMI.js}

@@ -1,6 +1,6 @@
 import {
   SynButtonGroup
-} from "./chunk.ZARBJNJS.js";
+} from "./chunk.EWFQ4AGV.js";
 
 // src/components/button-group/button-group.ts
 var button_group_default = SynButtonGroup;
@@ -9,4 +9,4 @@ SynButtonGroup.define("syn-button-group");
 export {
   button_group_default
 };
-//# sourceMappingURL=chunk.IE3EWUNP.js.map
+//# sourceMappingURL=chunk.4VB3YUMI.js.map

package/dist/chunks/{chunk.F6LOFZID.js → chunk.5T5ZFM4K.js}

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "./chunk.7UWIR6RZ.js";
+} from "./chunk.ACA3IODK.js";
 
 // src/components/accordion/accordion.ts
 var accordion_default = SynAccordion;
@@ -9,4 +9,4 @@ SynAccordion.define("syn-accordion");
 export {
   accordion_default
 };
-//# sourceMappingURL=chunk.F6LOFZID.js.map
+//# sourceMappingURL=chunk.5T5ZFM4K.js.map

package/dist/chunks/{chunk.E2PFSY2N.js → chunk.6ICKBTLA.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.SOHFV375.js";
+} from "./chunk.WXFHFWIV.js";
 import {
   range_styles_default
 } from "./chunk.UFNQFJO6.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   LocalizeController
-} from "./chunk.IPGLY3H4.js";
+} from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.E2PFSY2N.js.map
+//# sourceMappingURL=chunk.6ICKBTLA.js.map

package/dist/chunks/{chunk.6U5546YL.js → chunk.6LLD4UMP.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.AGQSPXQ5.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.6U5546YL.js.map
+//# sourceMappingURL=chunk.6LLD4UMP.js.map

package/dist/chunks/{chunk.LOAC7CPZ.js → chunk.6LNO7YOX.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.GBVNXCY4.js";
+} from "./chunk.EEPBPVPH.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.LOAC7CPZ.js.map
+//# sourceMappingURL=chunk.6LNO7YOX.js.map

package/dist/chunks/{chunk.YEKH7E2W.js → chunk.7IBSSLCM.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.27UINGMQ.js";
+} from "./chunk.GE6TF42K.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.YEKH7E2W.js.map
+//# sourceMappingURL=chunk.7IBSSLCM.js.map

package/dist/chunks/{chunk.7UWIR6RZ.js → chunk.ACA3IODK.js}

@@ -1,18 +1,18 @@
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   accordion_styles_default
 } from "./chunk.WNUZ6LH4.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -111,4 +111,4 @@ SynAccordion = __decorateClass([
 export {
   SynAccordion
 };
-//# sourceMappingURL=chunk.7UWIR6RZ.js.map
+//# sourceMappingURL=chunk.ACA3IODK.js.map

package/dist/chunks/{chunk.CBHNZRTN.js → chunk.ACKETVZW.js}

@@ -18,22 +18,22 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.TEJ3VQIH.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.WMP2ZCAC.js";
 import {
   LocalizeController
-} from "./chunk.IPGLY3H4.js";
+} from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.CBHNZRTN.js.map
+//# sourceMappingURL=chunk.ACKETVZW.js.map

package/dist/chunks/{chunk.NFFX3WLE.js → chunk.AGQSPXQ5.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.TEJ3VQIH.js";
+} from "./chunk.WMP2ZCAC.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -144,4 +144,4 @@ SynIconButton = __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.NFFX3WLE.js.map
+//# sourceMappingURL=chunk.AGQSPXQ5.js.map

package/dist/chunks/{chunk.SHWHRJHV.js → chunk.AIY3IYKQ.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.MV6QYN4T.js";
+} from "./chunk.NEROWQUF.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.SHWHRJHV.js.map
+//# sourceMappingURL=chunk.AIY3IYKQ.js.map

package/dist/chunks/{chunk.DIDAEIBH.js → chunk.AJI6CHGK.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.OG45K3PD.js";
+} from "./chunk.VEXR3FXP.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.DIDAEIBH.js.map
+//# sourceMappingURL=chunk.AJI6CHGK.js.map

package/dist/chunks/{chunk.3SZRFH3U.js → chunk.AMKJ43ST.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.J6S6BLAL.js";
+} from "./chunk.QNCFY3QL.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.3SZRFH3U.js.map
+//# sourceMappingURL=chunk.AMKJ43ST.js.map

package/dist/chunks/{chunk.SGUUVU25.js → chunk.ANCFAW4O.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.AGQSPXQ5.js";
 import {
   LocalizeController
-} from "./chunk.IPGLY3H4.js";
+} from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.SGUUVU25.js.map
+//# sourceMappingURL=chunk.ANCFAW4O.js.map

package/dist/chunks/{chunk.6JEXJFXS.js → chunk.AXQGD7FI.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.LTCXJO2U.js";
+} from "./chunk.SHB7XMYX.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.6JEXJFXS.js.map
+//# sourceMappingURL=chunk.AXQGD7FI.js.map

package/dist/chunks/{chunk.E5EX7CFV.js → chunk.B6QMAV3K.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.AGQSPXQ5.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -18,27 +18,27 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.QBHZAR4C.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
-} from "./chunk.IPGLY3H4.js";
+} from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
 } from "./chunk.E5UUNP6E.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
+import {
+  alert_custom_styles_default
+} from "./chunk.QBHZAR4C.js";
+import {
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.E5EX7CFV.js.map
+//# sourceMappingURL=chunk.B6QMAV3K.js.map

package/dist/chunks/{chunk.DZQPG6QN.js → chunk.B7RCQW6B.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.5WFI47D7.js";
+} from "./chunk.XLX5ZW4Q.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.DZQPG6QN.js.map
+//# sourceMappingURL=chunk.B7RCQW6B.js.map

package/dist/chunks/{chunk.6BQYLUG2.js → chunk.BT4JP342.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumbItem
-} from "./chunk.LBQS4ZM3.js";
+} from "./chunk.FFZMSFN4.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.ts
 var breadcrumb_item_default = SynBreadcrumbItem;
@@ -9,4 +9,4 @@ SynBreadcrumbItem.define("syn-breadcrumb-item");
 export {
   breadcrumb_item_default
 };
-//# sourceMappingURL=chunk.6BQYLUG2.js.map
+//# sourceMappingURL=chunk.BT4JP342.js.map

package/dist/chunks/{chunk.R26I5MHU.js → chunk.BTJLKS3J.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunk.ATBHM7CE.js";
+} from "./chunk.YN26HJZI.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
-import {
-  LocalizeController
-} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -200,4 +200,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.R26I5MHU.js.map
+//# sourceMappingURL=chunk.BTJLKS3J.js.map

package/dist/chunks/{chunk.S6AC4UW6.js → chunk.BWTMFHNM.js}

@@ -31,6 +31,21 @@ var createOptionFromDifferentTypes = (option) => {
   }
   return void 0;
 };
+var getValueFromOption = (option) => {
+  const { value } = option;
+  if (value === void 0 || value === null || value === "") {
+    return option.getTextLabel();
+  }
+  return value;
+};
+var checkValueBelongsToOption = (value, option) => {
+  if (!option || !value) {
+    return false;
+  }
+  const optionValue = option.value;
+  const optionText = option.getTextLabel();
+  return value === optionValue || value === optionText;
+};
 
 export {
   getAssignedElementsForSlot,
@@ -40,6 +55,8 @@ export {
   filterOnlyOptgroups,
   normalizeString,
   createElementFromTemplateResult,
-  createOptionFromDifferentTypes
+  createOptionFromDifferentTypes,
+  getValueFromOption,
+  checkValueBelongsToOption
 };
-//# sourceMappingURL=chunk.S6AC4UW6.js.map
+//# sourceMappingURL=chunk.BWTMFHNM.js.map

package/dist/chunks/{chunk.S6AC4UW6.js.map → chunk.BWTMFHNM.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/combobox/utils.ts"],
-  "sourcesContent": ["import { type TemplateResult, html, render } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type SynOptGroup from '../optgroup/optgroup.js';\nimport type SynOption from '../option/option.component.js';\n\n/**\n * Get a list of all assigned elements for a given slot\n * @param slot The slot to query\n * @returns Flattened list of assigned elements\n */\nexport const getAssignedElementsForSlot = (slot: HTMLSlotElement) => Array.from(\n  slot.assignedElements({ flatten: true }),\n) as HTMLElement[];\n\n/**\n * Retrieves the option or nested options from the provided HTMLElement.\n *\n * @param item - The HTMLElement representing the option or containing nested options.\n * @returns The found syn-option(s)\n */\nexport const getOptionOrNestedOptions = (item: HTMLElement): SynOption | SynOption[] => (\n  item.tagName.toLocaleLowerCase() === 'syn-option' ? item as SynOption : Array.from(item.querySelectorAll<SynOption>(':scope > syn-option'))\n);\n\n/**\n * Check if an item is a syn-optgroup\n * @param item The item to check for\n * @returns True if the item is a SynOptgroup, false otherwise\n */\nexport const isOptgroup = (item: HTMLElement): item is SynOptGroup => (\n  item.tagName.toLocaleLowerCase() === 'syn-optgroup'\n);\n\n/**\n * Get a list of only Option elements\n * @param items List of items to check for\n * @returns New array of all found syn-nav-items\n */\nexport const getAllOptions = (items: HTMLElement[]) => items.map(getOptionOrNestedOptions);\n\n/**\n * Get a list of only Optgroup elements\n * @param items List of items to check for\n * @returns New array of all found syn-optgroup's\n */\nexport const filterOnlyOptgroups = (items: HTMLElement[]) => items.filter(isOptgroup);\n\n/**\n * Normalize a string by removing accents and converting to lowercase\n * @param str The string to normalize\n * @returns The normalized string\n */\nexport const normalizeString = (str: string) => str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n\n/**\n * Creates a `SynOption` element from a given `TemplateResult`.\n * We assume that the given `TemplateResult` is a <syn-option>.\n *\n * @param template - The `TemplateResult` to be rendered into a `SynOption`.\n * @returns The created SynOption element\n */\nexport const createElementFromTemplateResult = (template: TemplateResult) => {\n  const container = document.createElement('div');\n  render(template, container);\n  return container.firstElementChild as HTMLElement;\n};\n\nconst getOptionOrUndefined = (element: HTMLElement) => (element.tagName.toLocaleLowerCase() === 'syn-option' ? element as SynOption : undefined);\n\n/**\n * This function takes an input of type `TemplateResult`, `string`, or `HTMLElement`\n * and creates an SynOption from it.\n *\n * @param option - The option which can be of type `TemplateResult`, `string` or `HTMLElement`.\n * @returns The created SynOption or undefined if the option was not a valid type.\n */\nexport const createOptionFromDifferentTypes = (option: TemplateResult | string | HTMLElement) => {\n  if (!option) return undefined;\n\n  if (option instanceof HTMLElement) {\n    return getOptionOrUndefined(option);\n  }\n\n  if (typeof option === 'string') {\n    const template = html`${unsafeHTML(option)}`;\n    const element = createElementFromTemplateResult(template);\n    return getOptionOrUndefined(element);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(option, '_$litType$')) {\n    const element = createElementFromTemplateResult(option);\n    return getOptionOrUndefined(element);\n  }\n\n  return undefined;\n};\n"],
-  "mappings": ";AAAA,SAA8B,MAAM,cAAc;AAClD,SAAS,kBAAkB;AASpB,IAAM,6BAA6B,CAAC,SAA0B,MAAM;AAAA,EACzE,KAAK,iBAAiB,EAAE,SAAS,KAAK,CAAC;AACzC;AAQO,IAAM,2BAA2B,CAAC,SACvC,KAAK,QAAQ,kBAAkB,MAAM,eAAe,OAAoB,MAAM,KAAK,KAAK,iBAA4B,qBAAqB,CAAC;AAQrI,IAAM,aAAa,CAAC,SACzB,KAAK,QAAQ,kBAAkB,MAAM;AAQhC,IAAM,gBAAgB,CAAC,UAAyB,MAAM,IAAI,wBAAwB;AAOlF,IAAM,sBAAsB,CAAC,UAAyB,MAAM,OAAO,UAAU;AAO7E,IAAM,kBAAkB,CAAC,QAAgB,IAAI,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE,EAAE,YAAY;AAS1G,IAAM,kCAAkC,CAAC,aAA6B;AAC3E,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,SAAO,UAAU,SAAS;AAC1B,SAAO,UAAU;AACnB;AAEA,IAAM,uBAAuB,CAAC,YAA0B,QAAQ,QAAQ,kBAAkB,MAAM,eAAe,UAAuB;AAS/H,IAAM,iCAAiC,CAAC,WAAkD;AAC/F,MAAI,CAAC,OAAQ,QAAO;AAEpB,MAAI,kBAAkB,aAAa;AACjC,WAAO,qBAAqB,MAAM;AAAA,EACpC;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,WAAW,OAAO,WAAW,MAAM,CAAC;AAC1C,UAAM,UAAU,gCAAgC,QAAQ;AACxD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,MAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,GAAG;AAC9D,UAAM,UAAU,gCAAgC,MAAM;AACtD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { type TemplateResult, html, render } from 'lit';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport type SynOptGroup from '../optgroup/optgroup.js';\nimport type SynOption from '../option/option.component.js';\n\n/**\n * Get a list of all assigned elements for a given slot\n * @param slot The slot to query\n * @returns Flattened list of assigned elements\n */\nexport const getAssignedElementsForSlot = (slot: HTMLSlotElement) => Array.from(\n  slot.assignedElements({ flatten: true }),\n) as HTMLElement[];\n\n/**\n * Retrieves the option or nested options from the provided HTMLElement.\n *\n * @param item - The HTMLElement representing the option or containing nested options.\n * @returns The found syn-option(s)\n */\nexport const getOptionOrNestedOptions = (item: HTMLElement): SynOption | SynOption[] => (\n  item.tagName.toLocaleLowerCase() === 'syn-option' ? item as SynOption : Array.from(item.querySelectorAll<SynOption>(':scope > syn-option'))\n);\n\n/**\n * Check if an item is a syn-optgroup\n * @param item The item to check for\n * @returns True if the item is a SynOptgroup, false otherwise\n */\nexport const isOptgroup = (item: HTMLElement): item is SynOptGroup => (\n  item.tagName.toLocaleLowerCase() === 'syn-optgroup'\n);\n\n/**\n * Get a list of only Option elements\n * @param items List of items to check for\n * @returns New array of all found syn-nav-items\n */\nexport const getAllOptions = (items: HTMLElement[]) => items.map(getOptionOrNestedOptions);\n\n/**\n * Get a list of only Optgroup elements\n * @param items List of items to check for\n * @returns New array of all found syn-optgroup's\n */\nexport const filterOnlyOptgroups = (items: HTMLElement[]) => items.filter(isOptgroup);\n\n/**\n * Normalize a string by removing accents and converting to lowercase\n * @param str The string to normalize\n * @returns The normalized string\n */\nexport const normalizeString = (str: string) => str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '').toLowerCase();\n\n/**\n * Creates a `SynOption` element from a given `TemplateResult`.\n * We assume that the given `TemplateResult` is a <syn-option>.\n *\n * @param template - The `TemplateResult` to be rendered into a `SynOption`.\n * @returns The created SynOption element\n */\nexport const createElementFromTemplateResult = (template: TemplateResult) => {\n  const container = document.createElement('div');\n  render(template, container);\n  return container.firstElementChild as HTMLElement;\n};\n\nconst getOptionOrUndefined = (element: HTMLElement) => (element.tagName.toLocaleLowerCase() === 'syn-option' ? element as SynOption : undefined);\n\n/**\n * This function takes an input of type `TemplateResult`, `string`, or `HTMLElement`\n * and creates an SynOption from it.\n *\n * @param option - The option which can be of type `TemplateResult`, `string` or `HTMLElement`.\n * @returns The created SynOption or undefined if the option was not a valid type.\n */\nexport const createOptionFromDifferentTypes = (option: TemplateResult | string | HTMLElement) => {\n  if (!option) return undefined;\n\n  if (option instanceof HTMLElement) {\n    return getOptionOrUndefined(option);\n  }\n\n  if (typeof option === 'string') {\n    const template = html`${unsafeHTML(option)}`;\n    const element = createElementFromTemplateResult(template);\n    return getOptionOrUndefined(element);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(option, '_$litType$')) {\n    const element = createElementFromTemplateResult(option);\n    return getOptionOrUndefined(element);\n  }\n\n  return undefined;\n};\n\n/**\n * Gets the value from an option. If an option has no value, it will use the text label.\n * @param option The syn-option to get the value from\n * @returns The value of the option\n */\nexport const getValueFromOption = (option: SynOption) => {\n  const { value } = option;\n  if (value === undefined || value === null || value === '') {\n    // If the option has no value, use the text label\n    return option.getTextLabel();\n  }\n  return value;\n};\n\n/**\n * Check if a value belongs to the value or text label of an option.\n * @param value The value to check\n * @param option The option to check against\n * @returns True if the value belongs to the option, false otherwise\n */\nexport const checkValueBelongsToOption = (value: string, option: SynOption | undefined) => {\n  if (!option || !value) {\n    return false;\n  }\n\n  const optionValue = option.value;\n  const optionText = option.getTextLabel();\n  return value === optionValue || value === optionText;\n};\n"],
+  "mappings": ";AAAA,SAA8B,MAAM,cAAc;AAClD,SAAS,kBAAkB;AASpB,IAAM,6BAA6B,CAAC,SAA0B,MAAM;AAAA,EACzE,KAAK,iBAAiB,EAAE,SAAS,KAAK,CAAC;AACzC;AAQO,IAAM,2BAA2B,CAAC,SACvC,KAAK,QAAQ,kBAAkB,MAAM,eAAe,OAAoB,MAAM,KAAK,KAAK,iBAA4B,qBAAqB,CAAC;AAQrI,IAAM,aAAa,CAAC,SACzB,KAAK,QAAQ,kBAAkB,MAAM;AAQhC,IAAM,gBAAgB,CAAC,UAAyB,MAAM,IAAI,wBAAwB;AAOlF,IAAM,sBAAsB,CAAC,UAAyB,MAAM,OAAO,UAAU;AAO7E,IAAM,kBAAkB,CAAC,QAAgB,IAAI,UAAU,KAAK,EAAE,QAAQ,oBAAoB,EAAE,EAAE,YAAY;AAS1G,IAAM,kCAAkC,CAAC,aAA6B;AAC3E,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,SAAO,UAAU,SAAS;AAC1B,SAAO,UAAU;AACnB;AAEA,IAAM,uBAAuB,CAAC,YAA0B,QAAQ,QAAQ,kBAAkB,MAAM,eAAe,UAAuB;AAS/H,IAAM,iCAAiC,CAAC,WAAkD;AAC/F,MAAI,CAAC,OAAQ,QAAO;AAEpB,MAAI,kBAAkB,aAAa;AACjC,WAAO,qBAAqB,MAAM;AAAA,EACpC;AAEA,MAAI,OAAO,WAAW,UAAU;AAC9B,UAAM,WAAW,OAAO,WAAW,MAAM,CAAC;AAC1C,UAAM,UAAU,gCAAgC,QAAQ;AACxD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,MAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,GAAG;AAC9D,UAAM,UAAU,gCAAgC,MAAM;AACtD,WAAO,qBAAqB,OAAO;AAAA,EACrC;AAEA,SAAO;AACT;AAOO,IAAM,qBAAqB,CAAC,WAAsB;AACvD,QAAM,EAAE,MAAM,IAAI;AAClB,MAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,IAAI;AAEzD,WAAO,OAAO,aAAa;AAAA,EAC7B;AACA,SAAO;AACT;AAQO,IAAM,4BAA4B,CAAC,OAAe,WAAkC;AACzF,MAAI,CAAC,UAAU,CAAC,OAAO;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,OAAO;AAC3B,QAAM,aAAa,OAAO,aAAa;AACvC,SAAO,UAAU,eAAe,UAAU;AAC5C;",
   "names": []
 }

package/dist/chunks/{chunk.3VTHEZHX.js → chunk.CIDNX73S.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.54ASDGOT.js";
+} from "./chunk.MWG533EL.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.3VTHEZHX.js.map
+//# sourceMappingURL=chunk.CIDNX73S.js.map

package/dist/chunks/{chunk.G7ZBIMR7.js → chunk.DNLDF5UT.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.43YNZAWL.js";
 import {
   SynIconButton
-} from "./chunk.NFFX3WLE.js";
+} from "./chunk.AGQSPXQ5.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
-import {
-  LocalizeController
-} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -118,4 +118,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.G7ZBIMR7.js.map
+//# sourceMappingURL=chunk.DNLDF5UT.js.map

package/dist/chunks/{chunk.FXCJGKSB.js → chunk.DP44T25M.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.E5EX7CFV.js";
+} from "./chunk.B6QMAV3K.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.FXCJGKSB.js.map
+//# sourceMappingURL=chunk.DP44T25M.js.map

package/dist/chunks/{chunk.6IGX2JHT.js → chunk.DUXL5UQG.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.6IGX2JHT.js.map
+//# sourceMappingURL=chunk.DUXL5UQG.js.map

package/dist/chunks/{chunk.GBVNXCY4.js → chunk.EEPBPVPH.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk.ARR23WUY.js";
 import {
   SynIcon
-} from "./chunk.TEJ3VQIH.js";
+} from "./chunk.WMP2ZCAC.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
-import {
-  LocalizeController
-} from "./chunk.IPGLY3H4.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.EPIJTRBH.js";
+} from "./chunk.MILWWSWV.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -165,4 +165,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.GBVNXCY4.js.map
+//# sourceMappingURL=chunk.EEPBPVPH.js.map