@synergy-design-system/components 2.31.0-numeric.1 → 2.31.0-numeric.2

package/dist/chunks/{chunk.U3WTJD4D.js → chunk.4WTEYK2Y.js}

@@ -11,16 +11,16 @@ import {
 } from "./chunk.ZBW4ZSZ7.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/icon/icon.component.ts
 import { html } from "lit";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.U3WTJD4D.js.map
+//# sourceMappingURL=chunk.4WTEYK2Y.js.map

package/dist/chunks/chunk.4WTEYK2Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon/icon.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 { getIconLibrary, type IconLibrary, unwatchIcon, watchIcon } from './library.js';\nimport { html } from 'lit';\nimport { isTemplateResult } from 'lit/directive-helpers.js';\nimport { property, 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 styles from './icon.styles.js';\nimport customStyles from './icon.custom.styles.js';\nimport type { CSSResultGroup, HTMLTemplateResult } from 'lit';\n\nconst CACHEABLE_ERROR = Symbol();\nconst RETRYABLE_ERROR = Symbol();\ntype SVGResult = HTMLTemplateResult | SVGSVGElement | typeof RETRYABLE_ERROR | typeof CACHEABLE_ERROR;\n\nlet parser: DOMParser;\nconst iconCache = new Map<string, Promise<SVGResult>>();\n\ninterface IconSource {\n  url?: string;\n  fromLibrary: boolean;\n}\n\n/**\n * @summary Icons are symbols that can be used to represent various options within an application.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs\n * @status stable\n * @since 2.0\n *\n * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.\n * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.\n *\n * @csspart svg - The internal SVG element.\n * @csspart use - The <use> element generated when using `spriteSheet: true`\n */\nexport default class SynIcon extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private initialRender = false;\n\n  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */\n  private async resolveIcon(url: string, library?: IconLibrary): Promise<SVGResult> {\n    let fileData: Response;\n\n    if (library?.spriteSheet) {\n      this.svg = html`<svg part=\"svg\">\n        <use part=\"use\" href=\"${url}\" width=\"100%\" height=\"100%\"></use>\n      </svg>`;\n\n      return this.svg;\n    }\n\n    // #806: Make sure to not fetch system icons\n    // as they are part of the bundle anyways.\n    // This speeds up the loading of the icon.\n    if (this.library === 'system') {\n      // Skip the icon if the URL is empty\n      if (!url) {\n        return CACHEABLE_ERROR;\n      }\n\n      // If the URL is a system icon, we can just return it\n      fileData = new Response(url, {\n        status: 200,\n      });\n    } else {\n      try {\n        fileData = await fetch(url, { mode: 'cors' });\n        if (!fileData.ok) return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;\n      } catch {\n        return RETRYABLE_ERROR;\n      }\n    }\n\n    try {\n      const div = document.createElement('div');\n      div.innerHTML = await fileData.text();\n\n      const svg = div.firstElementChild;\n      if (svg?.tagName?.toLowerCase() !== 'svg') return CACHEABLE_ERROR;\n\n      if (!parser) parser = new DOMParser();\n      const doc = parser.parseFromString(svg.outerHTML, 'text/html');\n\n      const svgEl = doc.body.querySelector('svg');\n      if (!svgEl) return CACHEABLE_ERROR;\n\n      svgEl.part.add('svg');\n      return document.adoptNode(svgEl);\n    } catch {\n      return CACHEABLE_ERROR;\n    }\n  }\n\n  @state() private svg: SVGElement | HTMLTemplateResult | null = null;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property({ reflect: true }) name?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /**\n   * An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\n   * ignored by assistive devices.\n   */\n  @property() label = '';\n\n  /** The name of a registered custom icon library. */\n  @property({ reflect: true }) library = 'default';\n\n  connectedCallback() {\n    super.connectedCallback();\n    watchIcon(this);\n  }\n\n  firstUpdated() {\n    this.initialRender = true;\n    this.setIcon();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    unwatchIcon(this);\n  }\n\n  private getIconSource(): IconSource {\n    const library = getIconLibrary(this.library);\n    if (this.name && library) {\n      return {\n        url: library.resolver(this.name),\n        fromLibrary: true\n      };\n    }\n\n    return {\n      url: this.src,\n      fromLibrary: false\n    };\n  }\n\n  @watch('label')\n  handleLabelChange() {\n    const hasLabel = typeof this.label === 'string' && this.label.length > 0;\n\n    if (hasLabel) {\n      this.setAttribute('role', 'img');\n      this.setAttribute('aria-label', this.label);\n      this.removeAttribute('aria-hidden');\n    } else {\n      this.removeAttribute('role');\n      this.removeAttribute('aria-label');\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  @watch(['name', 'src', 'library'])\n  async setIcon() {\n    const { url, fromLibrary } = this.getIconSource();\n    const library = fromLibrary ? getIconLibrary(this.library) : undefined;\n\n    if (!url) {\n      this.svg = null;\n      return;\n    }\n\n    let iconResolver = iconCache.get(url);\n    if (!iconResolver) {\n      iconResolver = this.resolveIcon(url, library);\n      iconCache.set(url, iconResolver);\n    }\n\n    // If we haven't rendered yet, exit early. This avoids unnecessary work due to watching multiple props.\n    if (!this.initialRender) {\n      return;\n    }\n\n    const svg = await iconResolver;\n\n    if (svg === RETRYABLE_ERROR) {\n      iconCache.delete(url);\n    }\n\n    if (url !== this.getIconSource().url) {\n      // If the url has changed while fetching the icon, ignore this request\n      return;\n    }\n\n    if (isTemplateResult(svg)) {\n      this.svg = svg;\n\n      if (library) {\n        // Using a templateResult requires the SVG to be written to the DOM first before we can grab the SVGElement\n        // to be passed to the library's mutator function.\n        await this.updateComplete;\n\n        const shadowSVG = this.shadowRoot!.querySelector(\"[part='svg']\")!;\n\n        if (typeof library.mutator === 'function' && shadowSVG) {\n          library.mutator(shadowSVG as SVGElement);\n        }\n      }\n\n      return;\n    }\n\n    switch (svg) {\n      case RETRYABLE_ERROR:\n      case CACHEABLE_ERROR:\n        this.svg = null;\n        this.emit('syn-error');\n        break;\n      default:\n        this.svg = svg.cloneNode(true) as SVGElement;\n        library?.mutator?.(this.svg);\n        this.emit('syn-load');\n    }\n  }\n\n  render() {\n    return this.svg;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.B6TTKFK2.js → chunk.53RGIEWF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.U3WTJD4D.js";
+} from "./chunk.4WTEYK2Y.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
@@ -15,10 +15,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/breadcrumb/breadcrumb.component.ts
 import { html } from "lit";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.B6TTKFK2.js.map
+//# sourceMappingURL=chunk.53RGIEWF.js.map

package/dist/chunks/chunk.53RGIEWF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb/breadcrumb.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 { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query } from 'lit/decorators.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 './breadcrumb.styles.js';\nimport customStyles from './breadcrumb.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type SynBreadcrumbItem from '../breadcrumb-item/breadcrumb-item.js';\n\n/**\n * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb--docs\n * @status stable\n * @since 2.0\n *\n * @slot - One or more breadcrumb items to display.\n * @slot separator - The separator to use between breadcrumb items. Works best with `<syn-icon>`.\n *\n * @dependency syn-icon\n *\n * @csspart base - The component's base wrapper.\n */\nexport default class SynBreadcrumb extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon': SynIcon };\n\n  private readonly localize = new LocalizeController(this);\n  private separatorDir = this.localize.dir();\n\n  @query('slot') defaultSlot: HTMLSlotElement;\n  @query('slot[name=\"separator\"]') separatorSlot: HTMLSlotElement;\n\n  /**\n   * The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\n   * screen readers and other assistive devices to provide more context for users.\n   */\n  @property() label = '';\n\n  // Generates a clone of the separator element to use for each breadcrumb item\n  private getSeparator() {\n    const separator = this.separatorSlot.assignedElements({ flatten: true })[0] as HTMLElement;\n\n    // Clone it, remove ids, and slot it\n    const clone = separator.cloneNode(true) as HTMLElement;\n    [clone, ...clone.querySelectorAll('[id]')].forEach(el => el.removeAttribute('id'));\n    clone.setAttribute('data-default', '');\n    clone.slot = 'separator';\n\n    return clone;\n  }\n\n  private handleSlotChange() {\n    const items = [...this.defaultSlot.assignedElements({ flatten: true })].filter(\n      item => item.tagName.toLowerCase() === 'syn-breadcrumb-item'\n    ) as SynBreadcrumbItem[];\n\n    items.forEach((item, index) => {\n      // Append separators to each item if they don't already have one\n      const separator = item.querySelector('[slot=\"separator\"]');\n      if (separator === null) {\n        // No separator exists, add one\n        item.append(this.getSeparator());\n      } else if (separator.hasAttribute('data-default')) {\n        // A default separator exists, replace it\n        separator.replaceWith(this.getSeparator());\n      } else {\n        // The user provided a custom separator, leave it alone\n      }\n\n      // The last breadcrumb item is the \"current page\"\n      if (index === items.length - 1) {\n        item.setAttribute('aria-current', 'page');\n      } else {\n        item.removeAttribute('aria-current');\n      }\n    });\n  }\n\n  render() {\n    // We clone the separator and inject them into breadcrumb items, so we need to regenerate the default ones when\n    // directionality changes. We do this by storing the current separator direction, waiting for render, then calling\n    // the function that regenerates them.\n    if (this.separatorDir !== this.localize.dir()) {\n      this.separatorDir = this.localize.dir();\n      this.updateComplete.then(() => this.handleSlotChange());\n    }\n\n    return html`\n      <nav part=\"base\" class=\"breadcrumb\" aria-label=${this.label}>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </nav>\n\n      <span hidden aria-hidden=\"true\">\n        <slot name=\"separator\">\n          <syn-icon name=\"chevron-down\" library=\"system\" class=${this.localize.dir()}></syn-icon>\n        </slot>\n      </span>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAS,YAAY;AAErB,SAAS,UAAU,aAAa;AAsBhC,IAAqB,gBAArB,cAA2C,eAAe;AAAA,EAA1D;AAAA;AAIE,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AACvD,SAAQ,eAAe,KAAK,SAAS,IAAI;AAS7B,iBAAQ;AAAA;AAAA;AAAA,EAGZ,eAAe;AACrB,UAAM,YAAY,KAAK,cAAc,iBAAiB,EAAE,SAAS,KAAK,CAAC,EAAE,CAAC;AAG1E,UAAM,QAAQ,UAAU,UAAU,IAAI;AACtC,KAAC,OAAO,GAAG,MAAM,iBAAiB,MAAM,CAAC,EAAE,QAAQ,QAAM,GAAG,gBAAgB,IAAI,CAAC;AACjF,UAAM,aAAa,gBAAgB,EAAE;AACrC,UAAM,OAAO;AAEb,WAAO;AAAA,EACT;AAAA,EAEQ,mBAAmB;AACzB,UAAM,QAAQ,CAAC,GAAG,KAAK,YAAY,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC,EAAE;AAAA,MACtE,UAAQ,KAAK,QAAQ,YAAY,MAAM;AAAA,IACzC;AAEA,UAAM,QAAQ,CAAC,MAAM,UAAU;AAE7B,YAAM,YAAY,KAAK,cAAc,oBAAoB;AACzD,UAAI,cAAc,MAAM;AAEtB,aAAK,OAAO,KAAK,aAAa,CAAC;AAAA,MACjC,WAAW,UAAU,aAAa,cAAc,GAAG;AAEjD,kBAAU,YAAY,KAAK,aAAa,CAAC;AAAA,MAC3C,OAAO;AAAA,MAEP;AAGA,UAAI,UAAU,MAAM,SAAS,GAAG;AAC9B,aAAK,aAAa,gBAAgB,MAAM;AAAA,MAC1C,OAAO;AACL,aAAK,gBAAgB,cAAc;AAAA,MACrC;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AAIP,QAAI,KAAK,iBAAiB,KAAK,SAAS,IAAI,GAAG;AAC7C,WAAK,eAAe,KAAK,SAAS,IAAI;AACtC,WAAK,eAAe,KAAK,MAAM,KAAK,iBAAiB,CAAC;AAAA,IACxD;AAEA,WAAO;AAAA,uDAC4C,KAAK,KAAK;AAAA,4BACrC,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,iEAKgB,KAAK,SAAS,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,EAIlF;AACF;AA7EqB,cACZ,SAAyB,CAAC,0BAAiB,2BAAQ,gCAAY;AADnD,cAEZ,eAAe,EAAE,YAAY,QAAQ;AAK7B;AAAA,EAAd,MAAM,MAAM;AAAA,GAPM,cAOJ;AACkB;AAAA,EAAhC,MAAM,wBAAwB;AAAA,GARZ,cAQc;AAMrB;AAAA,EAAX,SAAS;AAAA,GAdS,cAcP;",
+  "names": []
+}

package/dist/chunks/chunk.53T54MDF.js

@@ -0,0 +1,30 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk.Z4XV3SMG.js";
+
+// src/components/input/formatter.ts
+var formatNumber = (value, step, numberFormatterOptions = {}) => {
+  var _b;
+  const _a = numberFormatterOptions, {
+    maximumFractionDigits,
+    minimumFractionDigits = 0
+  } = _a, otherOptions = __objRest(_a, [
+    "maximumFractionDigits",
+    "minimumFractionDigits"
+  ]);
+  const stepToUse = step === "any" ? 1 : +step;
+  const stepFractionDigits = ((_b = stepToUse.toString().split(".")[1]) == null ? void 0 : _b.length) || 0;
+  const usedMinFractionDigitsToUse = Math.max(minimumFractionDigits, stepFractionDigits);
+  const usedMinimumFractionDigits = Math.max(usedMinFractionDigitsToUse, 0);
+  const formatter = new Intl.NumberFormat("en-US", __spreadValues({
+    maximumFractionDigits: maximumFractionDigits || usedMinimumFractionDigits,
+    minimumFractionDigits: usedMinimumFractionDigits
+  }, otherOptions));
+  return formatter.format(value);
+};
+
+export {
+  formatNumber
+};
+//# sourceMappingURL=chunk.53T54MDF.js.map

package/dist/chunks/chunk.53T54MDF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/formatter.ts"],
+  "sourcesContent": ["/**\n * Formats a number using the Intl.NumberFormat API.\n * @param value The value to format\n * @param step The step value to use for formatting. Used if no minimumFractionDigits is provided.\n * @param numberFormatterOptions Additional parameters to pass to the number formatter.\n * @returns The formatted value\n */\nexport const formatNumber = (\n  value: number,\n  step: number | string,\n  numberFormatterOptions: Intl.NumberFormatOptions = {},\n) => {\n  const {\n    maximumFractionDigits,\n    minimumFractionDigits = 0,\n    ...otherOptions\n  } = numberFormatterOptions;\n\n  // There may be times where the user sets something like this:\n  // <syn-input fraction-digits=\"0\" step=\"0.3\">\n  // In this case, we need to use the step value to determine the fraction digits\n  // to use for the formatter.\n  const stepToUse = step === 'any' ? 1 : +step;\n  const stepFractionDigits = stepToUse.toString().split('.')[1]?.length || 0;\n  const usedMinFractionDigitsToUse = Math.max(minimumFractionDigits, stepFractionDigits);\n  const usedMinimumFractionDigits = Math.max(usedMinFractionDigitsToUse, 0);\n\n  const formatter = new Intl.NumberFormat('en-US', {\n    maximumFractionDigits: maximumFractionDigits || usedMinimumFractionDigits,\n    minimumFractionDigits: usedMinimumFractionDigits,\n    ...otherOptions,\n  });\n\n  return formatter.format(value);\n};\n"],
+  "mappings": ";;;;;;AAOO,IAAM,eAAe,CAC1B,OACA,MACA,yBAAmD,CAAC,MACjD;AAXL;AAYE,QAII,6BAHF;AAAA;AAAA,IACA,wBAAwB;AAAA,EAd5B,IAgBM,IADC,yBACD,IADC;AAAA,IAFH;AAAA,IACA;AAAA;AAQF,QAAM,YAAY,SAAS,QAAQ,IAAI,CAAC;AACxC,QAAM,uBAAqB,eAAU,SAAS,EAAE,MAAM,GAAG,EAAE,CAAC,MAAjC,mBAAoC,WAAU;AACzE,QAAM,6BAA6B,KAAK,IAAI,uBAAuB,kBAAkB;AACrF,QAAM,4BAA4B,KAAK,IAAI,4BAA4B,CAAC;AAExE,QAAM,YAAY,IAAI,KAAK,aAAa,SAAS;AAAA,IAC/C,uBAAuB,yBAAyB;AAAA,IAChD,uBAAuB;AAAA,KACpB,aACJ;AAED,SAAO,UAAU,OAAO,KAAK;AAC/B;",
+  "names": []
+}

package/dist/chunks/{chunk.TB7FVSDL.js → chunk.56NTE7JW.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/progress-bar/progress-bar.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -68,4 +68,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.TB7FVSDL.js.map
+//# sourceMappingURL=chunk.56NTE7JW.js.map

package/dist/chunks/chunk.56NTE7JW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/progress-bar/progress-bar.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 { ifDefined } from 'lit/directives/if-defined.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './progress-bar.styles.js';\nimport customStyles from './progress-bar.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Progress bars are used to show the status of an ongoing operation.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-progress-bar--docs\n * @status stable\n * @since 2.0\n *\n * @slot - A label to show inside the progress indicator.\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The progress bar's indicator.\n * @csspart label - The progress bar's label.\n *\n * @cssproperty --height - The progress bar's height.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the indicator.\n * @cssproperty --label-color - The color of the label.\n * @cssproperty --speed - The speed of the progress bar when in indeterminate state.\n */\nexport default class SynProgressBar extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  private readonly localize = new LocalizeController(this);\n\n  /** The current progress as a percentage, 0 to 100. */\n  @property({ type: Number, reflect: true }) value = 0;\n\n  /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */\n  @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n  /** A custom label for assistive devices. */\n  @property() label = '';\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'progress-bar': true,\n          'progress-bar--indeterminate': this.indeterminate,\n          'progress-bar--rtl': this.localize.dir() === 'rtl'\n        })}\n        role=\"progressbar\"\n        title=${ifDefined(this.title)}\n        aria-label=${this.label.length > 0 ? this.label : this.localize.term('progress')}\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=${this.indeterminate ? 0 : this.value}\n      >\n        <div part=\"indicator\" class=\"progress-bar__indicator\" style=${styleMap({ width: `${this.value}%` })}>\n          ${!this.indeterminate ? html` <slot part=\"label\" class=\"progress-bar__label\"></slot> ` : ''}\n        </div>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAyBzB,IAAqB,iBAArB,cAA4C,eAAe;AAAA,EAA3D;AAAA;AAEE,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AAGZ,iBAAQ;AAGP,yBAAgB;AAGhD,iBAAQ;AAAA;AAAA,EAEpB,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,gBAAgB;AAAA,MAChB,+BAA+B,KAAK;AAAA,MACpC,qBAAqB,KAAK,SAAS,IAAI,MAAM;AAAA,IAC/C,CAAC,CAAC;AAAA;AAAA,gBAEM,UAAU,KAAK,KAAK,CAAC;AAAA,qBAChB,KAAK,MAAM,SAAS,IAAI,KAAK,QAAQ,KAAK,SAAS,KAAK,UAAU,CAAC;AAAA;AAAA;AAAA,wBAGhE,KAAK,gBAAgB,IAAI,KAAK,KAAK;AAAA;AAAA,sEAEW,SAAS,EAAE,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC;AAAA,YAC/F,CAAC,KAAK,gBAAgB,iEAAiE,EAAE;AAAA;AAAA;AAAA;AAAA,EAInG;AACF;AAnCqB,eACZ,SAAyB,CAAC,0BAAiB,6BAAQ,kCAAY;AAI3B;AAAA,EAA1C,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GALtB,eAKwB;AAGC;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GARvB,eAQyB;AAGhC;AAAA,EAAX,SAAS;AAAA,GAXS,eAWP;",
+  "names": []
+}

package/dist/chunks/{chunk.EC3AIWPK.js → chunk.5VQ3S2XE.js}

@@ -1,18 +1,18 @@
-import {
-  menu_label_custom_styles_default
-} from "./chunk.X6GR6IA2.js";
 import {
   menu_label_styles_default
 } from "./chunk.RAOPZXJL.js";
+import {
+  menu_label_custom_styles_default
+} from "./chunk.X6GR6IA2.js";
 import {
   SynDivider
-} from "./chunk.KITRO6XO.js";
+} from "./chunk.AVC4OCSZ.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.EC3AIWPK.js.map
+//# sourceMappingURL=chunk.5VQ3S2XE.js.map

package/dist/chunks/{chunk.EC3AIWPK.js.map → chunk.5VQ3S2XE.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/menu-label/menu-label.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 { html } from 'lit';\nimport SynDivider from '../divider/divider.component.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './menu-label.styles.js';\nimport customStyles from './menu-label.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Menu labels are used to describe a group of menu items.\n * @documentation https://synergy.style/components/menu-label\n * @status stable\n * @since 2.0\n *\n * @dependency syn-divider\n *\n * @slot - The menu label's content.\n *\n * @csspart base - The component's base wrapper.\n * @csspart divider - The divider that is displayed above the content\n * @csspart label - The label that is displayed below the divider\n *\n * @cssproperty --display-divider - Display property of the divider. Defaults to \"block\"\n */\nexport default class SynMenuLabel extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  static dependencies = {\n    'syn-divider': SynDivider,\n  };\n    \n  render() {\n    return html`\n      <div part=\"base\" class=\"menu-label-wrapper\">\n        <syn-divider class=\"menu-label__divider\" part=\"divider\"></syn-divider>\n        <slot part=\"label\" class=\"menu-label\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-menu-label': SynMenuLabel;\n  }\n}\n"],
+  "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 { html } from 'lit';\nimport SynDivider from '../divider/divider.component.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './menu-label.styles.js';\nimport customStyles from './menu-label.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Menu labels are used to describe a group of menu items.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu-label--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-divider\n *\n * @slot - The menu label's content.\n *\n * @csspart base - The component's base wrapper.\n * @csspart divider - The divider that is displayed above the content\n * @csspart label - The label that is displayed below the divider\n *\n * @cssproperty --display-divider - Display property of the divider. Defaults to \"block\"\n */\nexport default class SynMenuLabel extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  static dependencies = {\n    'syn-divider': SynDivider,\n  };\n    \n  render() {\n    return html`\n      <div part=\"base\" class=\"menu-label-wrapper\">\n        <syn-divider class=\"menu-label__divider\" part=\"divider\"></syn-divider>\n        <slot part=\"label\" class=\"menu-label\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-menu-label': SynMenuLabel;\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;AAQA,SAAS,YAAY;AAwBrB,IAAqB,eAArB,cAA0C,eAAe;AAAA,EAOvD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT;AACF;AAfqB,aACZ,SAAyB,CAAC,0BAAiB,2BAAQ,gCAAY;AADnD,aAGZ,eAAe;AAAA,EACpB,eAAe;AACjB;",
   "names": []
 }

package/dist/chunks/{chunk.PGRPK5CM.js → chunk.66H23HMI.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.32CPGKWW.js";
+} from "./chunk.LPZXZR3T.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.PGRPK5CM.js.map
+//# sourceMappingURL=chunk.66H23HMI.js.map

package/dist/chunks/{chunk.2YBP4WEH.js → chunk.6XA7QZZL.js}

@@ -12,10 +12,10 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/card/card.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -55,4 +55,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.2YBP4WEH.js.map
+//# sourceMappingURL=chunk.6XA7QZZL.js.map

package/dist/chunks/chunk.6XA7QZZL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.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 { property } from 'lit/decorators.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './card.styles.js';\nimport customStyles from './card.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-card--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */\nexport default class SynCard extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer', 'header', 'image');\n\n  /** Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy. */\n  @property({ type: Boolean, reflect: true }) sharp = false;\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          card: true,\n          'card--sharp': this.sharp,\n          'card--has-footer': this.hasSlotController.test('footer'),\n          'card--has-image': this.hasSlotController.test('image'),\n          'card--has-header': this.hasSlotController.test('header')\n        })}\n      >\n        <slot name=\"image\" part=\"image\" class=\"card__image\"></slot>\n        <slot name=\"header\" part=\"header\" class=\"card__header\"></slot>\n        <slot part=\"body\" class=\"card__body\"></slot>\n        <slot name=\"footer\" part=\"footer\" class=\"card__footer\"></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AA6BrB,IAAqB,UAArB,cAAqC,eAAe;AAAA,EAApD;AAAA;AAGE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,UAAU,UAAU,OAAO;AAGhD,iBAAQ;AAAA;AAAA,EAEpD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,MAAM;AAAA,MACN,eAAe,KAAK;AAAA,MACpB,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MACxD,mBAAmB,KAAK,kBAAkB,KAAK,OAAO;AAAA,MACtD,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,IAC1D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQR;AACF;AA3BqB,QACZ,SAAyB,CAAC,0BAAiB,qBAAQ,0BAAY;AAK1B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GANvB,QAMyB;",
+  "names": []
+}

package/dist/chunks/{chunk.HQ6QUSK7.js → chunk.7JGKUB4A.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/utilities/animation-registry.ts
 var defaultAnimationRegistry = /* @__PURE__ */ new Map();
@@ -44,4 +44,4 @@ export {
   setAnimation,
   getAnimation
 };
-//# sourceMappingURL=chunk.HQ6QUSK7.js.map
+//# sourceMappingURL=chunk.7JGKUB4A.js.map

package/dist/chunks/{chunk.AKBNSAMF.js → chunk.A7BSGQUQ.js}

@@ -1,9 +1,9 @@
 import {
   SynOption
-} from "./chunk.CEVNM6DM.js";
+} from "./chunk.DSM54YAD.js";
 import {
   SynPopup
-} from "./chunk.S5LABDRE.js";
+} from "./chunk.WUSN4QJH.js";
 import {
   defaultOptionRenderer
 } from "./chunk.HVVPX2VA.js";
@@ -29,45 +29,45 @@ import {
 } from "./chunk.EWVMF6KH.js";
 import {
   combobox_styles_default
-} from "./chunk.V4SIKF4X.js";
+} from "./chunk.PY4VOF4Y.js";
 import {
   FormControlController
-} from "./chunk.AMIQC3O7.js";
+} from "./chunk.HP2LEQRU.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
 import {
   animateTo,
   stopAnimations
-} from "./chunk.A3OYJILJ.js";
+} from "./chunk.G6ITZTTW.js";
 import {
   getAnimation,
   setDefaultAnimation
-} from "./chunk.HQ6QUSK7.js";
-import {
-  HasSlotController
-} from "./chunk.WVVQK5TE.js";
+} from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.U3WTJD4D.js";
+} from "./chunk.4WTEYK2Y.js";
 import {
   LocalizeController
 } from "./chunk.GIU3H3J3.js";
 import {
-  watch
-} from "./chunk.74IOULXM.js";
+  HasSlotController
+} from "./chunk.WVVQK5TE.js";
 import {
   enableDefaultSettings
-} from "./chunk.33EV4VCU.js";
+} from "./chunk.V4H475OR.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/combobox/combobox.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -858,4 +858,4 @@ setDefaultAnimation("combobox.hide", {
 export {
   SynCombobox
 };
-//# sourceMappingURL=chunk.AKBNSAMF.js.map
+//# sourceMappingURL=chunk.A7BSGQUQ.js.map

package/dist/chunks/{chunk.KITRO6XO.js → chunk.AVC4OCSZ.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.FSZIE7IO.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/divider/divider.component.ts
 import { property } from "lit/decorators.js";
@@ -43,4 +43,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.KITRO6XO.js.map
+//# sourceMappingURL=chunk.AVC4OCSZ.js.map

package/dist/chunks/{chunk.KITRO6XO.js.map → chunk.AVC4OCSZ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/divider/divider.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 { property } 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 styles from './divider.styles.js';\nimport customStyles from './divider.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://synergy.style/components/divider\n * @status stable\n * @since 2.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */\nexport default class SynDivider extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  /** Draws the divider in a vertical orientation. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n}\n"],
+  "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 { property } 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 styles from './divider.styles.js';\nimport customStyles from './divider.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Dividers are used to visually separate or group elements.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs\n * @status stable\n * @since 2.0\n *\n * @cssproperty --color - The color of the divider.\n * @cssproperty --width - The width of the divider.\n * @cssproperty --spacing - The spacing of the divider.\n */\nexport default class SynDivider extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  /** Draws the divider in a vertical orientation. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AAkBzB,IAAqB,aAArB,cAAwC,eAAe;AAAA,EAAvD;AAAA;AAI8C,oBAAW;AAAA;AAAA,EAEvD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,aAAa,QAAQ,WAAW;AAAA,EACvC;AAAA,EAGA,uBAAuB;AACrB,SAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;AAAA,EACjF;AACF;AAfqB,WACZ,SAAyB,CAAC,0BAAiB,wBAAQ,6BAAY;AAG1B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAJvB,WAIyB;AAQ5C;AAAA,EADC,MAAM,UAAU;AAAA,GAXE,WAYnB;",
   "names": []
 }

package/dist/chunks/{chunk.2LYOMDFO.js → chunk.AYAX7BG7.js}

@@ -2,7 +2,7 @@ import {
   activeElements,
   getDeepestActiveElement,
   getTabbableElements
-} from "./chunk.JCIM6NE3.js";
+} from "./chunk.G76BKD7B.js";
 
 // src/internal/modal.ts
 var activeModals = [];
@@ -117,4 +117,4 @@ var Modal = class {
 export {
   Modal
 };
-//# sourceMappingURL=chunk.2LYOMDFO.js.map
+//# sourceMappingURL=chunk.AYAX7BG7.js.map

package/dist/chunks/{chunk.ZKHYDNLC.js → chunk.B27C5RF6.js}

@@ -6,16 +6,16 @@ import {
 } from "./chunk.HVXG4JG6.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/tab-panel/tab-panel.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.ZKHYDNLC.js.map
+//# sourceMappingURL=chunk.B27C5RF6.js.map

package/dist/chunks/{chunk.ZKHYDNLC.js.map → chunk.B27C5RF6.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/tab-panel/tab-panel.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 { property } 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 styles from './tab-panel.styles.js';\nimport customStyles from './tab-panel.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\nlet id = 0;\n\n/**\n * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n * @documentation https://synergy.style/components/tab-panel\n * @status stable\n * @since 2.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */\nexport default class SynTabPanel extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly attrId = ++id;\n  private readonly componentId = `syn-tab-panel-${this.attrId}`;\n\n  /** The tab panel's name. */\n  @property({ reflect: true }) name = '';\n\n  /** When true, the tab panel will be shown. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id = this.id.length > 0 ? this.id : this.componentId;\n    this.setAttribute('role', 'tabpanel');\n  }\n\n  @watch('active')\n  handleActiveChange() {\n    this.setAttribute('aria-hidden', this.active ? 'false' : 'true');\n  }\n\n  render() {\n    return html`\n      <slot\n        part=\"base\"\n        class=${classMap({\n          'tab-panel': true,\n          'tab-panel--active': this.active\n        })}\n      ></slot>\n    `;\n  }\n}\n"],
+  "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 { property } 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 styles from './tab-panel.styles.js';\nimport customStyles from './tab-panel.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\nlet id = 0;\n\n/**\n * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-tab-panel--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */\nexport default class SynTabPanel extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly attrId = ++id;\n  private readonly componentId = `syn-tab-panel-${this.attrId}`;\n\n  /** The tab panel's name. */\n  @property({ reflect: true }) name = '';\n\n  /** When true, the tab panel will be shown. */\n  @property({ type: Boolean, reflect: true }) active = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.id = this.id.length > 0 ? this.id : this.componentId;\n    this.setAttribute('role', 'tabpanel');\n  }\n\n  @watch('active')\n  handleActiveChange() {\n    this.setAttribute('aria-hidden', this.active ? 'false' : 'true');\n  }\n\n  render() {\n    return html`\n      <slot\n        part=\"base\"\n        class=${classMap({\n          'tab-panel': true,\n          'tab-panel--active': this.active\n        })}\n      ></slot>\n    `;\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,gBAAgB;AAQzB,IAAI,KAAK;AAcT,IAAqB,cAArB,cAAyC,eAAe;AAAA,EAAxD;AAAA;AAGE,SAAiB,SAAS,EAAE;AAC5B,SAAiB,cAAc,iBAAiB,KAAK,MAAM;AAG9B,gBAAO;AAGQ,kBAAS;AAAA;AAAA,EAErD,oBAAoB;AAClB,UAAM,kBAAkB;AACxB,SAAK,KAAK,KAAK,GAAG,SAAS,IAAI,KAAK,KAAK,KAAK;AAC9C,SAAK,aAAa,QAAQ,UAAU;AAAA,EACtC;AAAA,EAGA,qBAAqB;AACnB,SAAK,aAAa,eAAe,KAAK,SAAS,UAAU,MAAM;AAAA,EACjE;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,aAAa;AAAA,MACb,qBAAqB,KAAK;AAAA,IAC5B,CAAC,CAAC;AAAA;AAAA;AAAA,EAGR;AACF;AAlCqB,YACZ,SAAyB,CAAC,0BAAiB,0BAAQ,+BAAY;AAMzC;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAPR,YAOU;AAGe;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAVvB,YAUyB;AAS5C;AAAA,EADC,MAAM,QAAQ;AAAA,GAlBI,YAmBnB;",
   "names": []
 }

package/dist/chunks/{chunk.RPIHGLAB.js → chunk.BGBML4AJ.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.SFECHRNT.js";
+} from "./chunk.VTWC6SZF.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.RPIHGLAB.js.map
+//# sourceMappingURL=chunk.BGBML4AJ.js.map

package/dist/chunks/{chunk.E257OZYA.js → chunk.BKHCRIMU.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.CVSFD3LB.js";
+} from "./chunk.K5DRZGPZ.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.E257OZYA.js.map
+//# sourceMappingURL=chunk.BKHCRIMU.js.map

package/dist/chunks/{chunk.UT46BUBN.js → chunk.BPD4SAWW.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.6EJPCDSL.js";
+} from "./chunk.PR66KI74.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.UT46BUBN.js.map
+//# sourceMappingURL=chunk.BPD4SAWW.js.map

package/dist/chunks/{chunk.Q3DVGFDB.js → chunk.BRG3RLN3.js}

@@ -1,6 +1,6 @@
 import {
   SynRangeTick
-} from "./chunk.BWZMY7HG.js";
+} from "./chunk.353K4PON.js";
 
 // src/components/range-tick/range-tick.ts
 var range_tick_default = SynRangeTick;
@@ -9,4 +9,4 @@ SynRangeTick.define("syn-range-tick");
 export {
   range_tick_default
 };
-//# sourceMappingURL=chunk.Q3DVGFDB.js.map
+//# sourceMappingURL=chunk.BRG3RLN3.js.map

package/dist/chunks/{chunk.74IOULXM.js → chunk.BVZQ6QSY.js}

@@ -1,6 +1,6 @@
 import {
   __spreadValues
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/internal/watch.ts
 function watch(propertyName, options) {
@@ -31,4 +31,4 @@ function watch(propertyName, options) {
 export {
   watch
 };
-//# sourceMappingURL=chunk.74IOULXM.js.map
+//# sourceMappingURL=chunk.BVZQ6QSY.js.map

package/dist/chunks/{chunk.IJ7VHZFK.js → chunk.CEQYPACD.js}

@@ -1,6 +1,6 @@
 import {
   nativeNumericStrategy
-} from "./chunk.UBAW2LID.js";
+} from "./chunk.RDYAIG65.js";
 
 // src/utilities/defaultSettings/base.ts
 var defaultSettings = {
@@ -72,4 +72,4 @@ export {
   defaultSettings,
   INITIAL_DEFAULT_SETTINGS
 };
-//# sourceMappingURL=chunk.IJ7VHZFK.js.map
+//# sourceMappingURL=chunk.CEQYPACD.js.map

package/dist/chunks/{chunk.J75DWM6J.js → chunk.CGP72BVA.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   watch
-} from "./chunk.74IOULXM.js";
+} from "./chunk.BVZQ6QSY.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.K3XDXZW2.js";
+} from "./chunk.NUQBPC6D.js";
 import {
   __decorateClass
-} from "./chunk.2GFK6XTO.js";
+} from "./chunk.Z4XV3SMG.js";
 
 // src/components/breadcrumb-item/breadcrumb-item.component.ts
 import { classMap } from "lit/directives/class-map.js";
@@ -120,4 +120,4 @@ __decorateClass([
 export {
   SynBreadcrumbItem
 };
-//# sourceMappingURL=chunk.J75DWM6J.js.map
+//# sourceMappingURL=chunk.CGP72BVA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb-item/breadcrumb-item.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 { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.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 styles from './breadcrumb-item.styles.js';\nimport customStyles from './breadcrumb-item.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-breadcrumb-item--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The breadcrumb item's label.\n * @slot prefix - An optional prefix, usually an icon or icon button.\n * @slot suffix - An optional suffix, usually an icon or icon button.\n * @slot separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If\n * you want to change it for all items in the group, set the separator on `<syn-breadcrumb>` instead.\n *\n * @csspart base - The component's base wrapper.\n * @csspart label - The breadcrumb item's label.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart separator - The container that wraps the separator.\n */\nexport default class SynBreadcrumbItem extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly hasSlotController = new HasSlotController(this, 'prefix', 'suffix');\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private renderType: 'button' | 'link' | 'dropdown' = 'button';\n\n  /**\n   * Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\n   * internally. When unset, a button will be rendered instead.\n   */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** The `rel` attribute to use on the link. Only used when `href` is set. */\n  @property() rel = 'noreferrer noopener';\n\n  private setRenderType() {\n    const hasDropdown =\n      this.defaultSlot.assignedElements({ flatten: true }).filter(i => i.tagName.toLowerCase() === 'syn-dropdown')\n        .length > 0;\n\n    if (this.href) {\n      this.renderType = 'link';\n      return;\n    }\n\n    if (hasDropdown) {\n      this.renderType = 'dropdown';\n      return;\n    }\n\n    this.renderType = 'button';\n  }\n\n  @watch('href', { waitUntilFirstUpdate: true })\n  hrefChanged() {\n    this.setRenderType();\n  }\n\n  handleSlotChange() {\n    this.setRenderType();\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          'breadcrumb-item': true,\n          'breadcrumb-item--has-prefix': this.hasSlotController.test('prefix'),\n          'breadcrumb-item--has-suffix': this.hasSlotController.test('suffix')\n        })}\n      >\n        <span part=\"prefix\" class=\"breadcrumb-item__prefix\">\n          <slot name=\"prefix\"></slot>\n        </span>\n\n        ${this.renderType === 'link'\n          ? html`\n              <a\n                part=\"label\"\n                class=\"breadcrumb-item__label breadcrumb-item__label--link\"\n                href=\"${this.href!}\"\n                target=\"${ifDefined(this.target ? this.target : undefined)}\"\n                rel=${ifDefined(this.target ? this.rel : undefined)}\n              >\n                <slot @slotchange=${this.handleSlotChange}></slot>\n              </a>\n            `\n          : ''}\n        ${this.renderType === 'button'\n          ? html`\n              <button part=\"label\" type=\"button\" class=\"breadcrumb-item__label breadcrumb-item__label--button\">\n                <slot @slotchange=${this.handleSlotChange}></slot>\n              </button>\n            `\n          : ''}\n        ${this.renderType === 'dropdown'\n          ? html`\n              <div part=\"label\" class=\"breadcrumb-item__label breadcrumb-item__label--drop-down\">\n                <slot @slotchange=${this.handleSlotChange}></slot>\n              </div>\n            `\n          : ''}\n\n        <span part=\"suffix\" class=\"breadcrumb-item__suffix\">\n          <slot name=\"suffix\"></slot>\n        </span>\n\n        <span part=\"separator\" class=\"breadcrumb-item__separator\" aria-hidden=\"true\">\n          <slot name=\"separator\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,OAAO,aAAa;AA0BvC,IAAqB,oBAArB,cAA+C,eAAe;AAAA,EAA9D;AAAA;AAGE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,UAAU,QAAQ;AAI1E,SAAQ,aAA6C;AAYlD,eAAM;AAAA;AAAA,EAEV,gBAAgB;AACtB,UAAM,cACJ,KAAK,YAAY,iBAAiB,EAAE,SAAS,KAAK,CAAC,EAAE,OAAO,OAAK,EAAE,QAAQ,YAAY,MAAM,cAAc,EACxG,SAAS;AAEd,QAAI,KAAK,MAAM;AACb,WAAK,aAAa;AAClB;AAAA,IACF;AAEA,QAAI,aAAa;AACf,WAAK,aAAa;AAClB;AAAA,IACF;AAEA,SAAK,aAAa;AAAA,EACpB;AAAA,EAGA,cAAc;AACZ,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,mBAAmB;AACjB,SAAK,cAAc;AAAA,EACrB;AAAA,EAEA,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,mBAAmB;AAAA,MACnB,+BAA+B,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MACnE,+BAA+B,KAAK,kBAAkB,KAAK,QAAQ;AAAA,IACrE,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMA,KAAK,eAAe,SAClB;AAAA;AAAA;AAAA;AAAA,wBAIY,KAAK,IAAK;AAAA,0BACR,UAAU,KAAK,SAAS,KAAK,SAAS,MAAS,CAAC;AAAA,sBACpD,UAAU,KAAK,SAAS,KAAK,MAAM,MAAS,CAAC;AAAA;AAAA,oCAE/B,KAAK,gBAAgB;AAAA;AAAA,gBAG7C,EAAE;AAAA,UACJ,KAAK,eAAe,WAClB;AAAA;AAAA,oCAEwB,KAAK,gBAAgB;AAAA;AAAA,gBAG7C,EAAE;AAAA,UACJ,KAAK,eAAe,aAClB;AAAA;AAAA,oCAEwB,KAAK,gBAAgB;AAAA;AAAA,gBAG7C,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ;AACF;AApGqB,kBACZ,SAAyB,CAAC,0BAAiB,gCAAQ,qCAAY;AAI3C;AAAA,EAA1B,MAAM,kBAAkB;AAAA,GALN,kBAKQ;AAEV;AAAA,EAAhB,MAAM;AAAA,GAPY,kBAOF;AAML;AAAA,EAAX,SAAS;AAAA,GAbS,kBAaP;AAGA;AAAA,EAAX,SAAS;AAAA,GAhBS,kBAgBP;AAGA;AAAA,EAAX,SAAS;AAAA,GAnBS,kBAmBP;AAqBZ;AAAA,EADC,MAAM,QAAQ,EAAE,sBAAsB,KAAK,CAAC;AAAA,GAvC1B,kBAwCnB;",
+  "names": []
+}