@synergy-design-system/components 2.34.1 → 2.34.3

package/dist/chunks/{chunk.KSJUZOAD.js → chunk.N5UGGMZW.js}

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

package/dist/chunks/{chunk.XTVU6VQN.js → chunk.NTIF5YSD.js}

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

package/dist/chunks/{chunk.EEFFF2A7.js → chunk.OIX7J54N.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk.X6GR6IA2.js";
 import {
   SynDivider
-} from "./chunk.2XX6SFQ5.js";
+} from "./chunk.2G2TZYAH.js";
 import {
   component_styles_default
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -34,4 +34,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.EEFFF2A7.js.map
+//# sourceMappingURL=chunk.OIX7J54N.js.map

package/dist/chunks/{chunk.DMGQ5T2E.js → chunk.OVG7HHM7.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.2XX6SFQ5.js";
+} from "./chunk.2G2TZYAH.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.DMGQ5T2E.js.map
+//# sourceMappingURL=chunk.OVG7HHM7.js.map

package/dist/chunks/{chunk.EXZYR3T3.js → chunk.OYNQMDVC.js}

@@ -1,6 +1,6 @@
 import {
   SynValidate
-} from "./chunk.64OFMDUX.js";
+} from "./chunk.DXMK3TIC.js";
 
 // src/components/validate/validate.ts
 var validate_default = SynValidate;
@@ -9,4 +9,4 @@ SynValidate.define("syn-validate");
 export {
   validate_default
 };
-//# sourceMappingURL=chunk.EXZYR3T3.js.map
+//# sourceMappingURL=chunk.OYNQMDVC.js.map

package/dist/chunks/{chunk.Q36RPRGD.js → chunk.P3ED6GAO.js}

@@ -1,6 +1,6 @@
 import {
   SynSideNav
-} from "./chunk.RVVJTFTB.js";
+} from "./chunk.SZRZJWOC.js";
 
 // src/components/side-nav/side-nav.ts
 var side_nav_default = SynSideNav;
@@ -9,4 +9,4 @@ SynSideNav.define("syn-side-nav");
 export {
   side_nav_default
 };
-//# sourceMappingURL=chunk.Q36RPRGD.js.map
+//# sourceMappingURL=chunk.P3ED6GAO.js.map

package/dist/chunks/{chunk.I623O6FW.js → chunk.PGAX27B4.js}

@@ -1,6 +1,6 @@
 import {
   SynCombobox
-} from "./chunk.AP4KC3JT.js";
+} from "./chunk.EFEG4C6T.js";
 
 // src/components/combobox/combobox.ts
 var combobox_default = SynCombobox;
@@ -9,4 +9,4 @@ SynCombobox.define("syn-combobox");
 export {
   combobox_default
 };
-//# sourceMappingURL=chunk.I623O6FW.js.map
+//# sourceMappingURL=chunk.PGAX27B4.js.map

package/dist/chunks/{chunk.DPG7NUCH.js → chunk.PL33EXE6.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.DPG7NUCH.js.map
+//# sourceMappingURL=chunk.PL33EXE6.js.map

package/dist/chunks/{chunk.KB7RWXL4.js → chunk.PUNC7R7P.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.CRUS67IK.js";
+} from "./chunk.6NMFQDPU.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.KB7RWXL4.js.map
+//# sourceMappingURL=chunk.PUNC7R7P.js.map

package/dist/chunks/{chunk.IHCHZVU5.js → chunk.QMT4YB3F.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.IHCHZVU5.js.map
+//# sourceMappingURL=chunk.QMT4YB3F.js.map

package/dist/chunks/{chunk.JYFP6XJD.js → chunk.QWA3NJP6.js}

@@ -1,6 +1,6 @@
 import {
   SynAlert
-} from "./chunk.3YW7TQIE.js";
+} from "./chunk.SZQGHBJG.js";
 
 // src/components/alert/alert.ts
 var alert_default = SynAlert;
@@ -9,4 +9,4 @@ SynAlert.define("syn-alert");
 export {
   alert_default
 };
-//# sourceMappingURL=chunk.JYFP6XJD.js.map
+//# sourceMappingURL=chunk.QWA3NJP6.js.map

package/dist/chunks/{chunk.XTJQBJLQ.js → chunk.RBK7RPPB.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.EEFFF2A7.js";
+} from "./chunk.OIX7J54N.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.XTJQBJLQ.js.map
+//# sourceMappingURL=chunk.RBK7RPPB.js.map

package/dist/chunks/{chunk.HFEYFVWS.js → chunk.RERDCLF4.js}

@@ -1,6 +1,6 @@
 import {
   SynTabGroup
-} from "./chunk.LFJCDNK6.js";
+} from "./chunk.GO3TKIQN.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.HFEYFVWS.js.map
+//# sourceMappingURL=chunk.RERDCLF4.js.map

package/dist/chunks/{chunk.PE2HMW7O.js → chunk.RHWNNCIC.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.S22BO5SF.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -91,4 +91,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.PE2HMW7O.js.map
+//# sourceMappingURL=chunk.RHWNNCIC.js.map

package/dist/chunks/{chunk.RHDBTEIF.js → chunk.RONHI775.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.FQRV2GAE.js";
+} from "./chunk.XHXNZ52M.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.RHDBTEIF.js.map
+//# sourceMappingURL=chunk.RONHI775.js.map

package/dist/chunks/{chunk.4GYB4CL6.js → chunk.RUP47S5X.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.NFXT5LNY.js";
 import {
   SynDivider
-} from "./chunk.2XX6SFQ5.js";
+} from "./chunk.2G2TZYAH.js";
 import {
   defaultValue
 } from "./chunk.3NXKLKWH.js";
@@ -25,7 +25,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -45,7 +45,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -265,7 +265,7 @@ var SynInput = class extends SynergyElement {
       return false;
     }
     const min = typeof this.min === "string" ? parseFloat(this.min) : this.min;
-    return this.valueAsNumber <= min;
+    return parseFloat(this.value) <= min;
   }
   isIncrementDisabled() {
     if (this.disabled || this.readonly) {
@@ -275,7 +275,7 @@ var SynInput = class extends SynergyElement {
       return false;
     }
     const max = typeof this.max === "string" ? parseFloat(this.max) : this.max;
-    return this.valueAsNumber >= max;
+    return parseFloat(this.value) >= max;
   }
   handleNumericStrategyAutoClamp() {
     const {
@@ -859,4 +859,4 @@ SynInput = __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.4GYB4CL6.js.map
+//# sourceMappingURL=chunk.RUP47S5X.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/input/input.component.ts", "../../src/internal/longpress.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 { defaultValue } from '../../internal/default-value.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport { watch } from '../../internal/watch.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport formControlCustomStyles from '../../styles/form-control.custom.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynIcon from '../icon/icon.component.js';\nimport SynDivider from '../divider/divider.component.js';\nimport { longPress } from '../../internal/longpress.js';\nimport styles from './input.styles.js';\nimport customStyles from './input.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport {\n  type NumericStrategy,\n  createNumericStrategy,\n  nativeNumericStrategy,\n  modernNumericStrategy,\n} from './strategies.js';\nimport { formatNumber } from './formatter.js';\nimport type { SynClampDetails } from '../../events/syn-clamp.js';\nimport { enableDefaultSettings } from '../../utilities/defaultSettings/decorator.js';\n\n/**\n * @summary Inputs collect data from the user.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-input--docs\n * @status stable\n * @since 2.0\n *\n * @dependency syn-icon\n * @dependency syn-divider\n *\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the input.\n * @slot suffix - Used to append a presentational icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n * @slot increment-number-stepper - An icon to use in lieu of the default increment number stepper icon.\n * @slot decrement-number-stepper - An icon to use in lieu of the default decrement number stepper icon.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-clear - Emitted when the clear button is activated.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives input.\n * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @event syn-clamp - Emitted if the numeric strategy allows autoClamp and the value is clamped to the min or max attribute.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart input - The internal `<input>` control.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart clear-button - The clear button.\n * @csspart password-toggle-button - The password toggle button.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart stepper - The container that wraps the number stepper.\n * @csspart decrement-number-stepper - The decrement number stepper button.\n * @csspart increment-number-stepper - The increment number stepper button.\n * @csspart divider - The divider between the increment and decrement number stepper buttons.\n *\n * @cssproperty --syn-input-autofill-shadow - The shadow to apply when the input is autofilled.\n * @cssproperty --syn-input-autofill-readonly-shadow - The shadow to apply when the input is readonly and autofilled.\n * @cssproperty --syn-input-autofill-text-fill-color - The text fill color to apply when the input is autofilled.\n * @cssproperty --syn-input-autofill-caret-color - The caret color to apply when the input is autofilled.\n */\n@enableDefaultSettings('SynInput')\nexport default class SynInput extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [componentStyles, formControlStyles, styles, formControlCustomStyles, customStyles];\n  static dependencies = {\n\t\t'syn-icon': SynIcon,\n\t\t'syn-divider': SynDivider\n\t};\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['syn-blur', 'syn-input']\n  });\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix');\n  private readonly localize = new LocalizeController(this);\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property({ reflect: true }) title = ''; // make reactive to pass through\n\n  private __numberInput = Object.assign(document.createElement('input'), { type: 'number' });\n  private __dateInput = Object.assign(document.createElement('input'), { type: 'date' });\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle = false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible = false;\n\n  /** Hides the increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string;\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the input. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false')\n    }\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /**\n   * Optional options that should be passed to the `NumberFormatter` when formatting the value.\n   * This is used to format the number when the input type is `number`.\n   * Note this can only be set via `property`, not as an `attribute`!\n   */\n  @property({\n    attribute: false,\n    reflect: false,\n    type: Object,\n  }) numberFormatterOptions: Intl.NumberFormatOptions;\n\n  /**\n   * The minimal amount of fraction digits to use for numeric values.\n   * Used to format the number when the input type is `number`.\n   */\n  @property({\n    attribute: 'min-fraction-digits',\n    type: Number,\n  }) minFractionDigits: number;\n\n  /**\n   * The maximal amount of fraction digits to use for numeric values.\n   * Used to format the number when the input type is `number`.\n   */\n  @property({\n    attribute: 'max-fraction-digits',\n    type: Number,\n  }) maxFractionDigits: number;\n\n  #numericStrategy: NumericStrategy = nativeNumericStrategy;\n\n  /**\n   * Defines the strategy for handling numbers in the numeric input.\n   * This is used to determine how the input behaves when the user interacts with it.\n   *\n   * Includes the following configuration options:\n   *\n   * - **autoClamp**: If true, the input will clamp the value to the min and max attributes.\n   * - **noStepAlign**: If true, the input will not align the value to the step attribute.\n   * - **noStepValidation**: If true, the input will not validate the value against the step attribute.\n   * \n   * You may provide this as one of the following values:\n   *\n   * - 'native': Uses the native browser implementation.\n   * - 'modern': Uses a more intuitive implementation:\n   *   - Values are clamped to the nearest min or max value.\n   *   - Stepping is inclusive to the provided min and max values.\n   *   - Provided stepping is no longer used in validation.\n   * - An object that matches the `NumericStrategy` type. Note this can only be set via `property`, not as an `attribute`!\n   */\n  @property({\n    attribute: 'numeric-strategy',\n    converter: {\n      fromAttribute: (value) => {\n        return value === 'modern'\n          ? modernNumericStrategy\n          : nativeNumericStrategy;\n      },\n    },\n    type: Object,\n  })\n  set numericStrategy(value: 'native' | 'modern' | Partial<NumericStrategy>) {\n    switch (typeof value) {\n      case 'string': this.#numericStrategy = value === 'modern' ? modernNumericStrategy : nativeNumericStrategy; break;\n      case 'object': this.#numericStrategy = createNumericStrategy(value); break;\n      default: this.#numericStrategy = nativeNumericStrategy;\n    }\n  }\n\n  /**\n   * @default nativeNumericStrategy\n   * @todo: This must be changed to \"modern\" in Synergy@3\n   */\n  get numericStrategy(): 'native' | 'modern' | Partial<NumericStrategy> {\n    return this.#numericStrategy;\n  }\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n  /**\n   * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type=\"{{type}}\">` implementation and may result in an error.\n   */\n  get valueAsDate() {\n    this.__dateInput.type = this.type;\n    this.__dateInput.value = this.value;\n    return this.input?.valueAsDate || this.__dateInput.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    this.__dateInput.type = this.type;\n    this.__dateInput.valueAsDate = newValue;\n    this.value = this.__dateInput.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    this.__numberInput.value = this.value;\n    return this.input?.valueAsNumber || this.__numberInput.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    this.__numberInput.valueAsNumber = newValue;\n    this.value = this.__numberInput.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.formControlController.updateValidity();\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('syn-blur');\n  }\n\n  private handleStep(){\n    this.handleInput();\n    this.input.focus();\n  }\n\n  private handleStepUp() {\n    this.stepUp();\n    this.handleStep();\n  }\n\n  private handleStepDown() {\n    this.stepDown();\n    this.handleStep();\n  }\n  \n  private isDecrementDisabled() {\n    if(this.disabled || this.readonly) {\n      return true;\n    }\n\n    if (this.min === undefined || this.min === null) {\n      return false;\n    }\n\n    const min = typeof this.min === 'string' ? parseFloat(this.min) : this.min;\n\n    // #872: Use value instead of valueAsNumber as valueAsNumber is drawn from the hidden input\n    // that is not yet updated in the current render cycle.\n    return parseFloat(this.value) <= min;\n  }\n\n  private isIncrementDisabled() {\n    if(this.disabled || this.readonly) {\n      return true;\n    }\n\n    if (this.max === undefined || this.max === null) {\n      return false;\n    }\n\n    const max = typeof this.max === 'string' ? parseFloat(this.max) : this.max;\n\n    // #872: Use value instead of valueAsNumber as valueAsNumber is drawn from the hidden input\n    // that is not yet updated in the current render cycle.\n    return parseFloat(this.value) >= max;\n  }\n\n  \n  private handleNumericStrategyAutoClamp() {\n    const {\n      valueAsNumber,\n      max: initialMax,\n      min: initialMin,\n    } = this;\n\n    // Exit early if there should be no clamping\n    if (!this.#numericStrategy.autoClamp) {\n      return {\n        eventObj: null,\n        shouldClamp: false,\n        nextValue: valueAsNumber,\n      }\n    }\n\n    const min = typeof initialMin === 'string' ? parseFloat(initialMin) : initialMin;\n    const max = typeof initialMax === 'string' ? parseFloat(initialMax) : initialMax;\n\n    let nextValue = valueAsNumber;\n    let clampEvent = '';\n    if (nextValue < min) {\n      nextValue = min;\n      clampEvent = 'min';\n    } else if (nextValue > max) {\n      nextValue = max;\n      clampEvent = 'max';\n    }\n\n    const eventObj = clampEvent ? {\n      detail: {\n        clampedTo: clampEvent as SynClampDetails['clampedTo'],\n        lastUserValue: valueAsNumber,\n      },\n    } : null;\n\n    return {\n      eventObj,\n      shouldClamp: !!eventObj,\n      nextValue,\n    };\n  }\n\n  private handleChange() {\n    if (this.type === 'number' && (this.#isNumberFormattingEnabled() || this.#numericStrategy.autoClamp)) {\n      const { eventObj, shouldClamp, nextValue } = this.handleNumericStrategyAutoClamp();\n      let initialNextValue = this.#numericStrategy.autoClamp ? nextValue : this.valueAsNumber;\n\n      // Make sure to flag non numeric values as invalid\n      if (isNaN(initialNextValue)) {\n        // Make sure to set the value to the min or max value if the input is empty\n        // If neither min nor max are set, we set the value to 0\n        const { max, min } = this;\n\n        if (max !== undefined && max !== null) {\n          initialNextValue = typeof max === 'string' ? parseFloat(max) : +max;\n        } else if (min !== undefined && min !== null) {\n          initialNextValue = typeof min === 'string' ? parseFloat(min) : +min;\n        } else {\n          initialNextValue = 0;\n        }\n      }\n\n      this.value = this.#isNumberFormattingEnabled()\n        ? this.#formatNumber(initialNextValue)\n        : initialNextValue.toString();\n\n      // Make sure to wait for the updateComplete to be done before updating the validity\n      // and firing events. This is needed because valueAsNumber is not updated yet when the event is fired\n      this.updateComplete.then(() => {\n\n        if (shouldClamp && eventObj) {\n          this.emit('syn-clamp', eventObj);\n        }\n\n        this.formControlController.updateValidity();\n        this.emit('syn-change');\n      });\n      return;\n    }\n    this.value = this.input.value;\n    this.emit('syn-change');\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    event.preventDefault();\n\n    if (this.value !== '') {\n      this.value = '';\n      this.emit('syn-clear');\n      this.emit('syn-input');\n      this.emit('syn-change');\n    }\n\n    this.input.focus();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('syn-focus');\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    this.emit('syn-input');\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.#numericStrategy.noStepAlign && this.type === 'number') {\n      const { key } = event;\n      if (key === 'ArrowUp' || key === 'ArrowDown') {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (key === 'ArrowUp') {\n          this.handleStepUp();\n        } else if (key === 'ArrowDown') {\n          this.handleStepDown();\n        }\n        this.handleChange();\n        return;\n      }\n    }\n    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n        // See https://github.com/shoelace-style/shoelace/pull/988\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If the numericStrategy has noStepValidation set, skip this as the inputs step will always set to \"any\".\n    if (this.#numericStrategy.noStepValidation) {\n      return;\n    }\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n  ) {\n    const selectionStart = start ?? this.input.selectionStart!;\n    const selectionEnd = end ?? this.input.selectionEnd!;\n\n    this.input.setRangeText(replacement, selectionStart, selectionEnd, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  showPicker() {\n    if ('showPicker' in HTMLInputElement.prototype) {\n      this.input.showPicker();\n    }\n  }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    if (this.#numericStrategy.noStepAlign) {\n      const { max, step, valueAsNumber } = this;\n\n      // Needed because the input could be empty. In this case, valueAsNumber is NaN\n      const usedInitialValue = Number.isNaN(valueAsNumber) ? 0 : valueAsNumber;\n      const usedMin = typeof this.min === 'string' ? parseFloat(this.min) : this.min;\n      const usedMax = typeof max === 'string' ? parseFloat(max) : max;\n      const usedStep = (typeof step === 'undefined' || step === null || step === 'any') ? 1 : typeof step === 'number' ? step : parseFloat(step);\n\n      let wantedNextValue = usedInitialValue + usedStep;\n\n      if (typeof usedMax === 'number' && usedMax < wantedNextValue) {\n        wantedNextValue = usedMax;\n      } else if (typeof usedMin === 'number' && usedMin > wantedNextValue) {\n        wantedNextValue = usedMin;\n      }\n\n      const finalStringValue = this.#isNumberFormattingEnabled()\n        ? this.#formatNumber(wantedNextValue)\n        : wantedNextValue.toString();\n\n      this.input.value = finalStringValue;\n\n      if (this.value !== this.input.value) {\n        this.value = this.input.value;\n      }\n      return;\n    }\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    if (this.#numericStrategy.noStepAlign) {\n      const { min, max, step, valueAsNumber } = this;\n\n      // Needed because the input could be empty. In this case, valueAsNumber is NaN\n      const usedInitialValue = Number.isNaN(valueAsNumber) ? 0 : valueAsNumber;\n      const usedMin = typeof min === 'string' ? parseFloat(min) : min;\n      const usedMax = typeof max === 'string' ? parseFloat(max) : max;\n      const usedStep = (typeof step === 'undefined' || step === null || step === 'any') ? 1 : typeof step === 'number' ? step : parseFloat(step);\n\n      let wantedNextValue = usedInitialValue - usedStep;\n      \n      if (typeof usedMin === 'number' && usedMin > wantedNextValue) {\n        wantedNextValue = usedMin;\n      } else if (typeof usedMax === 'number' && usedMax < wantedNextValue) {\n        wantedNextValue = usedMax;\n      }\n\n      const finalStringValue = this.#isNumberFormattingEnabled()\n        ? this.#formatNumber(wantedNextValue)\n        : wantedNextValue.toString();\n\n      this.input.value = finalStringValue;\n\n      if (this.value !== this.input.value) {\n        this.value = this.input.value;\n      }\n      return;\n    }\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  #formatNumber(value: number) {\n    return formatNumber(value, this.step, {\n      maximumFractionDigits: this.maxFractionDigits,\n      minimumFractionDigits: this.minFractionDigits,\n      ...this.numberFormatterOptions,\n    });\n  }\n\n  #isNumberFormattingEnabled() {\n    const {\n      numberFormatterOptions,\n      maxFractionDigits,\n      minFractionDigits,\n      step,\n    } = this;\n\n    const hasMaxFractionDigits = typeof maxFractionDigits !== 'undefined' && !Number.isNaN(maxFractionDigits);\n    const hasMinFractionDigits = typeof minFractionDigits !== 'undefined' && !Number.isNaN(minFractionDigits);\n\n    // Easy checks first: If we have a min or max fraction digit, proceed\n    if (hasMaxFractionDigits || hasMinFractionDigits) {\n      return true;\n    }\n    \n    // Check if there are any options that where provided via formatter options\n    if (typeof numberFormatterOptions === 'object') {\n      return true;\n    }\n\n    // As a last fallback, see if the step has a decimal value\n    // If it has, we should format according to the steps amount of fraction digits\n    const stepToUse = step === 'any' || !step ? 1 : +step;\n    const stepFractionDigits = stepToUse.toString().split('.')[1]?.length || 0;\n\n    return stepFractionDigits > 0;\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasPrefixSlot = this.hasSlotController.test('prefix');\n    const hasSuffixSlot = this.hasSlotController.test('suffix');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n    const hasClearIcon = this.clearable && !this.disabled && !this.readonly;\n    const isClearIconVisible = hasClearIcon && (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'form-control--has-prefix': hasPrefixSlot,\n          'form-control--has-suffix': hasSuffixSlot\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              input: true,\n\n              // Sizes\n              'input--small': this.size === 'small',\n              'input--medium': this.size === 'medium',\n              'input--large': this.size === 'large',\n\n              // States\n              'input--standard': !this.readonly,\n              'input--readonly': this.readonly,\n              'input--disabled': this.disabled,\n              'input--focused': this.hasFocus,\n              'input--empty': !this.value,\n              'input--no-spin-buttons': this.noSpinButtons\n            })}\n          >\n            <span part=\"prefix\" class=\"input__prefix\">\n              <slot name=\"prefix\"></slot>\n            </span>\n\n            <input\n              part=\"input\"\n              id=\"input\"\n              class=\"input__control\"\n              type=${this.type === 'password' && this.passwordVisible ? 'text' : this.type}\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              min=${ifDefined(this.min)}\n              max=${ifDefined(this.max)}\n              step=${ifDefined(!this.#numericStrategy.noStepValidation ? this.step as number : 'any')}\n              .value=${live(this.value)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocomplete=${ifDefined(this.autocomplete)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${this.spellcheck}\n              pattern=${ifDefined(this.pattern)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @invalid=${this.handleInvalid}\n              @keydown=${this.handleKeyDown}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            />\n\n            ${isClearIconVisible\n              ? html`\n                  <button\n                    part=\"clear-button\"\n                    class=\"input__clear\"\n                    type=\"button\"\n                    aria-label=${this.localize.term('clearEntry')}\n                    @click=${this.handleClearClick}\n                    tabindex=\"-1\"\n                  >\n                    <slot name=\"clear-icon\">\n                      <syn-icon name=\"x-circle-fill\" library=\"system\"></syn-icon>\n                    </slot>\n                  </button>\n                `\n              : ''}\n            ${this.passwordToggle && !this.disabled\n              ? html`\n                  <button\n                    part=\"password-toggle-button\"\n                    class=\"input__password-toggle\"\n                    type=\"button\"\n                    aria-label=${this.localize.term(this.passwordVisible ? 'hidePassword' : 'showPassword')}\n                    @click=${this.handlePasswordToggle}\n                    tabindex=\"-1\"\n                  >\n                    ${this.passwordVisible\n                      ? html`\n                          <slot name=\"show-password-icon\">\n                            <syn-icon name=\"eye-slash\" library=\"system\"></syn-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"hide-password-icon\">\n                            <syn-icon name=\"eye\" library=\"system\"></syn-icon>\n                          </slot>\n                        `}\n                  </button>\n                `\n              : ''}\n\n            <span part=\"suffix\" class=\"input__suffix\">\n              <slot name=\"suffix\"></slot>\n            </span>\n\n            ${this.type === 'number' && !this.noSpinButtons\n              ? html`\n              <div part=\"stepper\" class=\"input__number-stepper\">\n                <button\n                  part=\"decrement-number-stepper\"\n                  class=\"input__number-stepper-button\"\n                  type=\"button\"\n                  ?disabled=${this.isDecrementDisabled()}\n                  aria-hidden=\"true\"\n                  ${longPress({ start: () => this.handleStepDown(), end: () => this.handleChange()})}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"decrement-number-stepper\">\n                    <syn-icon name=\"indeterminate\" library=\"system\"></syn-icon>\n                  </slot>\n                </button>\n                <syn-divider class=\"input__number-divider\" part=\"divider\" vertical></syn-divider>\n                <button\n                  part=\"increment-number-stepper\"\n                  class=\"input__number-stepper-button\"\n                  type=\"button\"\n                  ?disabled=${this.isIncrementDisabled()}\n                  aria-hidden=\"true\"\n                  ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange()})}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"increment-number-stepper\">\n                    <syn-icon name=\"add\" library=\"system\"></syn-icon>\n                  </slot>\n                </button>\n              </div>\n                `\n            : ''}\n          </div>\n        </div>\n\n        <div\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          <slot name=\"help-text\">${this.helpText}</slot>\n        </div>\n      </div>\n    `;\n  }\n}\n", "import { type ElementPart, noChange, nothing } from 'lit';\nimport {\n  AsyncDirective,\n  type DirectiveParameters,\n  type Part,\n  PartType,\n  directive,\n} from 'lit/async-directive.js';\n\ntype Callbacks = {\n  start: () => void;\n  end: () => void;\n};\n\n/**\n * A directive that determines,if a HTMLButtonElement is long pressed or only clicked.\n * Depending on the state it executes the callback once or repeating.\n *\n * Usage:\n *\n *  <button\n *    ${longPress({ start: () => this.handleStepUp(), end: () => this.handleChange()})}\n *  >\n *    my button\n *  </button>\n */\nclass LongPressDirective extends AsyncDirective {\n  host: HTMLButtonElement;\n\n  observer: MutationObserver;\n\n  callbacks: Callbacks;\n\n  interval: NodeJS.Timeout;\n\n  timeout: NodeJS.Timeout;\n\n  constructor(part: Part) {\n    super(part);\n    if (part.type !== PartType.ELEMENT || !(part.element instanceof HTMLButtonElement)) {\n      throw new Error('The `longPress` directive must be used on an HTMLButtonElement.');\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, class-methods-use-this\n  render(_callback: Callbacks): typeof nothing {\n    return nothing;\n  }\n\n  update(part: ElementPart, [callbacks]: DirectiveParameters<this>): typeof noChange {\n    // initial call\n    if (this.callbacks === undefined && this.host === undefined) {\n      this.host = part.element as HTMLButtonElement;\n      this.callbacks = { ...callbacks };\n      this.host.addEventListener('pointerdown', this.handlePointerDown);\n    }\n\n    return noChange;\n  }\n\n  reconnected(): void {\n    this.host.addEventListener('pointerdown', this.handlePointerDown);\n  }\n\n  protected disconnected(): void {\n    this.stopSpinningAndCleanUp();\n    this.host.removeEventListener('pointerdown', this.handlePointerDown);\n    document.removeEventListener('pointerup', this.handlePointerUp);\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    // do nothing if the click was not done from the left mouse button or if the button is disabled\n    if (event.button !== 0 || this.host.disabled) {\n      return;\n    }\n    this.spinOnLongPressCallback(event);\n  };\n\n  /**\n   * Start spinning on long press clicks otherwise handle as single click event\n   */\n  private spinOnLongPressCallback(event: PointerEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    // Start spinning only on long press\n    this.timeout = setTimeout(() => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      this.timeout = undefined;\n      this.interval = setInterval(() => {\n        this.callbacks.start();\n      }, 50);\n    }, 500);\n\n    document.addEventListener('pointerup', this.handlePointerUp);\n\n    // when buttons becoming disabled during long-press\n    this.observer?.disconnect();\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'disabled') {\n          this.stopSpinningAndCleanUp();\n        }\n      });\n    });\n    this.observer.observe(this.host, { attributes: true });\n  }\n\n  private handlePointerUp = (pointerUp?: PointerEvent) => {\n    pointerUp?.preventDefault();\n    pointerUp?.stopPropagation();\n\n    // we did not start to spin\n    if (this.timeout) {\n      this.callbacks.start();\n    }\n\n    this.stopSpinningAndCleanUp();\n\n    this.callbacks.end();\n    document.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  /**\n   * Stop the spinning and clean up all timer and observer\n   */\n  private stopSpinningAndCleanUp() {\n    // stop spinning\n    clearInterval(this.interval);\n\n    clearTimeout(this.timeout);\n    this.observer?.disconnect();\n  }\n}\n\nexport const longPress = directive(LongPressDirective);\n\nexport type { LongPressDirective };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunks/{chunk.VMJPZUWZ.js → chunk.RY7DHN6G.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.AERTEAG5.js";
 import {
   SynButton
-} from "./chunk.FSSR7ECQ.js";
+} from "./chunk.KFVE657D.js";
 import {
   FormControlController
 } from "./chunk.HP2LEQRU.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -534,4 +534,4 @@ setDefaultAnimation("file.text.appear", {
 export {
   SynFile
 };
-//# sourceMappingURL=chunk.VMJPZUWZ.js.map
+//# sourceMappingURL=chunk.RY7DHN6G.js.map

package/dist/chunks/{chunk.OUOHTLEB.js → chunk.S5EFICRQ.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.HLNKLNJG.js";
+} from "./chunk.CI5IIEHA.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.OUOHTLEB.js.map
+//# sourceMappingURL=chunk.S5EFICRQ.js.map

package/dist/chunks/{chunk.Q7ED2XN7.js → chunk.SDFKNH2F.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.2QLMXYIK.js";
+} from "./chunk.5P7XUFHA.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.Q7ED2XN7.js.map
+//# sourceMappingURL=chunk.SDFKNH2F.js.map

package/dist/chunks/{chunk.BQLLFZQF.js → chunk.SWFRAKW7.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.TYNIQB65.js";
+} from "./chunk.JOUTBWSK.js";
 
 // src/components/tag/tag.ts
 var tag_default = SynTag;
@@ -9,4 +9,4 @@ SynTag.define("syn-tag");
 export {
   tag_default
 };
-//# sourceMappingURL=chunk.BQLLFZQF.js.map
+//# sourceMappingURL=chunk.SWFRAKW7.js.map

package/dist/chunks/{chunk.3YW7TQIE.js → chunk.SZQGHBJG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.WXVOTRW5.js";
 import {
   SynIconButton
-} from "./chunk.HLNKLNJG.js";
+} from "./chunk.CI5IIEHA.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   alert_custom_styles_default
 } from "./chunk.QBHZAR4C.js";
@@ -288,4 +288,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.3YW7TQIE.js.map
+//# sourceMappingURL=chunk.SZQGHBJG.js.map

package/dist/chunks/{chunk.RVVJTFTB.js → chunk.SZRZJWOC.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.FWLUR33I.js";
 import {
   SynNavItem
-} from "./chunk.WZCAILL6.js";
+} from "./chunk.ANPH3ANR.js";
 import {
   SynDivider
-} from "./chunk.2XX6SFQ5.js";
+} from "./chunk.2G2TZYAH.js";
 import {
   SynDrawer
-} from "./chunk.VUFHONXR.js";
+} from "./chunk.3DJEGFY4.js";
 import {
   unlockBodyScrolling
 } from "./chunk.5732DMBC.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -41,7 +41,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -349,4 +349,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.RVVJTFTB.js.map
+//# sourceMappingURL=chunk.SZRZJWOC.js.map

package/dist/chunks/{chunk.TSS6T7A6.js → chunk.TNSLXDJ5.js}

@@ -28,7 +28,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -375,4 +375,4 @@ SynTextarea = __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.TSS6T7A6.js.map
+//# sourceMappingURL=chunk.TNSLXDJ5.js.map

package/dist/chunks/{chunk.QSD3WP7R.js → chunk.TQHQCASG.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -35,4 +35,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.QSD3WP7R.js.map
+//# sourceMappingURL=chunk.TQHQCASG.js.map

package/dist/chunks/{chunk.UG7WXEZU.js → chunk.V6OBDJR5.js}

@@ -9,17 +9,17 @@ import {
 } from "./chunk.V4HPWQE7.js";
 import {
   SynPopup
-} from "./chunk.Y3TACHJP.js";
+} from "./chunk.LC2ERIN3.js";
 import {
   SynSpinner
-} from "./chunk.QSD3WP7R.js";
+} from "./chunk.TQHQCASG.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
   SynIcon
-} from "./chunk.NDZ5Q7Y3.js";
+} from "./chunk.AI6ZUGSP.js";
 import {
   LocalizeController
 } from "./chunk.IPGLY3H4.js";
@@ -31,7 +31,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.LVRBMWOM.js";
+} from "./chunk.7MKB6VJ5.js";
 import {
   __decorateClass,
   __privateAdd,
@@ -241,4 +241,4 @@ SynMenuItem = __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.UG7WXEZU.js.map
+//# sourceMappingURL=chunk.V6OBDJR5.js.map