@synergy-design-system/components 2.18.3 → 2.18.5

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   validate_default
-} from "./chunks/chunk.TKYPZLDB.js";
+} from "./chunks/chunk.U2AD3HCH.js";
 import {
   getFormControls,
   serialize
@@ -8,214 +8,214 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   textarea_default
-} from "./chunks/chunk.E35FTVIV.js";
+} from "./chunks/chunk.GM4NUIIN.js";
 import {
   tooltip_default
-} from "./chunks/chunk.ACSFTMHO.js";
-import "./chunks/chunk.EKHXUEHP.js";
-import "./chunks/chunk.YTV24S6K.js";
+} from "./chunks/chunk.R3PUCUMY.js";
+import "./chunks/chunk.WXHJLPTU.js";
+import "./chunks/chunk.35KOXBIM.js";
 import "./chunks/chunk.MVM3NN6Y.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.NZSHVH5W.js";
+} from "./chunks/chunk.AIIBCNDY.js";
 import {
   tag_default
-} from "./chunks/chunk.PUA2CXJQ.js";
-import "./chunks/chunk.PZ5P6CRH.js";
+} from "./chunks/chunk.FJMPKDDM.js";
+import "./chunks/chunk.YQUO6VHZ.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.FQWBH6B3.js";
 import {
   tab_default
-} from "./chunks/chunk.R3SW2QPL.js";
+} from "./chunks/chunk.7WGOR33F.js";
 import {
   tab_group_default
-} from "./chunks/chunk.5EJJ4HPN.js";
-import "./chunks/chunk.AZ74B7GT.js";
+} from "./chunks/chunk.HYBANFJV.js";
+import "./chunks/chunk.VJLJ5L6B.js";
 import "./chunks/chunk.XOXVVU5C.js";
 import "./chunks/chunk.PKYC7QF3.js";
-import "./chunks/chunk.Z32I2MED.js";
+import "./chunks/chunk.YJZOX4R6.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   spinner_default
-} from "./chunks/chunk.NPAWMX6J.js";
+} from "./chunks/chunk.BP4TXS3C.js";
 import {
   switch_default
-} from "./chunks/chunk.2JFC7A7O.js";
-import "./chunks/chunk.2UUXPQAJ.js";
+} from "./chunks/chunk.EYVTUZJF.js";
+import "./chunks/chunk.Q3AAD3GT.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import "./chunks/chunk.4TB35TYG.js";
-import "./chunks/chunk.7ECZOJFH.js";
+import "./chunks/chunk.3JYIKNEZ.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.43YNZAWL.js";
 import {
   select_default
-} from "./chunks/chunk.DG55JAEC.js";
+} from "./chunks/chunk.2TFQCWMY.js";
 import {
   side_nav_default
-} from "./chunks/chunk.P5LNXSJY.js";
-import "./chunks/chunk.U4L545D3.js";
+} from "./chunks/chunk.HNBH6VSN.js";
+import "./chunks/chunk.LKVOBC7K.js";
 import "./chunks/chunk.H3HTSQKK.js";
 import {
   range_tick_default
-} from "./chunks/chunk.ZOOMH22T.js";
-import "./chunks/chunk.3QNLVKJZ.js";
+} from "./chunks/chunk.XUJI3JG6.js";
+import "./chunks/chunk.GI4V6OSA.js";
 import "./chunks/chunk.I6YARDHH.js";
-import "./chunks/chunk.SL5HBIYE.js";
+import "./chunks/chunk.BT3H7NRL.js";
 import "./chunks/chunk.OI3HOOCT.js";
-import "./chunks/chunk.P75TSBUO.js";
-import "./chunks/chunk.DUZDCAGA.js";
+import "./chunks/chunk.CKH3LBPT.js";
+import "./chunks/chunk.PCHFZYAH.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.EP5OMFR7.js";
+} from "./chunks/chunk.EVR34RWT.js";
 import {
   radio_group_default
-} from "./chunks/chunk.MT7VLWGH.js";
-import "./chunks/chunk.CHQKFHW5.js";
+} from "./chunks/chunk.M5MVI36P.js";
+import "./chunks/chunk.EDLMZUKT.js";
 import "./chunks/chunk.32LFHSM5.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.TRBW2J7L.js";
-import "./chunks/chunk.2RGKAXTH.js";
-import "./chunks/chunk.RRZYZF4T.js";
+} from "./chunks/chunk.RPZ35XIU.js";
+import "./chunks/chunk.QZZ7K7J4.js";
+import "./chunks/chunk.NGS4I7A7.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.236RSW67.js";
 import "./chunks/chunk.VFEILTOM.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.F4O5IZAY.js";
+} from "./chunks/chunk.67BRVWER.js";
 import {
   radio_default
-} from "./chunks/chunk.TJVZY5EC.js";
-import "./chunks/chunk.7G6HKYYQ.js";
+} from "./chunks/chunk.LVU4QE66.js";
+import "./chunks/chunk.4OIPO5OH.js";
 import "./chunks/chunk.UUB3PWNM.js";
 import "./chunks/chunk.EHSNF4SS.js";
-import "./chunks/chunk.3YZQIM5Q.js";
+import "./chunks/chunk.LRLGP2KX.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.KI7XMVMK.js";
+} from "./chunks/chunk.MDJ5U3VM.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.JJVCBJGQ.js";
-import "./chunks/chunk.IRQCFKDM.js";
+} from "./chunks/chunk.XFCNRZPE.js";
+import "./chunks/chunk.FFX2ZDV4.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.4VR453FW.js";
+import "./chunks/chunk.7AEOU77Z.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import {
   option_default
-} from "./chunks/chunk.U6OJKBA2.js";
+} from "./chunks/chunk.UT7OYGKG.js";
 import {
   popup_default
-} from "./chunks/chunk.FUTSYMUB.js";
-import "./chunks/chunk.RFKDMAWB.js";
+} from "./chunks/chunk.KPAPXCKU.js";
+import "./chunks/chunk.QWFBF22D.js";
 import "./chunks/chunk.OJ3N7TWP.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.4OSK3JKV.js";
-import "./chunks/chunk.VLB2BOXH.js";
+} from "./chunks/chunk.WVPCT65Q.js";
+import "./chunks/chunk.YVGW3RT6.js";
 import "./chunks/chunk.SHCZO4KK.js";
 import {
   optgroup_default
-} from "./chunks/chunk.4NL3R2B7.js";
-import "./chunks/chunk.SB4MI5YV.js";
+} from "./chunks/chunk.M2N4FGZX.js";
+import "./chunks/chunk.NPRLLDWT.js";
 import "./chunks/chunk.MJ7R4QQT.js";
 import {
   menu_item_default
-} from "./chunks/chunk.FR3KJ2Z5.js";
+} from "./chunks/chunk.LCPFGWTG.js";
 import {
   menu_label_default
-} from "./chunks/chunk.OFCAUUE2.js";
-import "./chunks/chunk.THGN4WF3.js";
+} from "./chunks/chunk.SRVDFYW2.js";
+import "./chunks/chunk.MHITWMRZ.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.3UOUNHNC.js";
+} from "./chunks/chunk.EPCEWT6Z.js";
 import {
   menu_default
-} from "./chunks/chunk.7ZDYQ4IK.js";
-import "./chunks/chunk.YQTHSEIQ.js";
+} from "./chunks/chunk.VTFF45ES.js";
+import "./chunks/chunk.3FVOIP6C.js";
 import "./chunks/chunk.AVZITCPQ.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.NKIHJSJR.js";
+import "./chunks/chunk.IEPUYAM2.js";
 import "./chunks/chunk.R24T7WQN.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.V4HPWQE7.js";
 import {
   icon_button_default
-} from "./chunks/chunk.EESZFFLB.js";
-import "./chunks/chunk.3GOXXJ3W.js";
+} from "./chunks/chunk.USLXLTS3.js";
+import "./chunks/chunk.R7WILZHH.js";
 import "./chunks/chunk.VKRMYKYH.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.B6V6ODVS.js";
+} from "./chunks/chunk.JAYHDFIC.js";
 import {
   header_default
-} from "./chunks/chunk.LKM5BZV3.js";
-import "./chunks/chunk.ADBAE5PG.js";
+} from "./chunks/chunk.5SCJD5WU.js";
+import "./chunks/chunk.4IACBWUH.js";
 import "./chunks/chunk.66LQF6IO.js";
 import {
   icon_default
-} from "./chunks/chunk.6S657CF4.js";
+} from "./chunks/chunk.YS5HJTNN.js";
 import {
   drawer_default
-} from "./chunks/chunk.HIOUXF7Y.js";
+} from "./chunks/chunk.4BIIVEJE.js";
 import {
   dropdown_default
-} from "./chunks/chunk.5F74PQSL.js";
-import "./chunks/chunk.MLD64LB7.js";
+} from "./chunks/chunk.O6RT2A5C.js";
+import "./chunks/chunk.MA77XZD5.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.TNR7VIVI.js";
+import "./chunks/chunk.7NCAU4SG.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.ITM7DR67.js";
+} from "./chunks/chunk.R7N3CY3V.js";
 import {
   divider_default
-} from "./chunks/chunk.DHTR4Z27.js";
-import "./chunks/chunk.QDOSR73K.js";
+} from "./chunks/chunk.DC4STZUN.js";
+import "./chunks/chunk.E6RHBVFN.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.JF7A7LWI.js";
+import "./chunks/chunk.B7ZZ6VMD.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.4MPXVQD5.js";
-import "./chunks/chunk.I7MLJK34.js";
+} from "./chunks/chunk.JR5XPIKY.js";
+import "./chunks/chunk.7UWDCL2E.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.ZE3WB5XF.js";
+import "./chunks/chunk.AKLEIA25.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.MKZX4357.js";
-import "./chunks/chunk.HH4KD73L.js";
+} from "./chunks/chunk.7PFCOCUL.js";
+import "./chunks/chunk.5QJ7AXZI.js";
 import "./chunks/chunk.6IRAPT75.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.IM6WUONZ.js";
-import "./chunks/chunk.SWI7SWQR.js";
-import "./chunks/chunk.TWR53H3F.js";
+} from "./chunks/chunk.3MLXBSBW.js";
+import "./chunks/chunk.7BJR35V2.js";
+import "./chunks/chunk.YZQ6KAJW.js";
 import "./chunks/chunk.IJQ7XW3N.js";
 import "./chunks/chunk.IVM3BGRH.js";
-import "./chunks/chunk.BKO4YPNX.js";
+import "./chunks/chunk.3ZSI2XBM.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -230,29 +230,29 @@ import "./chunks/chunk.QC7X32ZP.js";
 import "./chunks/chunk.V4SIKF4X.js";
 import {
   button_default
-} from "./chunks/chunk.RTZ6ZLQ3.js";
+} from "./chunks/chunk.ZHAHZBVB.js";
 import {
   button_group_default
-} from "./chunks/chunk.JRZG7B3R.js";
-import "./chunks/chunk.TLIORUI5.js";
+} from "./chunks/chunk.SN4SU5TH.js";
+import "./chunks/chunk.AI7XMKEG.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.VRC7O72N.js";
-import "./chunks/chunk.4AGBOHXN.js";
+} from "./chunks/chunk.TITZNCI3.js";
+import "./chunks/chunk.KYQPST22.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.4YZDW6ZX.js";
+} from "./chunks/chunk.D4UOWE7I.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.R46YDHQ4.js";
-import "./chunks/chunk.7RYIOHXV.js";
+} from "./chunks/chunk.OUYOEIYC.js";
+import "./chunks/chunk.Q3LU224X.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.DAHYVCO6.js";
-import "./chunks/chunk.XDRWVI2Y.js";
+import "./chunks/chunk.2G7ZPZAK.js";
+import "./chunks/chunk.DEYAJXTS.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.AMIQC3O7.js";
@@ -260,30 +260,30 @@ import "./chunks/chunk.5EGFFSLN.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
   alert_default
-} from "./chunks/chunk.WYTATWPZ.js";
+} from "./chunks/chunk.CB4EM6XI.js";
 import {
   badge_default
-} from "./chunks/chunk.3IQMSLKE.js";
-import "./chunks/chunk.MNMFR52B.js";
+} from "./chunks/chunk.JYBADF4D.js";
+import "./chunks/chunk.PSETXBW3.js";
 import "./chunks/chunk.J6CGTLVH.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.EY4AD3DF.js";
+import "./chunks/chunk.S2BIDZND.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
   accordion_default
-} from "./chunks/chunk.BV2ANNK7.js";
-import "./chunks/chunk.YA2EDDRV.js";
+} from "./chunks/chunk.64R5IDA3.js";
+import "./chunks/chunk.YLUQRS4Q.js";
 import "./chunks/chunk.WNUZ6LH4.js";
-import "./chunks/chunk.PITIQ7LR.js";
-import "./chunks/chunk.OJM2PHFA.js";
+import "./chunks/chunk.6R7YON3X.js";
+import "./chunks/chunk.3VU4IPRN.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.JVOTEKQO.js";
+import "./chunks/chunk.HGRW3JIF.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -300,7 +300,7 @@ import {
 } from "./chunks/chunk.234ERFCE.js";
 import "./chunks/chunk.74IOULXM.js";
 import "./chunks/chunk.NLYVOJGK.js";
-import "./chunks/chunk.3TXEZC4F.js";
+import "./chunks/chunk.TCUZ4C2D.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.IFXKIEOU.js";
 import "./chunks/chunk.2GFK6XTO.js";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.18.3",
+  "version": "2.18.5",
   "description": "",
   "repository": {
     "type": "git",
@@ -97,9 +97,9 @@
     "unist-util-visit": "^5.0.0",
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0",
+    "@synergy-design-system/stylelint-config-syn": "0.1.0",
     "@synergy-design-system/tokens": "2.17.0",
-    "@synergy-design-system/stylelint-config-syn": "0.1.0"
+    "@synergy-design-system/eslint-config-syn": "0.1.0"
   },
   "release": {
     "branches": [

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/validate/validate.component.ts"],
-  "sourcesContent": ["import type { CSSResultGroup } from 'lit';\nimport { html } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport { watch } from '../../internal/watch.js';\nimport SynAlert from '../alert/alert.component.js';\nimport {\n  getEventNameForElement,\n  isBlurEvent,\n  isInvalidEvent,\n  normalizeEventAttribute,\n} from './utility.js';\nimport styles from './validate.styles.js';\n\n/**\n * @summary Validate provides form field validation messages in a unified way.\n * It does this by using [the native browser validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n * and showing the validation message in a consistent, user defined way.\n *\n * @dependency syn-alert\n *\n * @slot - The form field that should be validated.\n * Avoid slotting in more than one element, as subsequent ones will be ignored.\n *\n * @csspart base - The component's base wrapper.\n * @csspart input-wrapper - The container that wraps the form field.\n * @csspart alert - The syn-alert that is shown when the variant is set to \"inline\".\n * @csspart alert__base - The container that wraps the alert.\n * @csspart alert__message - The container that wraps the alert message.\n * @csspart alert__icon - The container that wraps the alert icon.\n */\nexport default class SynValidate extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles];\n\n  static dependencies = {\n    'syn-alert': SynAlert,\n  };\n\n  controller = new AbortController();\n\n  @queryAssignedElements() private slottedChildren: HTMLElement[];\n\n  @state() validationMessage = '';\n\n  @state() eagerFirstMount = true;\n\n  @state() isInternalTriggeredInvalid = false;\n\n  @state() isValid = true;\n\n  /**\n   * The variant that should be used to show validation alerts.\n   *\n   * The following variants are supported:\n   * - **native** (default): Uses the native browser validation, usually a browser tooltip.\n   * - **inline**: Show the validation message underneath the element, using a `<syn-alert>`\n   */\n  @property({ reflect: true }) variant: 'native' | 'inline' = 'native';\n\n  /** Do not show the error icon when using the inline variant validation */\n  @property({ attribute: 'hide-icon', reflect: true, type: Boolean }) hideIcon = false;\n\n  /**\n   * Defines the events that trigger the validation.\n   * `invalid` will always automatically be included.\n   * You may also use the `live` keyword to validate on every input change.\n   * `live` will make sure to listen to the `invalid`, `input` and `blur` events.\n   *\n   * Please have a look at the [documentation for native form validation](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation)\n   * and [the use of form invalid events](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event) for further information.\n   *\n   * @example ```html\n   * <!-- Validate on invalid and change events (invalid, change) -->\n   * <syn-validate on=\"invalid change\"></syn-validate>\n   *\n   * <!-- Validate on live events (invalid, blur, input)-->\n   * <syn-validate on=\"live\"></syn-validate>\n   *\n   * <!-- Validate on live and custom events (invalid, blur, input, focus, change) -->\n   * <syn-validate on=\"live focus change\"></syn-validate>\n   * ```\n   */\n  @property({ reflect: true }) on: string = '';\n\n  /**\n   * Custom validation message to be displayed when the input is invalid.\n   * Will override the default browser validation message.\n   * Set to an empty string to reset the validation message.\n   */\n  @property({ attribute: 'custom-validation-message', type: String }) customValidationMessage = '';\n\n  /**\n   * Set this to true to validate the input immediately when it is rendered.\n   * Best used with a `variant` of `inline`.\n   * When setting eager, the input will not be focused automatically.\n   *\n   * When using a `variant` of `native` the browser will focus\n   * the last eager field as it is using a tooltip.\n   * In this case it is better to just provide one eager field.\n   */\n  @property({ type: Boolean }) eager = false;\n\n  // Automatically refresh all event listeners when the on property changes.\n  @watch('on', { waitUntilFirstUpdate: true })\n  handleListenerChange() {\n    this.updateEvents();\n  }\n\n  @watch('eager', { waitUntilFirstUpdate: false })\n  async handleEagerChange() {\n    if (this.eager) {\n      const input = this.getInput();\n      await this.updateComplete;\n      input?.reportValidity();\n      this.eagerFirstMount = true;\n    } else {\n      this.eagerFirstMount = false;\n    }\n  }\n\n  // Synchronize the validation message on the wrapped input with the custom message\n  @watch('customValidationMessage', { waitUntilFirstUpdate: true })\n  handleCustomValidationMessageChange() {\n    const input = this.getInput();\n    if (input) {\n      this.setCustomValidationMessage(input);\n      this.setValidationMessage(input);\n    }\n  }\n\n  /**\n   * Returns the validity state of the input component.\n   * `true` for valid and `false` for invalid.\n   */\n  getValidity() {\n    return this.isValid;\n  }\n\n  /**\n   * Get the input element to validate. Defined as the first slotted element\n   * @returns The input element or undefined if not found\n   */\n  private getInput() {\n    const input = this.slottedChildren[0];\n    return input ? input as HTMLInputElement : undefined;\n  }\n\n  /**\n   * Get the event names to listen for.\n   * If the input is a synergy element, will use syn- prefixes.\n   * @returns The event names to listen for\n   */\n  // eslint-disable-next-line complexity\n  private getUsedEventNames() {\n    const input = this.getInput();\n\n    // If there is no input, skip before doing any harm\n    if (!input) {\n      return [];\n    }\n\n    // Make sure to always use an array of events\n    // This is needed because on may be a special value like \"live\"\n    const on = normalizeEventAttribute(this.on);\n\n    // Filter makes sure to remove empty values, e.g.\n    // <syn-validate on=\"\"></syn-validate>\n    const [...events] = on.filter(Boolean);\n\n    // Make sure to always have an invalid event\n    if (!events.includes('invalid')) {\n      events.push('invalid');\n    }\n\n    // Special handling for the live keyword:\n    // live always means on input and blur\n    if (events.includes('live')) {\n      events.push('input');\n      events.push('blur');\n    }\n\n    // Make sure to remove duplicated events and the live property\n    // and map the events to the correct event names\n    return Array.from(new Set(\n      events\n        .filter(e => e !== 'live')\n        .map(e => getEventNameForElement(input, e)),\n    ));\n  }\n\n  /**\n   * Update the events on the input element.\n   */\n  private updateEvents() {\n    this.controller.abort();\n    this.controller = new AbortController();\n    const input = this.getInput();\n\n    if (!input) {\n      return;\n    }\n\n    const events = this.getUsedEventNames();\n    events.forEach(eventName => {\n      input.addEventListener(eventName, this.validate, {\n        capture: isInvalidEvent(eventName),\n        signal: this.controller.signal,\n      });\n    });\n\n    // If the change event is not included,\n    // make sure to attach a custom listener that resets the validation message\n    // This is needed as the custom message may be set on change\n    const usedChangeEvent = getEventNameForElement(input, 'change');\n    if (!events.includes(usedChangeEvent)) {\n      input.addEventListener(usedChangeEvent, this.internalRevalidate, {\n        signal: this.controller.signal,\n      });\n    }\n  }\n\n  private setValidationMessage(input: HTMLInputElement) {\n    const { customValidationMessage } = this;\n    const validationMessage = customValidationMessage || input.validationMessage;\n    this.validationMessage = validationMessage;\n  }\n\n  /**\n   * Set the custom validation message to the input. This will make sure to either:\n   * - use the custom message if one is set or\n   * - use the default message if the custom message is empty\n   */\n  private setCustomValidationMessage(input: HTMLInputElement) {\n    // Set the custom validation message on the input only once, when the customValidationMessage\n    // is changed. Otherwise there could be problems with `variant=\"native\"` and `on=\"live\"` or\n    //  `on=\"blur\"`, because the browser popup will never disappear even if clicking somewhere else.\n    input.setCustomValidity(this.customValidationMessage);\n  }\n\n  /**\n   * Set the validation message from the input element\n   * @param e The event that was received\n   */\n  private internalRevalidate = (e: Event) => {\n    const input = e.currentTarget as HTMLInputElement;\n    if (input.validity?.valid) {\n      this.validationMessage = '';\n    }\n  };\n\n  /**\n   * Handle the blur event during validation\n   */\n  // eslint-disable-next-line class-methods-use-this\n  private handleFocus(input: HTMLInputElement) {\n    const activeElement = document.activeElement! as HTMLInputElement;\n    const activeElementIsWrapped = activeElement.closest('syn-validate');\n\n    if (!activeElement.validity?.valid && activeElementIsWrapped) {\n      // The active element is invalid do not scroll\n      return;\n    }\n\n    input.scrollIntoView({ block: 'nearest' });\n    input.focus();\n  }\n\n  /**\n   * Triggers a validation run, showing the validation message if needed.\n   */\n  // eslint-disable-next-line complexity\n  private validate = (e: Event) => {\n    // Make sure to stop the validate component from going into an endless cycle of triggering\n    if (isInvalidEvent(e.type) && this.variant === 'native' && this.isInternalTriggeredInvalid === true) {\n      this.isInternalTriggeredInvalid = false;\n      return;\n    }\n\n    // Make sure to always prevent the invalid event when not using native validation\n    if (isInvalidEvent(e.type) && this.variant !== 'native') {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const input = e.currentTarget as HTMLInputElement;\n    this.isValid = input.validity?.valid;\n\n    // When we are using eager, make sure to skip focus on the first mount\n    if (this.eager && this.eagerFirstMount) {\n      this.eagerFirstMount = false;\n      this.setValidationMessage(input);\n      return;\n    }\n\n    // If the active element that has focus is placed in a validate component,\n    // make sure to not loose focus.\n    if (!this.isValid && !isBlurEvent(e.type)) {\n      this.handleFocus(input);\n    }\n\n    this.setValidationMessage(input);\n\n    // Trigger reportValidity when using native validation, so the browser popup is also shown\n    // for other events than `invalid`. All events except the blur event, should trigger this.\n    if (!isBlurEvent(e.type) && this.variant === 'native') {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.updateComplete.then(() => {\n        this.isInternalTriggeredInvalid = true;\n        input.reportValidity();\n      });\n    }\n  };\n\n  async firstUpdated() {\n    this.updateEvents();\n\n    // Make sure to run validation on mount if eager is set\n    if (this.eager) {\n      const input = this.getInput();\n      await this.updateComplete;\n      this.isValid = input?.validity?.valid ?? false;\n      input?.reportValidity();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.controller.abort();\n  }\n\n  private renderInlineValidation() {\n    if (this.variant !== 'inline' || !this.validationMessage) {\n      return '';\n    }\n\n    return html`\n      <syn-alert\n        open\n        exportparts=\"base:alert__base,message:alert__message,icon:alert__icon\"\n        part=\"alert\"\n        variant=\"danger\"\n      >\n        ${!this.hideIcon\n          ? html`<syn-icon slot=\"icon\" name=\"error\" library=\"system\"></syn-icon>`\n          : ''\n        }\n        ${this.validationMessage}\n      </syn-alert>\n    `;\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"validate\"\n        part=\"base\"\n      >\n        <slot\n          class=\"validate__input-wrapper\"\n          part=\"input-wrapper\"\n        ></slot>\n        \n        ${this.renderInlineValidation()}\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}