@nuraly/runtime 0.1.9 → 0.1.11

package/dist/Link-BEUscah_.js

@@ -0,0 +1,95 @@
+import { nothing, html } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ae as BaseElementBlock, $ as $components, aM as renderComponent } from './BaseElement-wyA58UxT.js';
+import { ref } from 'lit/directives/ref.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let LinkBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+    this.childrenComponents = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((id) => {
+      return $components.get()[this.component?.application_id]?.find(
+        (component) => component.uuid === id
+      );
+    }).filter(Boolean) ?? [];
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("component")) {
+      this.updateChildrenComponents();
+    }
+  }
+  renderComponent() {
+    const url = this.inputHandlersValue?.url ?? "#";
+    const target = this.inputHandlersValue?.target ?? "_self";
+    const label = this.inputHandlersValue?.label ?? this.inputHandlersValue?.placeholder ?? "";
+    return html`
+      <a
+            ${ref(this.inputRef)}
+            href=${this.isViewMode ? url : nothing}
+            target=${target}
+            style=${styleMap({
+      ...this.getStyles()
+    })}
+            @click=${(e) => {
+      if (!this.isViewMode) {
+        e.preventDefault();
+      }
+      this.executeEvent("onClick", e, { url, target });
+    }}
+            @mouseenter=${(e) => {
+      this.executeEvent("onMouseEnter", e);
+    }}
+            @mouseleave=${(e) => {
+      this.executeEvent("onMouseLeave", e);
+    }}
+            >
+       <span>
+        ${this.childrenComponents.length ? renderComponent(this.childrenComponents.map((component) => ({ ...component, item: this.item })), this.item, this.isViewMode) : html`
+                     <nr-label
+                style=${styleMap({
+      "--resolved-text-label-color": this.getStyles()["title-color"]
+    })}
+                >${label}</nr-label>
+
+                <drag-wrapper
+                        .where=${"inside"}
+                        .message=${"Drop inside"}
+                        .component=${{ ...this.component }}
+                        .inputRef=${this.inputRef}
+                        .isDragInitiator=${this.isDragInitiator}
+                      >
+                      </drag-wrapper>
+
+                  `}
+       </span>
+      </a>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Object })
+], LinkBlock.prototype, "component", 2);
+__decorateClass([
+  state()
+], LinkBlock.prototype, "childrenComponents", 2);
+LinkBlock = __decorateClass([
+  customElement("link-block")
+], LinkBlock);
+
+export { LinkBlock };

package/dist/Link-C4HV3i5L.js

@@ -0,0 +1,76 @@
+import { B as h, $ as d, n as u, A as m, o as p, r as $, b as c, c as f, d as C, t as v } from "./micro-app-entry-BgDXbkmh.js";
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, a = (t, n, o, e) => {
+  for (var s = e > 1 ? void 0 : e ? g(n, o) : n, r = t.length - 1, l; r >= 0; r--)
+    (l = t[r]) && (s = (e ? l(n, o, s) : l(s)) || s);
+  return e && s && b(n, o, s), s;
+};
+let i = class extends h {
+  constructor() {
+    super(), this.childrenComponents = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((t) => d.get()[this.component?.application_id]?.find(
+      (n) => n.uuid === t
+    )).filter(Boolean) ?? [];
+  }
+  updated(t) {
+    t.has("component") && this.updateChildrenComponents();
+  }
+  renderComponent() {
+    const t = this.inputHandlersValue?.url ?? "#", n = this.inputHandlersValue?.target ?? "_self", o = this.inputHandlersValue?.label ?? this.inputHandlersValue?.placeholder ?? "";
+    return c`
+      <a
+            ${u(this.inputRef)}
+            href=${this.isViewMode ? t : m}
+            target=${n}
+            style=${p({
+      ...this.getStyles()
+    })}
+            @click=${(e) => {
+      this.isViewMode || e.preventDefault(), this.executeEvent("onClick", e, { url: t, target: n });
+    }}
+            @mouseenter=${(e) => {
+      this.executeEvent("onMouseEnter", e);
+    }}
+            @mouseleave=${(e) => {
+      this.executeEvent("onMouseLeave", e);
+    }}
+            >
+       <span>
+        ${this.childrenComponents.length ? $(this.childrenComponents.map((e) => ({ ...e, item: this.item })), this.item, this.isViewMode) : c`
+                     <nr-label
+                style=${p({
+      "--resolved-text-label-color": this.getStyles()["title-color"]
+    })}
+                >${o}</nr-label>
+
+                <drag-wrapper
+                        .where=${"inside"}
+                        .message=${"Drop inside"}
+                        .component=${{ ...this.component }}
+                        .inputRef=${this.inputRef}
+                        .isDragInitiator=${this.isDragInitiator}
+                      >
+                      </drag-wrapper>
+
+                  `}
+       </span>
+      </a>
+    `;
+  }
+};
+a([
+  f({ type: Object })
+], i.prototype, "component", 2);
+a([
+  C()
+], i.prototype, "childrenComponents", 2);
+i = a([
+  v("link-block")
+], i);
+export {
+  i as LinkBlock
+};

package/dist/Menu-B98hcumz.js

@@ -0,0 +1,83 @@
+import { html, css } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { ae as BaseElementBlock } from './BaseElement-wyA58UxT.js';
+import { ref } from 'lit/directives/ref.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+try {
+  await import('@nuralyui/menu');
+} catch (error) {
+  console.warn("[@nuralyui/menu] Package not found or failed to load. Menu functionality may be limited.");
+}
+let MenuBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+  }
+  renderComponent() {
+    return html`
+
+        <nr-menu
+                    ${ref(this.inputRef)}
+     class="${`drop-${this.component.uuid}`}"
+
+         
+          placeholder="Select an option"
+          size=${this.inputHandlersValue?.size ?? "medium"}
+          arrowPosition=${this.inputHandlersValue?.arrowPosition ?? "right"}
+          .items=${this.inputHandlersValue?.options ?? []}
+          @change="${(e) => {
+      const selectedOptionPath = e.detail.path;
+      const selectedPage = this.inputHandlersValue.options[selectedOptionPath[0]]?.id;
+      const option = selectedOptionPath.reduce((acc, curr) => acc && acc.children && acc.children[curr], { children: this.inputHandlersValue?.options });
+      this.executeEvent("onSelect", e, {
+        id: option?.id,
+        text: option?.text,
+        type: option?.type,
+        page: selectedPage,
+        path: selectedOptionPath,
+        value: e.detail.value
+      });
+    }}"
+          @action-click="${(e) => {
+      this.executeEvent("onActionClick", e, {
+        value: e.detail.additionalData,
+        action: e.detail.value
+      });
+    }}">
+        </nr-menu>
+    `;
+  }
+};
+MenuBlock.styles = [
+  css`
+        nr-menu {
+            --nuraly-menu-width: 100%;
+
+        }
+        :host {
+            display: block;
+        }
+        .error {
+            color: red;
+            background-color: black;
+            font-size: smaller;
+        }
+    `
+];
+__decorateClass([
+  property({ type: Object, reflect: false })
+], MenuBlock.prototype, "component", 2);
+MenuBlock = __decorateClass([
+  customElement("menu-block")
+], MenuBlock);
+
+export { MenuBlock };

package/dist/Menu-BEzo-k-M.js

@@ -0,0 +1,73 @@
+import { B as c, n as u, b as p, i as d, c as h, t as m } from "./micro-app-entry-BgDXbkmh.js";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (e, n, i, o) => {
+  for (var t = o > 1 ? void 0 : o ? v(n, i) : n, l = e.length - 1, a; l >= 0; l--)
+    (a = e[l]) && (t = (o ? a(n, i, t) : a(t)) || t);
+  return o && t && f(n, i, t), t;
+};
+try {
+  await import("@nuralyui/menu");
+} catch {
+  console.warn("[@nuralyui/menu] Package not found or failed to load. Menu functionality may be limited.");
+}
+let r = class extends c {
+  constructor() {
+    super();
+  }
+  renderComponent() {
+    return p`
+
+        <nr-menu
+                    ${u(this.inputRef)}
+     class="${`drop-${this.component.uuid}`}"
+
+         
+          placeholder="Select an option"
+          size=${this.inputHandlersValue?.size ?? "medium"}
+          arrowPosition=${this.inputHandlersValue?.arrowPosition ?? "right"}
+          .items=${this.inputHandlersValue?.options ?? []}
+          @change="${(e) => {
+      const n = e.detail.path, i = this.inputHandlersValue.options[n[0]]?.id, o = n.reduce((t, l) => t && t.children && t.children[l], { children: this.inputHandlersValue?.options });
+      this.executeEvent("onSelect", e, {
+        id: o?.id,
+        text: o?.text,
+        type: o?.type,
+        page: i,
+        path: n,
+        value: e.detail.value
+      });
+    }}"
+          @action-click="${(e) => {
+      this.executeEvent("onActionClick", e, {
+        value: e.detail.additionalData,
+        action: e.detail.value
+      });
+    }}">
+        </nr-menu>
+    `;
+  }
+};
+r.styles = [
+  d`
+        nr-menu {
+            --nuraly-menu-width: 100%;
+
+        }
+        :host {
+            display: block;
+        }
+        .error {
+            color: red;
+            background-color: black;
+            font-size: smaller;
+        }
+    `
+];
+s([
+  h({ type: Object, reflect: !1 })
+], r.prototype, "component", 2);
+r = s([
+  m("menu-block")
+], r);
+export {
+  r as MenuBlock
+};

package/dist/MicroApp-BDPSu_XC.js

@@ -0,0 +1,75 @@
+import { B as d, y as b, z as m, V as h, A as f, o as v, b as c, $ as l, i as y, c as u, t as g } from "./micro-app-entry-BgDXbkmh.js";
+function U(o, t = 300) {
+  let s;
+  return function(...e) {
+    clearTimeout(s), s = setTimeout(() => o.apply(this, e), t);
+  };
+}
+var C = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, a = (o, t, s, e) => {
+  for (var n = e > 1 ? void 0 : e ? $(t, s) : t, i = o.length - 1, p; i >= 0; i--)
+    (p = o[i]) && (n = (e ? p(t, s, n) : p(n)) || n);
+  return e && n && C(t, s, n), n;
+};
+let r = class extends d {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const o = b.get()["84105b5d-49fe-4724-bc0e-325b578cbe17"];
+    this.registerCallback("appUUID", U((t) => {
+      t && l.get()[t] === void 0 && fetch("/api/components/application/" + t).then((e) => e.json()).then((e) => e.map((n) => n.component)).then((e) => {
+        o && (e = e.filter((n) => n.pageId === o)), l.setKey(t, e), this.requestUpdate();
+      });
+    }, 0)), this.unsubscribe = m.subscribe((t) => {
+      this.mode = t.mode;
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.unregisterCallback("appUUID"), this.unsubscribe && this.unsubscribe();
+  }
+  render() {
+    const o = this.inputHandlersValue.mode === h.Preview;
+    return c`
+      ${this.inputHandlersValue.appUUID ? c`
+          <micro-app
+            uuid=${this.inputHandlersValue.appUUID}
+            componentToRenderUUID=${this.inputHandlersValue.componentToRenderUUID ?? f}
+            style=${v({
+      pointerEvents: o ? "auto" : "none"
+    })}
+          ></micro-app>
+        ` : c`
+          <div class="no-app-selected">
+            No micro-app selected
+          </div>
+        `}
+    `;
+  }
+};
+r.styles = [
+  y`
+      .no-app-selected {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 200px;
+        width:400px;
+        border: 2px dashed gray;
+        color: gray;
+        text-align: center;
+      }
+    `
+];
+a([
+  u({ type: Object })
+], r.prototype, "component", 2);
+a([
+  u({ type: Object })
+], r.prototype, "item", 2);
+r = a([
+  g("micro-app-block")
+], r);
+export {
+  r as MicroAppBlock
+};

package/dist/MicroApp-DCBOKAJ4.js

@@ -0,0 +1,100 @@
+import { nothing, html, css } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ae as BaseElementBlock, a0 as $microAppCurrentPage, j as $environment, a4 as ViewMode, $ as $components } from './BaseElement-wyA58UxT.js';
+
+function debounce(func, wait = 300) {
+  let timeout;
+  return function(...args) {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let MicroAppBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const pageUUID = $microAppCurrentPage.get()["84105b5d-49fe-4724-bc0e-325b578cbe17"];
+    this.registerCallback("appUUID", debounce((appUUID) => {
+      if (appUUID) {
+        const appLoaded = $components.get()[appUUID];
+        if (appLoaded === void 0) {
+          fetch("/api/components/application/" + appUUID).then((response) => response.json()).then((data) => {
+            return data.map((component) => component.component);
+          }).then((data) => {
+            if (pageUUID)
+              data = data.filter((component) => component.pageId === pageUUID);
+            $components.setKey(appUUID, data);
+            this.requestUpdate();
+          });
+        }
+      }
+    }, 0));
+    this.unsubscribe = $environment.subscribe((environment) => {
+      this.mode = environment.mode;
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.unregisterCallback("appUUID");
+    if (this.unsubscribe) {
+      this.unsubscribe();
+    }
+  }
+  render() {
+    const isPreviewMode = this.inputHandlersValue.mode === ViewMode.Preview;
+    return html`
+      ${this.inputHandlersValue.appUUID ? html`
+          <micro-app
+            uuid=${this.inputHandlersValue.appUUID}
+            componentToRenderUUID=${this.inputHandlersValue.componentToRenderUUID ?? nothing}
+            style=${styleMap({
+      pointerEvents: isPreviewMode ? "auto" : "none"
+    })}
+          ></micro-app>
+        ` : html`
+          <div class="no-app-selected">
+            No micro-app selected
+          </div>
+        `}
+    `;
+  }
+};
+MicroAppBlock.styles = [
+  css`
+      .no-app-selected {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 200px;
+        width:400px;
+        border: 2px dashed gray;
+        color: gray;
+        text-align: center;
+      }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], MicroAppBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], MicroAppBlock.prototype, "item", 2);
+MicroAppBlock = __decorateClass([
+  customElement("micro-app-block")
+], MicroAppBlock);
+
+export { MicroAppBlock };

package/dist/NumberInput-Bbo10XmQ.js

@@ -0,0 +1,95 @@
+import { nothing, html, css } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ae as BaseElementBlock } from './BaseElement-wyA58UxT.js';
+import { ref } from 'lit/directives/ref.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+try {
+  await import('@nuralyui/input');
+} catch (error) {
+  console.warn("[@nuralyui/input] Package not found or failed to load.");
+}
+let NumberInputBlock = class extends BaseElementBlock {
+  render() {
+    const inputStyles = this.getStyles();
+    const componentStyles = this.component?.style || {};
+    const size = componentStyles?.size || "medium";
+    return html`
+      <span> 
+        <nr-input
+          ${ref(this.inputRef)}
+          style=${styleMap({
+      ...inputStyles,
+      "--nuraly-input-local-border-top-left-radius": inputStyles?.["border-top-left-radius"] ?? "",
+      "--nuraly-input-local-border-top-right-radius": inputStyles?.["border-top-right-radius"] ?? "",
+      "--nuraly-input-local-border-bottom-left-radius": inputStyles?.["border-bottom-left-radius"] ?? "",
+      "--nuraly-input-local-border-bottom-right-radius": inputStyles?.["border-bottom-right-radius"] ?? ""
+    })}
+          .value=${this.inputHandlersValue?.value ?? nothing}
+          .size=${size}
+          .state=${this.inputHandlersValue?.status ?? nothing}
+          .type=${"number"}
+          .variant=${this.inputHandlersValue?.variant ?? nothing}
+          .disabled=${this.inputHandlersValue?.state === "disabled"}
+          .readonly=${this.inputHandlersValue?.readonly || false}
+          .placeholder=${this.inputHandlersValue?.placeholder ?? "Number input"}
+          .step=${this.inputHandlersValue?.step ?? nothing}
+          .min=${this.inputHandlersValue?.min ?? "0"}
+          .max=${this.inputHandlersValue?.max ?? nothing}
+          .name=${this.inputHandlersValue?.name ?? nothing}
+          .required=${this.inputHandlersValue?.required || false}
+          .rules=${this.inputHandlersValue?.rules ?? []}
+          .validateOnChangeInput=${this.inputHandlersValue?.validateOnChange !== false}
+          .validateOnBlurInput=${this.inputHandlersValue?.validateOnBlur !== false}
+          .hasFeedback=${this.inputHandlersValue?.hasFeedback || false}
+          @nr-input=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value,
+        oldValue: e.detail.oldValue
+      });
+    }}
+          @nr-focus=${(e) => {
+      this.executeEvent("onFocus", e);
+    }}
+          @nr-blur=${(e) => {
+      this.executeEvent("onBlur", e);
+    }}
+          @nr-enter=${(e) => {
+      this.executeEvent("onEnter", e);
+    }}
+        >
+          <span slot="label">
+            ${this.inputHandlersValue?.label ?? ""}
+          </span>
+          <span slot="helper-text">
+            ${this.inputHandlersValue?.helper ?? ""}
+          </span>
+        </nr-input>
+      </span>
+    `;
+  }
+};
+NumberInputBlock.styles = [
+  css``
+];
+__decorateClass([
+  property({ type: Object })
+], NumberInputBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], NumberInputBlock.prototype, "item", 2);
+NumberInputBlock = __decorateClass([
+  customElement("number-input-block")
+], NumberInputBlock);
+
+export { NumberInputBlock };

package/dist/NumberInput-YJKsJDcd.js

@@ -0,0 +1,84 @@
+import { B as d, n as h, o as c, A as n, b, i as $, c as p, t as m } from "./micro-app-entry-BgDXbkmh.js";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (t, l, r, e) => {
+  for (var a = e > 1 ? void 0 : e ? y(l, r) : l, u = t.length - 1, i; u >= 0; u--)
+    (i = t[u]) && (a = (e ? i(l, r, a) : i(a)) || a);
+  return e && a && v(l, r, a), a;
+};
+try {
+  await import("@nuralyui/input");
+} catch {
+  console.warn("[@nuralyui/input] Package not found or failed to load.");
+}
+let s = class extends d {
+  render() {
+    const t = this.getStyles(), r = (this.component?.style || {})?.size || "medium";
+    return b`
+      <span> 
+        <nr-input
+          ${h(this.inputRef)}
+          style=${c({
+      ...t,
+      "--nuraly-input-local-border-top-left-radius": t?.["border-top-left-radius"] ?? "",
+      "--nuraly-input-local-border-top-right-radius": t?.["border-top-right-radius"] ?? "",
+      "--nuraly-input-local-border-bottom-left-radius": t?.["border-bottom-left-radius"] ?? "",
+      "--nuraly-input-local-border-bottom-right-radius": t?.["border-bottom-right-radius"] ?? ""
+    })}
+          .value=${this.inputHandlersValue?.value ?? n}
+          .size=${r}
+          .state=${this.inputHandlersValue?.status ?? n}
+          .type=${"number"}
+          .variant=${this.inputHandlersValue?.variant ?? n}
+          .disabled=${this.inputHandlersValue?.state === "disabled"}
+          .readonly=${this.inputHandlersValue?.readonly || !1}
+          .placeholder=${this.inputHandlersValue?.placeholder ?? "Number input"}
+          .step=${this.inputHandlersValue?.step ?? n}
+          .min=${this.inputHandlersValue?.min ?? "0"}
+          .max=${this.inputHandlersValue?.max ?? n}
+          .name=${this.inputHandlersValue?.name ?? n}
+          .required=${this.inputHandlersValue?.required || !1}
+          .rules=${this.inputHandlersValue?.rules ?? []}
+          .validateOnChangeInput=${this.inputHandlersValue?.validateOnChange !== !1}
+          .validateOnBlurInput=${this.inputHandlersValue?.validateOnBlur !== !1}
+          .hasFeedback=${this.inputHandlersValue?.hasFeedback || !1}
+          @nr-input=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value,
+        oldValue: e.detail.oldValue
+      });
+    }}
+          @nr-focus=${(e) => {
+      this.executeEvent("onFocus", e);
+    }}
+          @nr-blur=${(e) => {
+      this.executeEvent("onBlur", e);
+    }}
+          @nr-enter=${(e) => {
+      this.executeEvent("onEnter", e);
+    }}
+        >
+          <span slot="label">
+            ${this.inputHandlersValue?.label ?? ""}
+          </span>
+          <span slot="helper-text">
+            ${this.inputHandlersValue?.helper ?? ""}
+          </span>
+        </nr-input>
+      </span>
+    `;
+  }
+};
+s.styles = [
+  $``
+];
+o([
+  p({ type: Object })
+], s.prototype, "component", 2);
+o([
+  p({ type: Object })
+], s.prototype, "item", 2);
+s = o([
+  m("number-input-block")
+], s);
+export {
+  s as NumberInputBlock
+};