@synergy-design-system/components 2.15.1 → 2.15.2

package/dist/synergy.js

@@ -5,284 +5,276 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tooltip_default
-} from "./chunks/chunk.AYAVBFAG.js";
+} from "./chunks/chunk.B7KAAOM4.js";
 import {
   validate_default
-} from "./chunks/chunk.Q24YSYWC.js";
-import "./chunks/chunk.HHDEWNIZ.js";
-import "./chunks/chunk.X3A2E75N.js";
+} from "./chunks/chunk.CDP25RAN.js";
+import "./chunks/chunk.GPKLUHUN.js";
+import "./chunks/chunk.II46OKZT.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tag_default
-} from "./chunks/chunk.ALEZAZ3Z.js";
+} from "./chunks/chunk.7VJNCPYS.js";
 import {
   textarea_default
-} from "./chunks/chunk.LCUF6M2G.js";
-import "./chunks/chunk.47QVREUS.js";
+} from "./chunks/chunk.ZFCXHJ3K.js";
+import "./chunks/chunk.KOSQ4UIO.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_group_default
-} from "./chunks/chunk.7TQIFYYD.js";
-import "./chunks/chunk.XTML7AJC.js";
+} from "./chunks/chunk.WPE5ECZ4.js";
+import "./chunks/chunk.XKIKX7FH.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.3P7RMXTX.js";
-import "./chunks/chunk.QVMCU452.js";
+} from "./chunks/chunk.ANU6ZUZH.js";
+import "./chunks/chunk.CJRPQHH7.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.J5PQPOH3.js";
-import "./chunks/chunk.VHEPER3E.js";
+} from "./chunks/chunk.WIUTO3DE.js";
+import "./chunks/chunk.5KWBLXN4.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
 import {
   tab_default
-} from "./chunks/chunk.SGJLQJQQ.js";
-import "./chunks/chunk.VIRODKYQ.js";
+} from "./chunks/chunk.OYGUXWRA.js";
+import "./chunks/chunk.AEXQJTZQ.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.PF3PRVOT.js";
+} from "./chunks/chunk.S3F3Y4CJ.js";
 import {
   side_nav_default
-} from "./chunks/chunk.3OL6NNFO.js";
-import "./chunks/chunk.4G4X6V2X.js";
+} from "./chunks/chunk.HVGS5JIF.js";
+import "./chunks/chunk.P5JA46R6.js";
 import "./chunks/chunk.ONW45GQI.js";
 import {
   spinner_default
-} from "./chunks/chunk.GSQKEMMJ.js";
+} from "./chunks/chunk.SPQIF4KU.js";
 import {
   range_tick_default
-} from "./chunks/chunk.Q6GZM3EQ.js";
-import "./chunks/chunk.CCI2SULM.js";
+} from "./chunks/chunk.55BYZN5C.js";
+import "./chunks/chunk.GHYHFQ5E.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.O5GGMYLK.js";
+import "./chunks/chunk.VV745BQK.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.6AZMGNDW.js";
-import "./chunks/chunk.ZNXC6YL4.js";
+import "./chunks/chunk.XE6D7LNG.js";
+import "./chunks/chunk.KFTVF4BF.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.KL5VXGK4.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import {
   radio_group_default
-} from "./chunks/chunk.5QM3RFFE.js";
-import "./chunks/chunk.MDHV46T7.js";
+} from "./chunks/chunk.UY6KFWUO.js";
+import "./chunks/chunk.OJDFWW3D.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.S3SEKRV6.js";
-import "./chunks/chunk.ALMVWAT6.js";
-import "./chunks/chunk.36CPTB4R.js";
+} from "./chunks/chunk.VDO36UFW.js";
+import "./chunks/chunk.YLRJOCQU.js";
+import "./chunks/chunk.A7XOI4NS.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.277APOW3.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.K2SB5MWV.js";
+} from "./chunks/chunk.LW6RIBF5.js";
 import {
   radio_default
-} from "./chunks/chunk.U47735LM.js";
-import "./chunks/chunk.BUIGXGRQ.js";
+} from "./chunks/chunk.ZBFU4BJH.js";
+import "./chunks/chunk.E5DX6QBS.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.DF7L374K.js";
-import "./chunks/chunk.KYN4SHKA.js";
+} from "./chunks/chunk.Q42XIW7C.js";
+import "./chunks/chunk.WZCXH5QP.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.PR4BJ42J.js";
-import "./chunks/chunk.NFZJ4OCM.js";
+} from "./chunks/chunk.M4VDH4MW.js";
+import "./chunks/chunk.DKECT5ML.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.ZHLVGCYJ.js";
+import "./chunks/chunk.AFUY32DL.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.YOQDBC52.js";
+} from "./chunks/chunk.5KSVVQUN.js";
 import {
   popup_default
-} from "./chunks/chunk.HAYZCPF3.js";
+} from "./chunks/chunk.N6V422PD.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.BFVB5VHQ.js";
-import "./chunks/chunk.KLXZ3EYA.js";
+} from "./chunks/chunk.ROEK5YOP.js";
+import "./chunks/chunk.2YQLQNSR.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.VOGPWXNA.js";
-import "./chunks/chunk.XRQDVGVT.js";
+} from "./chunks/chunk.EUD37ISR.js";
+import "./chunks/chunk.YEHUJQWB.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.TN3LO4ZT.js";
-import "./chunks/chunk.L4VLQVR6.js";
-import "./chunks/chunk.IFW77IB7.js";
-import "./chunks/chunk.5RGNCN5S.js";
-import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.BBHVVRXK.js";
+} from "./chunks/chunk.ULFFITOU.js";
+import "./chunks/chunk.NU2F6SN4.js";
+import "./chunks/chunk.FIDKOOLR.js";
 import {
   menu_item_default
-} from "./chunks/chunk.5SCNOTZV.js";
+} from "./chunks/chunk.ABIOJTND.js";
 import {
   menu_label_default
-} from "./chunks/chunk.2TVXGGMA.js";
-import "./chunks/chunk.TGZPDHKX.js";
+} from "./chunks/chunk.HHTBO3UQ.js";
+import "./chunks/chunk.YZKAEPZW.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.TOMTCTNT.js";
+} from "./chunks/chunk.3IRHTCZZ.js";
 import {
   menu_default
-} from "./chunks/chunk.B5UKTWSL.js";
-import "./chunks/chunk.HGDCL6QB.js";
+} from "./chunks/chunk.JPWOK7BA.js";
+import "./chunks/chunk.DDKKC3IX.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.ZSB3UTQI.js";
+import "./chunks/chunk.YXQ4SC4C.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.O4NRAWMA.js";
-import "./chunks/chunk.2F44CLC6.js";
+} from "./chunks/chunk.6U6MN67C.js";
+import "./chunks/chunk.WE2H6T4Z.js";
 import "./chunks/chunk.VKRMYKYH.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.2SY67ATC.js";
+} from "./chunks/chunk.IBOO2CMV.js";
 import {
   header_default
-} from "./chunks/chunk.M2IK5SUG.js";
-import "./chunks/chunk.LA3PLUOI.js";
+} from "./chunks/chunk.2TPAX6AJ.js";
+import "./chunks/chunk.2MX6WQ3R.js";
 import "./chunks/chunk.66LQF6IO.js";
 import {
   icon_default
-} from "./chunks/chunk.FGNWIYM4.js";
+} from "./chunks/chunk.V3J5GU5L.js";
 import {
   drawer_default
-} from "./chunks/chunk.MS55FPXS.js";
+} from "./chunks/chunk.YYD3JDMX.js";
 import {
   dropdown_default
-} from "./chunks/chunk.R7CRN6GG.js";
-import "./chunks/chunk.HA6POUML.js";
+} from "./chunks/chunk.AYW655RJ.js";
+import "./chunks/chunk.XZTY2XZG.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.4R5RBC5L.js";
+import "./chunks/chunk.MYEPEW55.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.J3BAIHFD.js";
+} from "./chunks/chunk.SRF42UON.js";
 import {
   divider_default
-} from "./chunks/chunk.MDMALPDW.js";
-import "./chunks/chunk.ZH4SWUQK.js";
+} from "./chunks/chunk.O2AOZIC3.js";
+import "./chunks/chunk.Z56HB5T7.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.COCYYLZ5.js";
+import "./chunks/chunk.I3MEFWOZ.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.XQ2QE2VZ.js";
-import "./chunks/chunk.S3OMACCV.js";
+} from "./chunks/chunk.RCP7TWVL.js";
+import "./chunks/chunk.O356GTXZ.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.DGCICKSE.js";
+import "./chunks/chunk.FLQL4ECY.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.DZFSP2QY.js";
-import "./chunks/chunk.ANHYHAXE.js";
+} from "./chunks/chunk.LSV72WZ6.js";
+import "./chunks/chunk.ILUDSXVX.js";
 import "./chunks/chunk.IG3RCOB3.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.PQI2S4UD.js";
-import "./chunks/chunk.KDZQ7752.js";
-import "./chunks/chunk.33URTGM5.js";
+} from "./chunks/chunk.Y53LPJWU.js";
+import "./chunks/chunk.RZLON23M.js";
+import "./chunks/chunk.KXLXPVGN.js";
+import "./chunks/chunk.IVM3BGRH.js";
+import "./chunks/chunk.RGIV7H3H.js";
+import "./chunks/chunk.67BGUF26.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
   highlightOptionRenderer
-} from "./chunks/chunk.SRH6ZOHT.js";
-import "./chunks/chunk.2Y33P22F.js";
+} from "./chunks/chunk.HVVPX2VA.js";
+import "./chunks/chunk.S6AC4UW6.js";
 import "./chunks/chunk.5732DMBC.js";
 import "./chunks/chunk.3NXKLKWH.js";
 import "./chunks/chunk.FKKJBKYL.js";
-import "./chunks/chunk.DPCIJLV4.js";
+import "./chunks/chunk.AL24ODK6.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.BEZ7YOJ3.js";
+} from "./chunks/chunk.SHB7S77V.js";
 import {
   button_group_default
-} from "./chunks/chunk.HNBJS6ZK.js";
-import "./chunks/chunk.42PJGQ52.js";
+} from "./chunks/chunk.YPHJECHT.js";
+import "./chunks/chunk.B4BK2K4W.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.KKWCYCGO.js";
-import "./chunks/chunk.CO3AYF6F.js";
+} from "./chunks/chunk.XT6YWHED.js";
+import "./chunks/chunk.AYTD5K6S.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.ROREIN6I.js";
+} from "./chunks/chunk.EVCVWRQH.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.FZT4C2IH.js";
-import "./chunks/chunk.57VAAUO6.js";
+} from "./chunks/chunk.RHBNJ7VK.js";
+import "./chunks/chunk.B54BXEJN.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.4SXWPSBS.js";
-import "./chunks/chunk.LPK45S5C.js";
+import "./chunks/chunk.AFX25KYN.js";
+import "./chunks/chunk.SOXK5TWS.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
 import "./chunks/chunk.5EGFFSLN.js";
 import "./chunks/chunk.5SQ7NVBX.js";
-import {
-  alert_default
-} from "./chunks/chunk.Q6UXCVCR.js";
 import {
   badge_default
-} from "./chunks/chunk.5NHFUHZE.js";
-import "./chunks/chunk.BDJ3X64K.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.CHOXTY4I.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.2JOGIMU5.js";
 import {
-  accordion_default
-} from "./chunks/chunk.OLULBVUR.js";
-import "./chunks/chunk.OBMYXDWN.js";
-import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.IIIKSFUF.js";
-import "./chunks/chunk.LYM7AO7F.js";
+  alert_default
+} from "./chunks/chunk.H5J2CXVU.js";
+import "./chunks/chunk.3FIGQFA4.js";
+import "./chunks/chunk.FTXJRZO7.js";
 import "./chunks/chunk.6QYKWCSO.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.A3OYJILJ.js";
 import "./chunks/chunk.HQ6QUSK7.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.JRJDNTMQ.js";
+import "./chunks/chunk.JRYXECAY.js";
+import "./chunks/chunk.IFXKIEOU.js";
+import "./chunks/chunk.LZB3ODYS.js";
+import "./chunks/chunk.SXSOAZE2.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -291,17 +283,25 @@ import "./chunks/chunk.YTEJW7IF.js";
 import "./chunks/chunk.LUXDS4EY.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.GIU3H3J3.js";
-import "./chunks/chunk.S5N2TE2L.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import {
+  accordion_default
+} from "./chunks/chunk.VWUMFSTD.js";
+import "./chunks/chunk.R6EEYS6Z.js";
 import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.NZNKGVQL.js";
+import "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.GJP3MWP2.js";
-import "./chunks/chunk.JRYXECAY.js";
-import "./chunks/chunk.IFXKIEOU.js";
+import "./chunks/chunk.BOFHYW24.js";
+import "./chunks/chunk.J6CGTLVH.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as SynAccordion,

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.15.1",
+  "version": "2.15.2",
   "description": "",
   "repository": {
     "type": "git",

package/dist/chunks/chunk.2Y33P22F.js

@@ -1,19 +0,0 @@
-// src/components/combobox/utils.ts
-var getAssignedElementsForSlot = (slot) => Array.from(
-  slot.assignedElements({ flatten: true })
-);
-var getOptionOrNestedOptions = (item) => item.tagName.toLocaleLowerCase() === "syn-option" ? item : Array.from(item.querySelectorAll(":scope > syn-option"));
-var isOptgroup = (item) => item.tagName.toLocaleLowerCase() === "syn-optgroup";
-var getAllOptions = (items) => items.map(getOptionOrNestedOptions);
-var filterOnlyOptgroups = (items) => items.filter(isOptgroup);
-var normalizeString = (str) => str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
-
-export {
-  getAssignedElementsForSlot,
-  getOptionOrNestedOptions,
-  isOptgroup,
-  getAllOptions,
-  filterOnlyOptgroups,
-  normalizeString
-};
-//# sourceMappingURL=chunk.2Y33P22F.js.map

package/dist/chunks/chunk.2Y33P22F.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/combobox/utils.ts"],
-  "sourcesContent": ["import 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"],
-  "mappings": ";AAQO,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;",
-  "names": []
-}

package/dist/chunks/chunk.5RGNCN5S.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/option/option.component.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './option.styles.js';\nimport customStyles from './option.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Options define the selectable items within various form controls such as [select](/components/select).\n * @documentation https://synergy.style/components/option\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n *\n * @slot - The option's label.\n * @slot prefix - Used to prepend an icon or similar element to the menu item.\n * @slot suffix - Used to append an icon or similar element to the menu item.\n *\n * @csspart checked-icon - The checked icon, an `<syn-icon>` element.\n * @csspart base - The component's base wrapper.\n * @csspart label - The option's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n */\nexport default class SynOption extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  // @ts-expect-error - Controller is currently unused\n  private readonly localize = new LocalizeController(this);\n\n  @query('.option__label') defaultSlot: HTMLSlotElement;\n\n  @state() current = false; // the user has keyed into the option, but hasn't selected it yet (shows a highlight)\n  @state() selected = false; // the option is selected and has aria-selected=\"true\"\n  @state() hasHover = false; // we need this because Safari doesn't honor :hover styles while dragging\n\n  /**\n   * The option's value. When selected, the containing form control will receive this value. The value must be unique\n   * from other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\n   * multiple values.\n   */\n  @property({ reflect: true }) value = '';\n\n  /** Draws the option in a disabled state, preventing selection. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n    this.setAttribute('aria-selected', 'false');\n  }\n\n  private handleDefaultSlotChange() {\n    // When the label changes, tell the controller to update\n    customElements.whenDefined('syn-combobox').then(() => {\n      const controller = this.closest('syn-combobox');\n      if (controller) {\n        controller.handleDefaultSlotChange();\n      }\n    });\n    customElements.whenDefined('syn-select').then(() => {\n      const controller = this.closest('syn-select');\n      if (controller) {\n        controller.handleDefaultSlotChange();\n      }\n    });\n  }\n\n  private handleMouseEnter() {\n    this.hasHover = true;\n  }\n\n  private handleMouseLeave() {\n    this.hasHover = false;\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('selected')\n  handleSelectedChange() {\n    this.setAttribute('aria-selected', this.selected ? 'true' : 'false');\n  }\n\n  @watch('value')\n  handleValueChange() {\n    // Ensure the value is a string. This ensures the next line doesn't error and allows framework users to pass numbers\n    // instead of requiring them to cast the value to a string.\n    if (typeof this.value !== 'string') {\n      this.value = String(this.value);\n    }\n\n    if (this.value.includes(' ')) {\n      console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`, this);\n      this.value = this.value.replace(/ /g, '_');\n    }\n  }\n\n  /** Returns a plain text label based on the option's content. */\n  getTextLabel() {\n    const nodes = this.childNodes;\n    let label = '';\n\n    [...nodes].forEach(node => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        if (!(node as HTMLElement).hasAttribute('slot')) {\n          label += (node as HTMLElement).textContent;\n        }\n      }\n\n      if (node.nodeType === Node.TEXT_NODE) {\n        label += node.textContent;\n      }\n    });\n\n    return label.trim();\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          option: true,\n          'option--current': this.current,\n          'option--disabled': this.disabled,\n          'option--selected': this.selected,\n          'option--hover': this.hasHover\n        })}\n        @mouseenter=${this.handleMouseEnter}\n        @mouseleave=${this.handleMouseLeave}\n      >\n        <syn-icon part=\"checked-icon\" class=\"option__check\" name=\"check\" library=\"system\" aria-hidden=\"true\"></syn-icon>\n        <slot part=\"prefix\" name=\"prefix\" class=\"option__prefix\"></slot>\n        <slot part=\"label\" class=\"option__label\" @slotchange=${this.handleDefaultSlotChange}></slot>\n        <slot part=\"suffix\" name=\"suffix\" class=\"option__suffix\"></slot>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/chunks/chunk.DPCIJLV4.js

@@ -1,39 +0,0 @@
-// src/components/combobox/combobox.custom.styles.ts
-import { css } from "lit";
-var combobox_custom_styles_default = css`
-  /** 
-   * Hide the default slot, because the filtered options are rendered in the listbox__options
-   */
-  .combobox__listbox slot:not([name]) {
-    display: none;
-  }
-
-  /**
-   * The filtered options
-   */
-  .listbox__options syn-option mark {
-    background-color: transparent;
-    color: var(--syn-color-neutral-950);
-    font: var(--syn-body-medium-bold);
-  }
-
-  .listbox__options syn-option[aria-selected='true'] mark {
-    color: var(--syn-color-neutral-0);
-  }
-
-  .combobox:not(.combobox--disabled) .combobox__display-input {
-    cursor: text;
-  }
-
-  /**
-   * Make sure to hide the syn-divider for the first syn-optgroup
-   */
-  .listbox__options syn-optgroup:first-of-type::part(divider) {
-    display: none;
-  }
-`;
-
-export {
-  combobox_custom_styles_default
-};
-//# sourceMappingURL=chunk.DPCIJLV4.js.map

package/dist/chunks/chunk.DPCIJLV4.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/combobox/combobox.custom.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /** \n   * Hide the default slot, because the filtered options are rendered in the listbox__options\n   */\n  .combobox__listbox slot:not([name]) {\n    display: none;\n  }\n\n  /**\n   * The filtered options\n   */\n  .listbox__options syn-option mark {\n    background-color: transparent;\n    color: var(--syn-color-neutral-950);\n    font: var(--syn-body-medium-bold);\n  }\n\n  .listbox__options syn-option[aria-selected='true'] mark {\n    color: var(--syn-color-neutral-0);\n  }\n\n  .combobox:not(.combobox--disabled) .combobox__display-input {\n    cursor: text;\n  }\n\n  /**\n   * Make sure to hide the syn-divider for the first syn-optgroup\n   */\n  .listbox__options syn-optgroup:first-of-type::part(divider) {\n    display: none;\n  }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,iCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}