@siemens/ix-docs 4.3.0 → 4.4.0

package/build/static/demo/v2/preview/html/assets/ix-message-bar.entry-8JM7iJTV.js

@@ -0,0 +1,56 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-7ZbTfMw3.js";
+import { a as animate } from "./anime.esm-DhE1t8Qh-cS95-bBh.js";
+import { q as iconClose, z as iconNotification, i as iconInfo, c as iconSuccess, a as iconWarning, A as iconWarningRhomb, b as iconError } from "./index-BBzEV-f4-ChQfUIyc.js";
+const messageBarCss = () => `:host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}`;
+const MessageBar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.closedChange = createEvent(this, "closedChange", 7);
+    this.closeAnimationCompleted = createEvent(this, "closeAnimationCompleted", 7);
+    this.type = "info";
+    this.persistent = false;
+  }
+  componentWillRender() {
+    const config = MessageBar.messageTypeConfigs[this.type];
+    if (config) {
+      this.icon = config.icon;
+      this.color = config.color;
+    }
+  }
+  closeAlert(el) {
+    const { defaultPrevented } = this.closedChange.emit();
+    if (!defaultPrevented) {
+      animate(el, {
+        duration: MessageBar.duration,
+        opacity: [1, 0],
+        easing: "easeOutSine",
+        onComplete: () => {
+          el.classList.add("message-bar-hidden");
+          this.closeAnimationCompleted.emit();
+        }
+      });
+    }
+  }
+  render() {
+    return h(Host, { key: "77cde4e0a2aa39b0838ccef1fe84dcd85a99f0e1" }, h("div", { key: "319882aba72c886393d8162442a56dc8404ed386", class: { "message-container": true, [this.type]: true }, role: "alert", ref: (el) => this.divElement = el }, h("ix-icon", { key: "a204e1952605dc54532a3a862c8d00f9c049727d", color: this.color, name: this.icon }), h("div", { key: "a1870021581d39097b24fae111a0f3418516cc1b", class: "message-content" }, h("slot", { key: "96e9f8283842a5ef183e62b0b49ea879a61f303e" })), !this.persistent && h("ix-icon-button", { key: "a136f9c0b1b557c3f789b569bbef64802f70cc26", icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+      if (this.divElement) {
+        this.closeAlert(this.divElement);
+      }
+    }, "data-testid": "close-btn" })));
+  }
+};
+MessageBar.duration = 300;
+MessageBar.messageTypeConfigs = {
+  //TODO(IX-3400): Replace icon colors with proper CSS variables when available
+  alarm: { icon: iconError, color: "color-alarm" },
+  critical: { icon: iconWarningRhomb, color: "color-critical" },
+  warning: { icon: iconWarning, color: "color-warning-text" },
+  success: { icon: iconSuccess, color: "color-success" },
+  info: { icon: iconInfo, color: "color-info" },
+  neutral: { icon: iconNotification, color: "color-neutral" },
+  primary: { icon: iconNotification, color: "color-primary" }
+};
+MessageBar.style = messageBarCss();
+export {
+  MessageBar as ix_message_bar
+};

package/build/static/demo/v2/preview/html/assets/ix-modal-content_2.entry-8nB6mrm9.js

@@ -0,0 +1,60 @@
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from "./global-7ZbTfMw3.js";
+import { a as closestPassShadow } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
+import { q as iconClose } from "./index-BBzEV-f4-ChQfUIyc.js";
+const modalContentCss = () => `:host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}`;
+const ModalContent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h(Host, { key: "60b3a1c2a24a678788c823dde41f743d9bfa5aa7" }, h("slot", { key: "bba0935551ec0c9078c4ce867827bef053234cc2" }));
+  }
+};
+ModalContent.style = modalContentCss();
+const modalHeaderCss = () => `:host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .modal-title{flex-grow:1}:host .modal-close{align-self:flex-start}`;
+const ModalHeader = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.closeClick = createEvent(this, "closeClick", 7);
+    this.hideClose = false;
+    this.ariaLabelCloseIconButton = "Close modal";
+  }
+  onIconChange(icon) {
+    if (this.parentDialog) {
+      if (icon) {
+        this.parentDialog.classList.add("with-icon");
+      } else {
+        this.parentDialog.classList.remove("with-icon");
+      }
+    }
+  }
+  componentDidLoad() {
+    this.parentDialog = closestPassShadow(this.hostElement, "ix-modal");
+    this.onIconChange(this.icon);
+  }
+  onCloseClick(event) {
+    const ce = this.closeClick.emit(event);
+    if (ce.defaultPrevented || event.defaultPrevented) {
+      return;
+    }
+    this.parentDialog.dismissModal();
+  }
+  render() {
+    return h(Host, { key: "fe31f33b0c3ce2cca9e5681978bd9200d894a526" }, this.icon ? h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "04284e4fb5bf5c1255a36ca5cf42cf0a3993bdbe", class: "modal-title" }, h("ix-typography", { key: "fe6b10d56e689087b4cc97e05908ef047a4cea2e", format: "h5" }, h("slot", { key: "65426838b385f9644ee48c7565ec0fe93b9c4764" }))), !this.hideClose ? h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton }) : null);
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+  static get watchers() {
+    return {
+      "icon": [{
+        "onIconChange": 0
+      }]
+    };
+  }
+};
+ModalHeader.style = modalHeaderCss();
+export {
+  ModalContent as ix_modal_content,
+  ModalHeader as ix_modal_header
+};

package/build/static/demo/v2/preview/html/assets/ix-modal-footer.entry-CVojT8C9.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h, H as Host } from "./global-7ZbTfMw3.js";
+const modalFooterCss = () => `:host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}`;
+const ModalFooter = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h(Host, { key: "939d74c51190e3dcb1e29cd6d69a5001cdd6eaec" }, h("slot", { key: "2805bc8ca2e78d57e7d961e80093dbe3f5dc8dc1" }));
+  }
+};
+ModalFooter.style = modalFooterCss();
+export {
+  ModalFooter as ix_modal_footer
+};

package/build/static/demo/v2/preview/html/assets/ix-modal-loading.entry-ZrRXvysM.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h, H as Host } from "./global-7ZbTfMw3.js";
+const modalLoadingCss = () => `:host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}`;
+const ModalLoading = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return h(Host, { key: "d323b6a4a1650629e0ac5338c97fd7b08929807f" }, h("ix-spinner", { key: "94eab908aa232f0f022da10da6313cbe07388a3c", variant: "primary" }), h("span", { key: "a1d7732187718f8775d626e0a0be49fb7578bec6", class: "loading-text" }, h("slot", { key: "bdbc66e91cc7f9ada60a3cda2f0347b40237d739" })));
+  }
+};
+ModalLoading.style = modalLoadingCss();
+export {
+  ModalLoading as ix_modal_loading
+};

package/build/static/demo/v2/preview/html/assets/ix-modal.entry-BARCVM8Z.js

@@ -0,0 +1,180 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-7ZbTfMw3.js";
+import { a as animate } from "./anime.esm-DhE1t8Qh-cS95-bBh.js";
+import { b as a11yHostAttributes, a as a11yBoolean } from "./a11y-DAzBNVe7-CO1Uj69l.js";
+import { A as Animation } from "./animation-BLaucX4x-BWLd_Wig.js";
+import { O as OnListener } from "./listener-DcAn-vyA-vMwX8dLP.js";
+function waitForElement(selector, doc, timeout = 3e3) {
+  return new Promise((resolve, reject) => {
+    const startTime = Date.now();
+    const checkIfElementExist = () => {
+      const dialog = doc.querySelector(selector);
+      if (dialog) {
+        resolve(dialog);
+      } else {
+        if (Date.now() - startTime < timeout) {
+          setTimeout(checkIfElementExist);
+        } else {
+          reject();
+        }
+      }
+    };
+    checkIfElementExist();
+  });
+}
+const modalCss = () => `::backdrop{background:var(--theme-color-lightbox, rgba(0, 0, 0, 0.5490196078))}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host .modal{display:flex;flex-direction:column;position:fixed;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all;overflow-wrap:break-word}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(     var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)   );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const Modal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.dialogClose = createEvent(this, "dialogClose", 7);
+    this.dialogDismiss = createEvent(this, "dialogDismiss", 7);
+    this.ariaAttributes = {};
+    this.isMouseDownInsideDialog = false;
+    this.size = "360";
+    this.disableAnimation = false;
+    this.hideBackdrop = false;
+    this.closeOnBackdropClick = false;
+    this.centered = false;
+    this.disableEscapeClose = false;
+    this.modalVisible = false;
+  }
+  onKey(e) {
+    if (e.key === "Escape") {
+      e.preventDefault();
+    }
+  }
+  get dialog() {
+    return this.hostElement.shadowRoot.querySelector("dialog");
+  }
+  slideInModal() {
+    const duration = this.disableAnimation ? 0 : Animation.mediumTime;
+    const translateY = this.centered ? ["-90%", "-50%"] : [0, 40];
+    animate(this.dialog, {
+      duration,
+      opacity: [0, 1],
+      translateY,
+      translateX: ["-50%", "-50%"],
+      easing: "easeOutSine"
+    });
+  }
+  slideOutModal(completeCallback) {
+    const duration = this.disableAnimation ? 0 : Animation.mediumTime;
+    const translateY = this.centered ? ["-50%", "-90%"] : [40, 0];
+    animate(this.dialog, {
+      duration,
+      opacity: [1, 0],
+      translateY,
+      translateX: ["-50%", "-50%"],
+      easing: "easeInSine",
+      complete: () => {
+        if (completeCallback) {
+          completeCallback();
+        }
+      }
+    });
+  }
+  closeDialog(type, reason, emitter) {
+    this.slideOutModal(() => {
+      this.modalVisible = false;
+      this.dialog.close(JSON.stringify({ type, reason }, null, 2));
+      emitter.emit(reason);
+    });
+  }
+  isInsideDialog(event) {
+    if (!this.dialog) {
+      return false;
+    }
+    const path = event.composedPath();
+    if (!path.includes(this.dialog)) {
+      return false;
+    }
+    if (event.target !== this.dialog) {
+      return true;
+    }
+    const rect = this.dialog.getBoundingClientRect();
+    const { clientX, clientY } = event;
+    return clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;
+  }
+  onMouseDown(event) {
+    this.isMouseDownInsideDialog = this.isInsideDialog(event);
+  }
+  onMouseUp(event) {
+    const isMouseUpInsideDialog = this.isInsideDialog(event);
+    if (this.closeOnBackdropClick && !this.isMouseDownInsideDialog && !isMouseUpInsideDialog) {
+      this.dismissModal();
+    }
+  }
+  /**
+   * Show the dialog
+   */
+  async showModal() {
+    try {
+      const dialog = await waitForElement("dialog", this.hostElement.shadowRoot);
+      this.modalVisible = true;
+      dialog.showModal();
+      this.slideInModal();
+    } catch (_a) {
+      console.error("HTMLDialogElement not existing");
+    }
+  }
+  /**
+   * Dismiss the dialog
+   */
+  async dismissModal(reason) {
+    if (!this.modalVisible) {
+      return;
+    }
+    let allowDismiss = true;
+    if (this.beforeDismiss !== void 0) {
+      allowDismiss = await this.beforeDismiss(reason);
+    }
+    if (!allowDismiss) {
+      return;
+    }
+    this.closeDialog("dismiss", reason, this.dialogDismiss);
+  }
+  /**
+   * Close the dialog
+   */
+  async closeModal(reason) {
+    if (!this.modalVisible) {
+      return;
+    }
+    this.closeDialog("close", reason, this.dialogClose);
+  }
+  componentWillLoad() {
+    this.ariaAttributes = a11yHostAttributes(this.hostElement);
+  }
+  render() {
+    return h(Host, { key: "4081b8a78aba8b671d6eab5119be700a9b0387cb", class: {
+      visible: this.modalVisible,
+      "no-backdrop": this.hideBackdrop,
+      "align-center": this.centered
+    } }, h("div", { key: "a38bd205e6289acdcd76e8e416ea6dbfdb2643e0", class: "dialog-backdrop" }, h("dialog", { key: "b45fa45874bd0cb1f4e658ed0c64db2b8ac7adab", "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes["aria-describedby"], "aria-labelledby": this.ariaAttributes["aria-labelledby"], class: {
+      modal: true,
+      [`modal-size-${this.size}`]: true
+    }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
+      e.preventDefault();
+      this.dismissModal();
+    } }, h("slot", { key: "1cb176bec05a6a957a216509730ded7814f97c01" }))));
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+};
+__decorate([
+  OnListener("keydown", (self) => self.disableEscapeClose)
+], Modal.prototype, "onKey", null);
+Modal.style = modalCss();
+export {
+  Modal as ix_modal
+};

package/build/static/demo/v2/preview/html/assets/ix-number-input.entry-BGbHGtcT.js

@@ -0,0 +1,270 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-7ZbTfMw3.js";
+import { B as iconMinus, C as iconPlus } from "./index-BBzEV-f4-ChQfUIyc.js";
+import { H as HookValidationLifecycle } from "./validation-CTBekLDe-sG9H3Ujv.js";
+import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
+import { d as onInputBlurWithChange, m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, g as checkInternalValidity, e as SlotStart, I as InputElement, o as onEnterKeyChangeEmit, j as onInputFocus, k as checkAllowedKeys, S as SlotEnd } from "./input.fc-C1ytwpkt-bTPpCuNQ.js";
+import "./anime.esm-DhE1t8Qh-cS95-bBh.js";
+import "./animation-BLaucX4x-BWLd_Wig.js";
+import "./a11y-DAzBNVe7-CO1Uj69l.js";
+import "./mutation-observer-CX81WQtk-DFcmhOTk.js";
+import "./rwd.util-pXYAoEyc-B7dE3uhl.js";
+const numberInputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:calc(var(--theme-input--border-thickness) + 0.125rem)}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}`;
+var __decorate = function(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+let numberInputIds = 0;
+const INVALID_NUMBER_INPUT_REGEX = /[^\dEe+\-.,]/;
+const NumberInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.valueChange = createEvent(this, "valueChange", 7);
+    this.validityStateChange = createEvent(this, "validityStateChange", 7);
+    this.ixBlur = createEvent(this, "ixBlur", 7);
+    this.ixChange = createEvent(this, "ixChange", 7);
+    if (hostRef.$hostElement$["s-ei"]) {
+      this.formInternals = hostRef.$hostElement$["s-ei"];
+    } else {
+      this.formInternals = hostRef.$hostElement$.attachInternals();
+      hostRef.$hostElement$["s-ei"] = this.formInternals;
+    }
+    this.value = 0;
+    this.required = false;
+    this.disabled = false;
+    this.readonly = false;
+    this.step = 1;
+    this.suppressSubmitOnEnter = false;
+    this.textAlignment = "end";
+    this.allowEmptyValueChange = false;
+    this.isInvalid = false;
+    this.isValid = false;
+    this.isInfo = false;
+    this.isWarning = false;
+    this.isInvalidByRequired = false;
+    this.inputRef = makeRef();
+    this.slotEndRef = makeRef();
+    this.slotStartRef = makeRef();
+    this.numberInputId = `number-input-${numberInputIds++}`;
+    this.touched = false;
+    this.handleInputChange = (inputValue) => {
+      const parsedValue = this.convertNumberStringToFloat(inputValue);
+      const isScientificNotation = this.isScientificNotation(inputValue.trim());
+      if (isScientificNotation) {
+        this.formInternals.setFormValue(inputValue);
+      }
+      this.handleValueChangeEvent(parsedValue);
+    };
+    this.handleBlur = () => {
+      if (!this.inputRef.current)
+        return;
+      const inputValue = this.inputRef.current.value;
+      const parsedValue = this.convertNumberStringToFloat(inputValue);
+      if (parsedValue !== void 0) {
+        this.inputRef.current.value = this.formatValue(parsedValue);
+      }
+      this.updateFormInternalValue(parsedValue);
+      onInputBlurWithChange(this, this.inputRef.current, parsedValue);
+      this.touched = true;
+    };
+    this.handleKeyDown = (event) => {
+      if (this.disabled || this.readonly) {
+        return;
+      }
+      switch (event.key) {
+        case "ArrowUp":
+          event.preventDefault();
+          this.handleStepOperation("up");
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          this.handleStepOperation("down");
+          break;
+      }
+    };
+    this.handleBeforeInput = (e) => {
+      var _a, _b;
+      if (this.disabled || this.readonly)
+        return;
+      if (e.inputType === "insertText") {
+        const character = e.data;
+        if (character && INVALID_NUMBER_INPUT_REGEX.test(character)) {
+          e.preventDefault();
+        }
+      }
+      if (e.inputType === "insertFromPaste") {
+        const dt = e.dataTransfer || e.clipboardData;
+        const text = (_b = (_a = dt === null || dt === void 0 ? void 0 : dt.getData) === null || _a === void 0 ? void 0 : _a.call(dt, "text")) !== null && _b !== void 0 ? _b : "";
+        if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
+          e.preventDefault();
+        }
+      }
+    };
+    this.handlePaste = (e) => {
+      var _a, _b;
+      const text = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData("text")) !== null && _b !== void 0 ? _b : "";
+      if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
+        e.preventDefault();
+      }
+    };
+  }
+  onValueChange(newValue) {
+    this.updateFormInternalValue(newValue);
+  }
+  updateClassMappings(result) {
+    mapValidationResult(this, result);
+  }
+  componentWillLoad() {
+    this.updateFormInternalValue(this.value);
+  }
+  connectedCallback() {
+    this.disposableChangesAndVisibilityObservers = addDisposableChangesAndVisibilityObservers(this.hostElement, this.updatePaddings.bind(this));
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.disposableChangesAndVisibilityObservers) === null || _a === void 0 ? void 0 : _a.call(this);
+  }
+  updatePaddings() {
+    adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
+  }
+  convertNumberStringToFloat(input) {
+    if (!input || input.trim() === "") {
+      return void 0;
+    }
+    const parsed = Number.parseFloat(input);
+    return Number.isNaN(parsed) ? void 0 : parsed;
+  }
+  isScientificNotation(input) {
+    const parsed = Number.parseFloat(input);
+    return !Number.isNaN(parsed) && Number.isFinite(parsed) && /[eE]/.test(input);
+  }
+  formatValue(value) {
+    if (value === void 0 || value === null) {
+      return "";
+    }
+    return value.toString();
+  }
+  handleValueChangeEvent(value) {
+    this.valueChange.emit(this.allowEmptyValueChange ? value : value !== null && value !== void 0 ? value : 0);
+  }
+  updateFormInternalValue(value) {
+    const formValue = value !== void 0 && value !== null ? value.toString() : "";
+    this.formInternals.setFormValue(formValue);
+    this.value = value;
+    if (this.inputRef.current && this.touched) {
+      checkInternalValidity(this, this.inputRef.current);
+    }
+  }
+  getDecimalPlaces(num) {
+    const match = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/.exec("" + num);
+    if (!match) {
+      return 0;
+    }
+    return Math.max(0, (match[1] ? match[1].length : 0) - (match[2] ? +match[2] : 0));
+  }
+  handleStepOperation(operation) {
+    var _a, _b;
+    if (!this.inputRef.current) {
+      return;
+    }
+    const currentValue = (_a = this.convertNumberStringToFloat(this.inputRef.current.value)) !== null && _a !== void 0 ? _a : 0;
+    const stepValue = typeof this.step === "string" ? Number.parseFloat(this.step) : (_b = this.step) !== null && _b !== void 0 ? _b : 1;
+    let newValue;
+    if (operation === "up") {
+      newValue = currentValue + stepValue;
+    } else {
+      newValue = currentValue - stepValue;
+    }
+    const decimalPlaces = Math.max(this.getDecimalPlaces(currentValue), this.getDecimalPlaces(stepValue));
+    newValue = Number(newValue.toFixed(decimalPlaces));
+    if (this.min !== void 0) {
+      const minValue = typeof this.min === "string" ? Number.parseFloat(this.min) : this.min;
+      newValue = Math.max(newValue, minValue);
+    }
+    if (this.max !== void 0) {
+      const maxValue = typeof this.max === "string" ? Number.parseFloat(this.max) : this.max;
+      newValue = Math.min(newValue, maxValue);
+    }
+    this.inputRef.current.value = newValue.toString();
+    this.updateFormInternalValue(newValue);
+    checkInternalValidity(this, this.inputRef.current);
+    this.handleValueChangeEvent(newValue);
+  }
+  /** @internal */
+  async getAssociatedFormElement() {
+    return this.formInternals.form;
+  }
+  /** @internal */
+  async hasValidValue() {
+    const nativeInput = await this.getNativeInputElement();
+    if (nativeInput.value === "") {
+      return !this.required;
+    }
+    const parsedValue = this.convertNumberStringToFloat(nativeInput.value);
+    return parsedValue !== void 0;
+  }
+  /**
+   * Returns the native input element used under the hood
+   */
+  getNativeInputElement() {
+    return this.inputRef.waitForCurrent();
+  }
+  /**
+   * Focuses the input field
+   */
+  async focusInput() {
+    return (await this.getNativeInputElement()).focus();
+  }
+  /**
+   * Returns true if the input field has been touched
+   * @internal
+   */
+  isTouched() {
+    return Promise.resolve(this.touched);
+  }
+  render() {
+    var _a;
+    const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
+    return h(Host, { key: "c30fd1519c016af6b1ff281846fdf2feb405cb50", class: {
+      disabled: this.disabled,
+      readonly: this.readonly
+    } }, h("ix-field-wrapper", { key: "00d434626f802aca4cea4981b600c379419b6f3d", id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: "2c3e976d2867654979b03501e34a34a65be3ed2a", class: {
+      "input-wrapper": true,
+      "show-stepper-buttons": !!this.showStepperButtons
+    } }, h(SlotStart, { key: "46978d9abead04d95eb125e84f3ca7f09eb57af0", slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: "e4f19802f2903ddc1a9c7b871848c66f72f16f9f", id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: "number", isInvalid: this.isInvalid, required: this.required, value: this.formatValue(this.value), placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), onKeyDown: (event) => this.handleKeyDown(event), onBeforeInput: (event) => this.handleBeforeInput(event), onPaste: (event) => this.handlePaste(event), onFocus: () => onInputFocus(this, this.value), onEnterKeyChange: (event) => onEnterKeyChangeEmit(event, this, this.value), valueChange: this.handleInputChange, updateFormInternalValue: (value) => {
+      const isScientificNotation = this.isScientificNotation(value.trim());
+      if (!isScientificNotation) {
+        const parsedValue = this.convertNumberStringToFloat(value);
+        this.updateFormInternalValue(parsedValue);
+      }
+    }, onBlur: this.handleBlur, form: (_a = this.formInternals.form) !== null && _a !== void 0 ? _a : void 0, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), h(SlotEnd, { key: "9b061d2837b5a95051bd64aebdbbe1b7d2fb823a", slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("div", { key: "e7763c463424c7c7cde61fd94a9b191e6264d45e", class: {
+      "number-stepper-container": true,
+      "container-hidden": !showStepperButtons
+    } }, h("ix-icon-button", { key: "d139b84fe7f4dbf78ebf88bd912541ec0b020c98", variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => this.handleStepOperation("down") }), h("ix-icon-button", { key: "5b8508bff24a158b473d5e6732d59dcb716c2d97", variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => this.handleStepOperation("up") }))))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+  static get watchers() {
+    return {
+      "value": [{
+        "onValueChange": 0
+      }]
+    };
+  }
+};
+__decorate([
+  HookValidationLifecycle()
+], NumberInput.prototype, "updateClassMappings", null);
+NumberInput.style = numberInputCss();
+export {
+  NumberInput as ix_number_input
+};