@synergy-design-system/components 2.26.2 → 2.26.3

package/dist/synergy.js

@@ -1,7 +1,7 @@
 import "./chunks/chunk.RSCUHBW3.js";
 import {
   validate_default
-} from "./chunks/chunk.XX2PCZG5.js";
+} from "./chunks/chunk.5S5PV5PT.js";
 import {
   getFormControls,
   serialize
@@ -9,214 +9,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.NZZ7TIEM.js";
+} from "./chunks/chunk.HP2TLU63.js";
 import {
   tooltip_default
-} from "./chunks/chunk.L7XIXTJA.js";
-import "./chunks/chunk.6AJJ23WC.js";
-import "./chunks/chunk.4ZXVGVNZ.js";
+} from "./chunks/chunk.L3HK3Q3T.js";
+import "./chunks/chunk.EOQKFCU4.js";
+import "./chunks/chunk.3ESQFVY2.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.LAXWESAC.js";
+} from "./chunks/chunk.QYBX57RO.js";
 import {
   tag_default
-} from "./chunks/chunk.4DPZWW6R.js";
-import "./chunks/chunk.B72XSQEF.js";
+} from "./chunks/chunk.JNC6E3CB.js";
+import "./chunks/chunk.VVYV4WVJ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.TR5QNSVK.js";
+} from "./chunks/chunk.NMPG26B6.js";
 import {
   tab_group_default
-} from "./chunks/chunk.VL5NI6HZ.js";
-import "./chunks/chunk.LDHNYUA3.js";
+} from "./chunks/chunk.6WMSPL5K.js";
+import "./chunks/chunk.65VQH4IM.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.HWJAWWSB.js";
+import "./chunks/chunk.L7JCVTNF.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.PESGZVWO.js";
+} from "./chunks/chunk.QBJ3XB4R.js";
 import {
   switch_default
-} from "./chunks/chunk.KYAQDDYE.js";
-import "./chunks/chunk.472SV47X.js";
+} from "./chunks/chunk.U4BZDDDJ.js";
+import "./chunks/chunk.KQPYWQQR.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.5GQRM5PV.js";
+import "./chunks/chunk.FXUXHRPY.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.3FP2O73F.js";
+} from "./chunks/chunk.VUH7AUCW.js";
 import {
   side_nav_default
-} from "./chunks/chunk.6MUKDWYG.js";
-import "./chunks/chunk.AKRQMYC3.js";
+} from "./chunks/chunk.RGBEX2DZ.js";
+import "./chunks/chunk.NG4K7X7K.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.3JIFRS4H.js";
-import "./chunks/chunk.CYOJT2QI.js";
+} from "./chunks/chunk.U7X6F2JM.js";
+import "./chunks/chunk.72HXIIIT.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.DPZWEAAW.js";
+import "./chunks/chunk.U3OQYXBW.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.ZLQ27NJY.js";
-import "./chunks/chunk.G5KHYL4R.js";
+import "./chunks/chunk.X3LRO357.js";
+import "./chunks/chunk.5ZIL544Z.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.XTWO6ZZW.js";
 import "./chunks/chunk.B6HFSIU2.js";
 import {
   radio_button_default
-} from "./chunks/chunk.DT4HPGOS.js";
+} from "./chunks/chunk.FIWZWADE.js";
 import {
   radio_group_default
-} from "./chunks/chunk.LBMFOI2R.js";
-import "./chunks/chunk.HPXLGI6G.js";
+} from "./chunks/chunk.PSTJCLIG.js";
+import "./chunks/chunk.OVAESVFW.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.OC5HO7EC.js";
-import "./chunks/chunk.K7HO5BA6.js";
-import "./chunks/chunk.I724M2SD.js";
+} from "./chunks/chunk.QSCHZISC.js";
+import "./chunks/chunk.P67BN5MH.js";
+import "./chunks/chunk.XLM63X5J.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.VJ5G35TH.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.L4ACGJIZ.js";
+} from "./chunks/chunk.2WDJAHLF.js";
 import {
   radio_default
-} from "./chunks/chunk.OYH3VTBR.js";
-import "./chunks/chunk.LYGXTUQV.js";
+} from "./chunks/chunk.63YQOR7C.js";
+import "./chunks/chunk.AFR4KNYK.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.JJ2AGCRG.js";
+import "./chunks/chunk.TN5CV27R.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.IHG73NBC.js";
+} from "./chunks/chunk.MBL7AVE4.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.C2XHBPEB.js";
-import "./chunks/chunk.TEOJQ4IE.js";
+} from "./chunks/chunk.D2HVNT6R.js";
+import "./chunks/chunk.F5WLSLI7.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.65UZKE67.js";
+import "./chunks/chunk.FN3OUW7E.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.KQOPBVJZ.js";
+} from "./chunks/chunk.4S5IO57K.js";
 import {
   popup_default
-} from "./chunks/chunk.OVLOPGZT.js";
-import "./chunks/chunk.QDQMEZ2R.js";
+} from "./chunks/chunk.LP2XHOWK.js";
+import "./chunks/chunk.KMSSU2ON.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.DLVPJRV7.js";
-import "./chunks/chunk.U7TGMJTF.js";
+} from "./chunks/chunk.QY2HVWTX.js";
+import "./chunks/chunk.NW2PNK7A.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.TDRWALG4.js";
-import "./chunks/chunk.TAHSL6PC.js";
+} from "./chunks/chunk.DH2SIUKO.js";
+import "./chunks/chunk.ITZJKKDZ.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.DK7B62RH.js";
+} from "./chunks/chunk.TXA4COQ7.js";
 import {
   menu_label_default
-} from "./chunks/chunk.HM2CFDQD.js";
-import "./chunks/chunk.YLLDZCXR.js";
+} from "./chunks/chunk.TC3NIAI3.js";
+import "./chunks/chunk.T6JDVI6I.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.IB7NUAMX.js";
+} from "./chunks/chunk.KC6X2GNV.js";
 import {
   menu_default
-} from "./chunks/chunk.TSX3ATSL.js";
-import "./chunks/chunk.IMAVVHQP.js";
+} from "./chunks/chunk.VJ2UBSOD.js";
+import "./chunks/chunk.LS4JR7DU.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.5MA2AWXE.js";
+import "./chunks/chunk.K5BBIX7F.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.7OXH5TGP.js";
-import "./chunks/chunk.CXQPOR5U.js";
+} from "./chunks/chunk.S5W5Q3WO.js";
+import "./chunks/chunk.JGY5FXWE.js";
 import "./chunks/chunk.II2KA3OR.js";
 import "./chunks/chunk.XAQKFEHH.js";
 import {
   file_default
-} from "./chunks/chunk.VLPTEIDZ.js";
+} from "./chunks/chunk.QX4SSNYB.js";
 import {
   header_default
-} from "./chunks/chunk.NCTEJ5GG.js";
-import "./chunks/chunk.FEQA6RB5.js";
+} from "./chunks/chunk.LJDLRNFM.js";
+import "./chunks/chunk.N76DFUNA.js";
 import "./chunks/chunk.5T3OGIGW.js";
 import {
   icon_default
-} from "./chunks/chunk.CPNKKDEZ.js";
+} from "./chunks/chunk.E2AGYERL.js";
 import {
   drawer_default
-} from "./chunks/chunk.AHGLC64T.js";
+} from "./chunks/chunk.YMSLMTKW.js";
 import {
   dropdown_default
-} from "./chunks/chunk.DIB763NK.js";
-import "./chunks/chunk.UDALFFTK.js";
+} from "./chunks/chunk.TUE3ONBY.js";
+import "./chunks/chunk.OGY7K6B6.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.ZBZNLBFE.js";
+import "./chunks/chunk.FP5QCGMC.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.IN42F4T7.js";
+} from "./chunks/chunk.HF6EIISC.js";
 import {
   divider_default
-} from "./chunks/chunk.2VVNNYEP.js";
-import "./chunks/chunk.XC2X5ICO.js";
+} from "./chunks/chunk.MUFLKTFU.js";
+import "./chunks/chunk.TU5UZWL3.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.CSAFPRPP.js";
+import "./chunks/chunk.HBMUFLX2.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.HJC2NUOQ.js";
-import "./chunks/chunk.A3QOZO4K.js";
+} from "./chunks/chunk.2T7IUAUM.js";
+import "./chunks/chunk.FX2BATEO.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.CA4R3Y34.js";
+import "./chunks/chunk.EJD6B2EA.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.2LYOMDFO.js";
 import "./chunks/chunk.JCIM6NE3.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.6KUQS2BX.js";
-import "./chunks/chunk.7Z7XJRNJ.js";
+} from "./chunks/chunk.3TOXORFG.js";
+import "./chunks/chunk.HUKCMQTY.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.XGI5VF4P.js";
-import "./chunks/chunk.AVTTFF7T.js";
-import "./chunks/chunk.E7EMXBQQ.js";
+} from "./chunks/chunk.7GAXVCM3.js";
+import "./chunks/chunk.2EXNWB7H.js";
+import "./chunks/chunk.F5GM4EQ2.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.KRAZTCNX.js";
+import "./chunks/chunk.BE6NVCUT.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -231,61 +231,58 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.UIQJ6TAS.js";
+} from "./chunks/chunk.MX7QPVIW.js";
 import {
   button_group_default
-} from "./chunks/chunk.YDGSPG5O.js";
-import "./chunks/chunk.7LAT6LLA.js";
+} from "./chunks/chunk.3QYAZM5Q.js";
+import "./chunks/chunk.ZI7WLY3J.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.MM5LMX2U.js";
-import "./chunks/chunk.5YH3KM7A.js";
+} from "./chunks/chunk.DJJV6JQQ.js";
+import "./chunks/chunk.SST7AFS5.js";
 import "./chunks/chunk.QMLSKYXR.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.D6LZPKMM.js";
+} from "./chunks/chunk.4KCTO757.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.JX2XVHDX.js";
-import "./chunks/chunk.SV7S5SHM.js";
+} from "./chunks/chunk.ZRLTAT5E.js";
+import "./chunks/chunk.YYV3CQ7X.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.7FNYO42V.js";
-import "./chunks/chunk.2AZ6P6VB.js";
+import "./chunks/chunk.VJMLP2UK.js";
+import "./chunks/chunk.K2ZNDRIT.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
 import "./chunks/chunk.UBS3CSG4.js";
 import "./chunks/chunk.5SQ7NVBX.js";
-import {
-  alert_default
-} from "./chunks/chunk.YCKUXYYU.js";
 import {
   badge_default
-} from "./chunks/chunk.G65DXQNJ.js";
-import "./chunks/chunk.RA75SKST.js";
-import "./chunks/chunk.J6CGTLVH.js";
-import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.F75RDT3G.js";
-import "./chunks/chunk.32CYREEV.js";
-import "./chunks/chunk.S22BO5SF.js";
+} from "./chunks/chunk.VPDRPS2B.js";
 import {
   accordion_default
-} from "./chunks/chunk.V5GMZF3E.js";
-import "./chunks/chunk.SKNN7RRO.js";
+} from "./chunks/chunk.TNXPIE7C.js";
+import "./chunks/chunk.CJS76S4T.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.RBOINL5H.js";
+import "./chunks/chunk.2644TMWU.js";
+import "./chunks/chunk.32CYREEV.js";
+import "./chunks/chunk.S22BO5SF.js";
+import {
+  alert_default
+} from "./chunks/chunk.7PPXHS6I.js";
+import "./chunks/chunk.UHDRKFQR.js";
 import "./chunks/chunk.WXVOTRW5.js";
-import "./chunks/chunk.YOW5Z4LL.js";
+import "./chunks/chunk.JHLYDXUH.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.KYEC6H3L.js";
+import "./chunks/chunk.QLCNN2JN.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -294,12 +291,15 @@ 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.74IOULXM.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import "./chunks/chunk.QBHZAR4C.js";
+import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.RVZJYZCK.js";
+import "./chunks/chunk.Y5TMYX2L.js";
 import {
   enableDefaultSettings
 } from "./chunks/chunk.H5F2FP4S.js";
@@ -310,11 +310,11 @@ import {
   setGlobalDefaultSettings
 } from "./chunks/chunk.JSEL4YPW.js";
 import "./chunks/chunk.UPDPVGHT.js";
-import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.6BIEV3ZF.js";
-import "./chunks/chunk.QBHZAR4C.js";
-import "./chunks/chunk.BXY667C7.js";
+import "./chunks/chunk.QLPSBY6I.js";
+import "./chunks/chunk.J6CGTLVH.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.26.2",
+  "version": "2.26.3",
   "description": "",
   "repository": {
     "type": "git",

package/dist/chunks/chunk.TAHSL6PC.js

@@ -1,96 +0,0 @@
-import {
-  optgroup_styles_default
-} from "./chunk.MJ7R4QQT.js";
-import {
-  SynDivider
-} from "./chunk.XC2X5ICO.js";
-import {
-  HasSlotController
-} from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.74IOULXM.js";
-import {
-  SynergyElement
-} from "./chunk.6BIEV3ZF.js";
-import {
-  __decorateClass
-} from "./chunk.2GFK6XTO.js";
-
-// src/components/optgroup/optgroup.component.ts
-import { classMap } from "lit/directives/class-map.js";
-import { html } from "lit/static-html.js";
-import { property, query } from "lit/decorators.js";
-var SynOptgroup = class extends SynergyElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "[default]", "prefix", "suffix", "label");
-    this.disabled = false;
-    this.label = "";
-  }
-  /**
-   * Syncs the disabled prop for all slotted syn-options when it is triggered
-   */
-  handleDisableOptions() {
-    const { disabled } = this;
-    this.defaultSlot.assignedElements().filter((opt) => opt.tagName.toLowerCase() === "syn-option").forEach((opt) => {
-      opt.disabled = disabled;
-    });
-  }
-  handleDisabledChange() {
-    this.handleDisableOptions();
-  }
-  render() {
-    const { disabled } = this;
-    const hasLabelSlot = this.hasSlotController.test("label");
-    const hasLabel = this.label ? true : !!hasLabelSlot;
-    return html`
-      <div
-        class=${classMap({
-      optgroup: true,
-      "optgroup--has-label": hasLabel,
-      "optgroup--has-prefix": this.hasSlotController.test("prefix"),
-      "optgroup--has-suffix": this.hasSlotController.test("suffix"),
-      "optgroup--is-disabled": this.disabled
-    })}
-        role="${disabled ? "presentation" : "group"}"
-        part="base"
-      >
-        <syn-divider class="optgroup__divider" part="divider"></syn-divider>
-        <div class="optgroup__label-container" part="label-container">
-          <slot name="prefix" part="prefix" class="optgroup__prefix"></slot>
-          <slot name="label" part="label" class="optgroup__label">
-            <span class="optgroup__label-content">
-              ${this.label}
-            </span>
-          </slot>
-          <slot name="suffix" part="suffix" class="optgroup__suffix"></slot>
-        </div>
-        <div class="optgroup__options" role="group" part="options">
-          <slot @slotchange=${this.handleDisableOptions}></slot>
-        </div>
-      </div>
-    `;
-  }
-};
-SynOptgroup.styles = optgroup_styles_default;
-SynOptgroup.dependencies = {
-  "syn-divider": SynDivider
-};
-__decorateClass([
-  query("slot:not([name])")
-], SynOptgroup.prototype, "defaultSlot", 2);
-__decorateClass([
-  property({ reflect: true, type: Boolean })
-], SynOptgroup.prototype, "disabled", 2);
-__decorateClass([
-  property()
-], SynOptgroup.prototype, "label", 2);
-__decorateClass([
-  watch("disabled", { waitUntilFirstUpdate: true })
-], SynOptgroup.prototype, "handleDisabledChange", 1);
-
-export {
-  SynOptgroup
-};
-//# sourceMappingURL=chunk.TAHSL6PC.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/optgroup/optgroup.component.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/unbound-method */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit/static-html.js';\nimport { property, query } from 'lit/decorators.js';\nimport type { CSSResultGroup } from 'lit';\nimport { watch } from '../../internal/watch.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport SynDivider from '../divider/divider.component.js';\nimport type SynOption from '../option/option.component.js';\nimport styles from './optgroup.styles.js';\n\n/**\n * @summary The <syn-optgroup> element creates a grouping for <syn-option>s within a <syn-select>.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-optgroup--docs\n * @status stable\n * @since 1.3.0\n *\n * @dependency syn-divider\n *\n * @slot - The given options. Must be `<syn-option>` elements.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot label - The label for the optgroup\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart label-container - The container that wraps prefix, label and base\n * @csspart divider - The divider that is displayed above the content\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart options - The container that wraps the <syn-option> elements.\n *\n * @cssproperty --display-divider - Display property of the divider. Defaults to \"block\"\n */\nexport default class SynOptgroup extends SynergyElement {\n  static styles: CSSResultGroup = styles;\n\n  static dependencies = {\n    'syn-divider': SynDivider,\n  };\n\n  private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix', 'label');\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  /**\n   * Syncs the disabled prop for all slotted syn-options when it is triggered\n   */\n  private handleDisableOptions() {\n    const { disabled } = this;\n    this.defaultSlot\n      .assignedElements()\n      .filter(opt => opt.tagName.toLowerCase() === 'syn-option')\n      .forEach((opt: SynOption) => {\n        // eslint-disable-next-line no-param-reassign\n        opt.disabled = disabled;\n      });\n  }\n\n  /**\n   * Disables all options in the optgroup.\n   */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /**\n   * The optgroups label. If you need to display HTML, use the `label` slot instead.\n   */\n  @property() label = '';\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.handleDisableOptions();\n  }\n\n  render() {\n    const { disabled } = this;\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    return html`\n      <div\n        class=${classMap({\n          optgroup: true,\n          'optgroup--has-label': hasLabel,\n          'optgroup--has-prefix': this.hasSlotController.test('prefix'),\n          'optgroup--has-suffix': this.hasSlotController.test('suffix'),\n          'optgroup--is-disabled': this.disabled,\n        })}\n        role=\"${disabled ? 'presentation' : 'group'}\"\n        part=\"base\"\n      >\n        <syn-divider class=\"optgroup__divider\" part=\"divider\"></syn-divider>\n        <div class=\"optgroup__label-container\" part=\"label-container\">\n          <slot name=\"prefix\" part=\"prefix\" class=\"optgroup__prefix\"></slot>\n          <slot name=\"label\" part=\"label\" class=\"optgroup__label\">\n            <span class=\"optgroup__label-content\">\n              ${this.label}\n            </span>\n          </slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"optgroup__suffix\"></slot>\n        </div>\n        <div class=\"optgroup__options\" role=\"group\" part=\"options\">\n          <slot @slotchange=${this.handleDisableOptions}></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AACA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,UAAU,aAAa;AA+BhC,IAAqB,cAArB,cAAyC,eAAe;AAAA,EAAxD;AAAA;AAOE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,aAAa,UAAU,UAAU,OAAO;AAqB7D,oBAAW;AAK3C,iBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAnBZ,uBAAuB;AAC7B,UAAM,EAAE,SAAS,IAAI;AACrB,SAAK,YACF,iBAAiB,EACjB,OAAO,SAAO,IAAI,QAAQ,YAAY,MAAM,YAAY,EACxD,QAAQ,CAAC,QAAmB;AAE3B,UAAI,WAAW;AAAA,IACjB,CAAC;AAAA,EACL;AAAA,EAaA,uBAAuB;AACrB,SAAK,qBAAqB;AAAA,EAC5B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI;AACrB,UAAM,eAAe,KAAK,kBAAkB,KAAK,OAAO;AACxD,UAAM,WAAW,KAAK,QAAQ,OAAO,CAAC,CAAC;AACvC,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,UAAU;AAAA,MACV,uBAAuB;AAAA,MACvB,wBAAwB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MAC5D,wBAAwB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MAC5D,yBAAyB,KAAK;AAAA,IAChC,CAAC,CAAC;AAAA,gBACM,WAAW,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQnC,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAMI,KAAK,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIrD;AACF;AAxEqB,YACZ,SAAyB;AADb,YAGZ,eAAe;AAAA,EACpB,eAAe;AACjB;AAI2B;AAAA,EAA1B,MAAM,kBAAkB;AAAA,GATN,YASQ;AAmBiB;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GA5BvB,YA4ByB;AAKhC;AAAA,EAAX,SAAS;AAAA,GAjCS,YAiCP;AAGZ;AAAA,EADC,MAAM,YAAY,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAnC9B,YAoCnB;",
-  "names": []
-}