@synergy-design-system/components 2.73.0 → 2.74.1

package/dist/chunks/{chunk.GQTFJIMV.js → chunk.GZFAOJZX.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.EFSUQWJZ.js";
 import {
   SynNavItem
-} from "./chunk.IEA6FO3D.js";
+} from "./chunk.OL27A5AB.js";
 import {
   SynDivider
-} from "./chunk.L6SPUHJC.js";
+} from "./chunk.CUX2KT6G.js";
 import {
   SynDrawer
-} from "./chunk.LRHGJ6L5.js";
+} from "./chunk.EBWQTRRI.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,22 +26,22 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q4YWD2X6.js";
+} from "./chunk.UFWMHXX3.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.HYFCK7MM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.GQTFJIMV.js.map
+//# sourceMappingURL=chunk.GZFAOJZX.js.map

package/dist/chunks/{chunk.KYGDIQ5N.js → chunk.H4BCDC3O.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.IXLV4ZB3.js";
+} from "./chunk.XER7V5WG.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.KYGDIQ5N.js.map
+//# sourceMappingURL=chunk.H4BCDC3O.js.map

package/dist/chunks/{chunk.AHT6TPFK.js → chunk.HW4CUGNK.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.ES2CV7ME.js";
+} from "./chunk.2CHFE6YR.js";
 
 // src/components/tab-group/tab-group.ts
 var tab_group_default = SynTabGroup;
@@ -9,4 +9,4 @@ SynTabGroup.define("syn-tab-group");
 export {
   tab_group_default
 };
-//# sourceMappingURL=chunk.AHT6TPFK.js.map
+//# sourceMappingURL=chunk.HW4CUGNK.js.map

package/dist/chunks/{chunk.E5UUNP6E.js → chunk.HYFCK7MM.js}

@@ -2,7 +2,7 @@ import {
   addGlobalEventNotification,
   extractDefaultSettingsForElement,
   removeGlobalEventNotification
-} from "./chunk.HC4N72MX.js";
+} from "./chunk.C4JMEKUF.js";
 import {
   __privateAdd,
   __privateGet,
@@ -83,4 +83,4 @@ function enableDefaultSettings(name) {
 export {
   enableDefaultSettings
 };
-//# sourceMappingURL=chunk.E5UUNP6E.js.map
+//# sourceMappingURL=chunk.HYFCK7MM.js.map

package/dist/chunks/{chunk.GPT77P4Z.js → chunk.IH4DMLOB.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.3JMUCVZH.js";
+} from "./chunk.ZXTLQK2A.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.GPT77P4Z.js.map
+//# sourceMappingURL=chunk.IH4DMLOB.js.map

package/dist/chunks/{chunk.UZK44DY3.js → chunk.K2ALUSIU.js}

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

package/dist/chunks/{chunk.7TAY4YHN.js → chunk.KQLALINS.js}

@@ -1,6 +1,6 @@
 import {
   SynCard
-} from "./chunk.VW5DBFGP.js";
+} from "./chunk.RCJ52OQX.js";
 
 // src/components/card/card.ts
 var card_default = SynCard;
@@ -9,4 +9,4 @@ SynCard.define("syn-card");
 export {
   card_default
 };
-//# sourceMappingURL=chunk.7TAY4YHN.js.map
+//# sourceMappingURL=chunk.KQLALINS.js.map

package/dist/chunks/{chunk.GQ4IRFVL.js → chunk.KVPUKDL2.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.WSRQ5GP4.js";
+} from "./chunk.FA2IOVVT.js";
 import {
   range_styles_default
 } from "./chunk.BXXVSZMC.js";
@@ -29,13 +29,13 @@ import {
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+} from "./chunk.HYFCK7MM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -716,4 +716,4 @@ SynRange = __decorateClass([
 export {
   SynRange
 };
-//# sourceMappingURL=chunk.GQ4IRFVL.js.map
+//# sourceMappingURL=chunk.KVPUKDL2.js.map

package/dist/chunks/{chunk.PXNNJTOT.js → chunk.L2ZM5HAU.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.WSRQ5GP4.js";
+} from "./chunk.FA2IOVVT.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.PXNNJTOT.js.map
+//# sourceMappingURL=chunk.L2ZM5HAU.js.map

package/dist/chunks/{chunk.TV4GZH7P.js → chunk.LGURWDRL.js}

@@ -1,6 +1,6 @@
 import {
   SynDetails
-} from "./chunk.W2WK5T3G.js";
+} from "./chunk.R354ZH2W.js";
 
 // src/components/details/details.ts
 var details_default = SynDetails;
@@ -9,4 +9,4 @@ SynDetails.define("syn-details");
 export {
   details_default
 };
-//# sourceMappingURL=chunk.TV4GZH7P.js.map
+//# sourceMappingURL=chunk.LGURWDRL.js.map

package/dist/chunks/{chunk.FCBPZVHF.js → chunk.LH7PWSJJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.FNE4UZQR.js";
+} from "./chunk.23UHYTVZ.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -19,26 +19,26 @@ import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
-  LocalizeController
-} from "./chunk.OAQRCZOO.js";
+  alert_custom_styles_default
+} from "./chunk.4GYLPSAW.js";
 import {
-  enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+  alert_styles_default
+} from "./chunk.BXY667C7.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
+import {
+  LocalizeController
+} from "./chunk.OAQRCZOO.js";
+import {
+  enableDefaultSettings
+} from "./chunk.HYFCK7MM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
-import {
-  alert_custom_styles_default
-} from "./chunk.MX72UPWV.js";
-import {
-  alert_styles_default
-} from "./chunk.BXY667C7.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -56,6 +56,7 @@ var SynAlert = class extends SynergyElement {
     this.closable = false;
     this.variant = "primary";
     this.duration = Infinity;
+    this.size = "medium";
     this.remainingTime = this.duration;
   }
   static get toastStack() {
@@ -189,6 +190,9 @@ var SynAlert = class extends SynergyElement {
         class=${classMap({
       alert: true,
       "alert--open": this.open,
+      "alert--small": this.size === "small",
+      "alert--medium": this.size === "medium",
+      "alert--large": this.size === "large",
       "alert--closable": this.closable,
       "alert--has-icon": this.hasSlotController.test("icon"),
       "alert--primary": this.variant === "primary",
@@ -258,6 +262,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], SynAlert.prototype, "duration", 2);
+__decorateClass([
+  property({ reflect: true })
+], SynAlert.prototype, "size", 2);
 __decorateClass([
   state()
 ], SynAlert.prototype, "remainingTime", 2);
@@ -288,4 +295,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.FCBPZVHF.js.map
+//# sourceMappingURL=chunk.LH7PWSJJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/alert/alert.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 { animateTo, stopAnimations } from '../../internal/animate.js';\nimport { blurActiveElement } from '../../internal/closeActiveElement.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { waitForEvent } from '../../internal/event.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIconButton from '../icon-button/icon-button.component.js';\nimport styles from './alert.styles.js';\nimport customStyles from './alert.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Alerts are used to display important messages inline or as toast notifications.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-alert--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon-button\n *\n * @slot - The alert's main content.\n * @slot icon - An icon to show in the alert. Works best with `<syn-icon>`.\n *\n * @event syn-show - Emitted when the alert opens.\n * @event syn-after-show - Emitted after the alert opens and all animations are complete.\n * @event syn-hide - Emitted when the alert closes.\n * @event syn-after-hide - Emitted after the alert closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart icon - The container that wraps the optional icon.\n * @csspart message - The container that wraps the alert's main content.\n * @csspart close-button - The close button, an `<syn-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n *\n * @animation alert.show - The animation to use when showing the alert.\n * @animation alert.hide - The animation to use when hiding the alert.\n */\n@enableDefaultSettings('SynAlert')\nexport default class SynAlert extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n  static dependencies = { 'syn-icon-button': SynIconButton };\n\n  private autoHideTimeout: number;\n  private remainingTimeInterval: number;\n  private countdownAnimation?: Animation;\n  private readonly hasSlotController = new HasSlotController(this, 'icon', 'suffix');\n  private readonly localize = new LocalizeController(this);\n\n  private static currentToastStack: HTMLDivElement;\n\n  private static get toastStack() {\n    if (!this.currentToastStack) {\n      this.currentToastStack = Object.assign(document.createElement('div'), {\n        className: 'syn-toast-stack'\n      });\n    }\n    return this.currentToastStack;\n  }\n\n  @query('[part~=\"base\"]') base: HTMLElement;\n\n  @query('.alert__countdown-elapsed') countdownElement: HTMLElement;\n\n  /**\n   * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\n   * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** Enables a close button that allows the user to dismiss the alert. */\n  @property({ type: Boolean, reflect: true }) closable = false;\n\n  /** The alert's theme variant. */\n  @property({ reflect: true }) variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' = 'primary';\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\n   * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\n   * the alert will not close on its own.\n   */\n  @property({ type: Number }) duration = Infinity;\n\n  /** The alert's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Enables a countdown that indicates the remaining time the alert will be displayed.\n   * Typically used to indicate the remaining time before a whole app refresh.\n   */\n  private countdown? : 'rtl' | 'ltr';\n\n  @state() private remainingTime = this.duration;\n\n  firstUpdated() {\n    this.base.hidden = !this.open;\n  }\n\n  private restartAutoHide() {\n    this.handleCountdownChange();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.duration);\n      this.remainingTime = this.duration;\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n    }\n  }\n\n  private pauseAutoHide() {\n    this.countdownAnimation?.pause();\n    clearTimeout(this.autoHideTimeout);\n    clearInterval(this.remainingTimeInterval);\n  }\n\n  private resumeAutoHide() {\n    if (this.duration < Infinity) {\n      this.autoHideTimeout = window.setTimeout(() => this.hide(), this.remainingTime);\n      this.remainingTimeInterval = window.setInterval(() => {\n        this.remainingTime -= 100;\n      }, 100);\n      this.countdownAnimation?.play();\n    }\n  }\n\n  private handleCountdownChange() {\n    if (this.open && this.duration < Infinity && this.countdown) {\n      const { countdownElement } = this;\n      const start = '100%';\n      const end = '0';\n      this.countdownAnimation = countdownElement.animate([{ width: start }, { width: end }], {\n        duration: this.duration,\n        easing: 'linear'\n      });\n    }\n  }\n\n  private handleCloseClick() {\n    this.hide();\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      // Show\n      this.emit('syn-show');\n\n      if (this.duration < Infinity) {\n        this.restartAutoHide();\n      }\n\n      await stopAnimations(this.base);\n      this.base.hidden = false;\n      const { keyframes, options } = getAnimation(this, 'alert.show', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n\n      this.emit('syn-after-show');\n    } else {\n      // Hide\n      blurActiveElement(this);\n      this.emit('syn-hide');\n\n      clearTimeout(this.autoHideTimeout);\n      clearInterval(this.remainingTimeInterval);\n\n      await stopAnimations(this.base);\n      const { keyframes, options } = getAnimation(this, 'alert.hide', { dir: this.localize.dir() });\n      await animateTo(this.base, keyframes, options);\n      this.base.hidden = true;\n\n      this.emit('syn-after-hide');\n    }\n  }\n\n  @watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Shows the alert. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'syn-after-show');\n  }\n\n  /** Hides the alert */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'syn-after-hide');\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   */\n  async toast() {\n    return new Promise<void>(resolve => {\n      this.handleCountdownChange();\n      if (SynAlert.toastStack.parentElement === null) {\n        document.body.append(SynAlert.toastStack);\n      }\n\n      SynAlert.toastStack.appendChild(this);\n\n      // Wait for the toast stack to render\n      requestAnimationFrame(() => {\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- force a reflow for the initial transition\n        this.clientWidth;\n        this.show();\n      });\n\n      this.addEventListener(\n        'syn-after-hide',\n        () => {\n          SynAlert.toastStack.removeChild(this);\n          resolve();\n\n          // Remove the toast stack from the DOM when there are no more alerts\n          if (SynAlert.toastStack.querySelector('syn-alert') === null) {\n            SynAlert.toastStack.remove();\n          }\n        },\n        { once: true }\n      );\n    });\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          alert: true,\n          'alert--open': this.open,\n          'alert--small': this.size === 'small',\n          'alert--medium': this.size === 'medium',\n          'alert--large': this.size === 'large',\n          'alert--closable': this.closable,\n          'alert--has-icon': this.hasSlotController.test('icon'),\n          'alert--primary': this.variant === 'primary',\n          'alert--success': this.variant === 'success',\n          'alert--neutral': this.variant === 'neutral',\n          'alert--warning': this.variant === 'warning',\n          'alert--danger': this.variant === 'danger'\n        })}\n        role=\"alert\"\n        aria-hidden=${this.open ? 'false' : 'true'}\n        @mouseenter=${this.pauseAutoHide}\n        @mouseleave=${this.resumeAutoHide}\n      >\n        <div part=\"icon\" class=\"alert__icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n\n        <div part=\"message\" class=\"alert__message\" aria-live=\"polite\">\n          <slot></slot>\n        </div>\n\n        ${this.closable\n          ? html`\n              <syn-icon-button\n                part=\"close-button\"\n                exportparts=\"base:close-button__base\"\n                class=\"alert__close-button\"\n                name=\"x-lg\"\n                library=\"system\"\n                label=${this.localize.term('close')}\n                @click=${this.handleCloseClick}\n              ></syn-icon-button>\n            `\n          : ''}\n\n        <div role=\"timer\" class=\"alert__timer\">${this.remainingTime}</div>\n\n        ${this.countdown\n          ? html`\n              <div\n                class=${classMap({\n                  alert__countdown: true,\n                  'alert__countdown--ltr': this.countdown === 'ltr'\n                })}\n              >\n                <div class=\"alert__countdown-elapsed\"></div>\n              </div>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\nsetDefaultAnimation('alert.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('alert.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 }\n  ],\n  options: { duration: 250, easing: 'ease' }\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.6IMHOEF7.js → chunk.MADBRX3Q.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.6IMHOEF7.js.map
+//# sourceMappingURL=chunk.MADBRX3Q.js.map

package/dist/chunks/{chunk.RHHP7G34.js → chunk.MGWZVSDA.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.6OZQYFEA.js";
+} from "./chunk.G6UIT5MN.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.RHHP7G34.js.map
+//# sourceMappingURL=chunk.MGWZVSDA.js.map

package/dist/chunks/{chunk.EB3LQEID.js → chunk.MNRWGZWD.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.JN4NHGHU.js";
+} from "./chunk.UYJSU27F.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.EB3LQEID.js.map
+//# sourceMappingURL=chunk.MNRWGZWD.js.map

package/dist/chunks/{chunk.S7BMHTCB.js → chunk.NAW4BO5M.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.5NDPD5HQ.js";
+} from "./chunk.AHUFCJJ4.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.S7BMHTCB.js.map
+//# sourceMappingURL=chunk.NAW4BO5M.js.map

package/dist/chunks/{chunk.AWAMMUVW.js → chunk.NCHBG2AH.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.FLJJUPTJ.js";
+} from "./chunk.F4Q7QJ2H.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.AWAMMUVW.js.map
+//# sourceMappingURL=chunk.NCHBG2AH.js.map

package/dist/chunks/{chunk.VV75GM3K.js → chunk.NGYRRKFC.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.UC4I66RJ.js";
+} from "./chunk.FNJ4TR7I.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.VV75GM3K.js.map
+//# sourceMappingURL=chunk.NGYRRKFC.js.map

package/dist/chunks/{chunk.47OCXPC2.js → chunk.O5PX6RXL.js}

@@ -1,6 +1,6 @@
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 
 // src/components/validate/utility.ts
 var WhitelistedSynergyFormEventNames = [
@@ -16,21 +16,32 @@ var isEventOfType = (eventName, type) => eventName.includes(type);
 var isBlurEvent = (eventName) => isEventOfType(eventName, "blur");
 var isChangeEvent = (eventName) => isEventOfType(eventName, "change");
 var isInvalidEvent = (eventName) => isEventOfType(eventName, "invalid");
+var isSynergyElement = (element) => element instanceof SynergyElement;
 var normalizeEventAttribute = (events = "") => events.split(" ").map((s) => s.trim()).filter(Boolean);
 var getEventNameForElement = (element, eventName) => {
   const sanitizedEventName = eventName.trim();
-  const isSynergyElement = element instanceof SynergyElement;
-  if (!isSynergyElement) {
+  const elementIsSynergyElement = isSynergyElement(element);
+  if (!elementIsSynergyElement) {
     return sanitizedEventName;
   }
   return WhitelistedSynergyFormEventNames.includes(sanitizedEventName) ? `syn-${sanitizedEventName}` : sanitizedEventName;
 };
+var alertSizeForInput = (element) => {
+  if (!isSynergyElement(element)) {
+    return void 0;
+  }
+  const { size } = element;
+  const hasSize = size !== void 0 && size !== null;
+  return hasSize ? size : void 0;
+};
 
 export {
   isBlurEvent,
   isChangeEvent,
   isInvalidEvent,
+  isSynergyElement,
   normalizeEventAttribute,
-  getEventNameForElement
+  getEventNameForElement,
+  alertSizeForInput
 };
-//# sourceMappingURL=chunk.47OCXPC2.js.map
+//# sourceMappingURL=chunk.O5PX6RXL.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/validate/utility.ts"],
+  "sourcesContent": ["import SynergyElement from '../../internal/synergy-element.js';\nimport type SynInput from '../input/input.component.js';\n\n/**\n * @var WhitelistedSynergyFormEventNames A list of all the event names that should be transformed\n * This is needed to allow the automatic transformation of events to synergy events,\n * but only for those synergy needs (e.g. we do not want to transform click to syn-click).\n */\nconst WhitelistedSynergyFormEventNames = [\n  'blur',\n  'change',\n  'clear',\n  'focus',\n  'invalid',\n  'input',\n  'move',\n];\n\n/**\n * Low level interface to check for event type\n * @param eventName The event name to check\n * @param type The type to check\n * @returns True if the event name is of the provided type, false otherwise\n */\nconst isEventOfType = (eventName: string, type: string) => eventName.includes(type);\n\n/**\n * Check if the provided event name is a blur event\n * @param eventName The event name to check\n */\nexport const isBlurEvent = (eventName: string) => isEventOfType(eventName, 'blur');\n\n/**\n * Check if the provided event name is a change event\n * @param eventName The event name to check\n */\nexport const isChangeEvent = (eventName: string) => isEventOfType(eventName, 'change');\n\n/**\n * Check if the provided event is an invalid event\n * @param eventName The event name to check\n */\nexport const isInvalidEvent = (eventName: string) => isEventOfType(eventName, 'invalid');\n\n/**\n * Check if the provided element is a synergy element\n * @param element The element to check for\n * @returns True if the element is a synergy element, false otherwise\n */\nexport const isSynergyElement = (element?: HTMLElement) => element instanceof SynergyElement;\n\n/**\n * Get a list of event names from the provided attribute string\n * @param events The events string\n * @returns an array of events\n */\nexport const normalizeEventAttribute = (events: string = '') => events\n  .split(' ')\n  .map(s => s.trim())\n  .filter(Boolean);\n\n/**\n * Get the event name for the provided element\n * @param element The element to get the event name for\n * @param eventName The event name to get\n */\nexport const getEventNameForElement = (element: HTMLElement, eventName: string) => {\n  const sanitizedEventName = eventName.trim();\n  const elementIsSynergyElement = isSynergyElement(element);\n\n  if (!elementIsSynergyElement) {\n    return sanitizedEventName;\n  }\n\n  return WhitelistedSynergyFormEventNames.includes(sanitizedEventName)\n    ? `syn-${sanitizedEventName}`\n    : sanitizedEventName;\n};\n\n/**\n * Check the size that the alert should use based on the provided element\n * @param element The html element to check for\n * @returns The size that the alert should use\n */\nexport const alertSizeForInput = (element?: HTMLElement) => {\n  // Don\u00B4t set alert size if we are not dealing with a synergy element\n  if (!isSynergyElement(element)) {\n    return undefined;\n  }\n\n  const { size } = element as SynInput;\n  const hasSize = size !== undefined && size !== null;\n  return hasSize ? size : undefined;\n};\n"],
+  "mappings": ";;;;;AAQA,IAAM,mCAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAQA,IAAM,gBAAgB,CAAC,WAAmB,SAAiB,UAAU,SAAS,IAAI;AAM3E,IAAM,cAAc,CAAC,cAAsB,cAAc,WAAW,MAAM;AAM1E,IAAM,gBAAgB,CAAC,cAAsB,cAAc,WAAW,QAAQ;AAM9E,IAAM,iBAAiB,CAAC,cAAsB,cAAc,WAAW,SAAS;AAOhF,IAAM,mBAAmB,CAAC,YAA0B,mBAAmB;AAOvE,IAAM,0BAA0B,CAAC,SAAiB,OAAO,OAC7D,MAAM,GAAG,EACT,IAAI,OAAK,EAAE,KAAK,CAAC,EACjB,OAAO,OAAO;AAOV,IAAM,yBAAyB,CAAC,SAAsB,cAAsB;AACjF,QAAM,qBAAqB,UAAU,KAAK;AAC1C,QAAM,0BAA0B,iBAAiB,OAAO;AAExD,MAAI,CAAC,yBAAyB;AAC5B,WAAO;AAAA,EACT;AAEA,SAAO,iCAAiC,SAAS,kBAAkB,IAC/D,OAAO,kBAAkB,KACzB;AACN;AAOO,IAAM,oBAAoB,CAAC,YAA0B;AAE1D,MAAI,CAAC,iBAAiB,OAAO,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,KAAK,IAAI;AACjB,QAAM,UAAU,SAAS,UAAa,SAAS;AAC/C,SAAO,UAAU,OAAO;AAC1B;",
+  "names": []
+}

package/dist/chunks/{chunk.3ZQI775Q.js → chunk.O64XMQBD.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.AVIIZWKY.js";
+} from "./chunk.GTQVARLT.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.3ZQI775Q.js.map
+//# sourceMappingURL=chunk.O64XMQBD.js.map

package/dist/chunks/{chunk.CIIVORI3.js → chunk.OILGDI6F.js}

@@ -6,19 +6,19 @@ import {
 } from "./chunk.6EPU7YUS.js";
 import {
   SynIconButton
-} from "./chunk.FNE4UZQR.js";
+} from "./chunk.23UHYTVZ.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
+} from "./chunk.HYFCK7MM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -84,4 +84,4 @@ SynTag = __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.CIIVORI3.js.map
+//# sourceMappingURL=chunk.OILGDI6F.js.map

package/dist/chunks/{chunk.YZ4Z63CZ.js → chunk.OIPB4JNU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.YZ4Z63CZ.js.map
+//# sourceMappingURL=chunk.OIPB4JNU.js.map

package/dist/chunks/{chunk.XANL2ZJ5.js → chunk.OJ3CKV3L.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.IEA6FO3D.js";
+} from "./chunk.OL27A5AB.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.XANL2ZJ5.js.map
+//# sourceMappingURL=chunk.OJ3CKV3L.js.map

package/dist/chunks/{chunk.IEA6FO3D.js → chunk.OL27A5AB.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.M74YQZ5G.js";
 import {
   SynDivider
-} from "./chunk.L6SPUHJC.js";
+} from "./chunk.CUX2KT6G.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.Q4YWD2X6.js";
+} from "./chunk.UFWMHXX3.js";
 import {
   watch
 } from "./chunk.BVZQ6QSY.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -353,4 +353,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.IEA6FO3D.js.map
+//# sourceMappingURL=chunk.OL27A5AB.js.map

package/dist/chunks/{chunk.J26JMFV5.js → chunk.PVNMN3PX.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.FNE4UZQR.js";
+} from "./chunk.23UHYTVZ.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.J26JMFV5.js.map
+//# sourceMappingURL=chunk.PVNMN3PX.js.map

package/dist/chunks/{chunk.EQE67QRQ.js → chunk.QTBECE3Q.js}

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

package/dist/chunks/{chunk.W2WK5T3G.js → chunk.R354ZH2W.js}

@@ -18,22 +18,22 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.Q4YWD2X6.js";
+} from "./chunk.UFWMHXX3.js";
+import {
+  watch
+} from "./chunk.BVZQ6QSY.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
 import {
   enableDefaultSettings
-} from "./chunk.E5UUNP6E.js";
-import {
-  watch
-} from "./chunk.BVZQ6QSY.js";
+} from "./chunk.HYFCK7MM.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.FJREQCBR.js";
+} from "./chunk.TPVPME5H.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.W2WK5T3G.js.map
+//# sourceMappingURL=chunk.R354ZH2W.js.map