@siemens/ix-docs 4.4.0 → 5.0.0

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

@@ -1,56 +0,0 @@
-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

@@ -1,60 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,180 +0,0 @@
-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

@@ -1,270 +0,0 @@
-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
-};