@nuraly/runtime 0.1.9 → 0.1.11

package/dist/Table-CQiS_Q-s.js

@@ -0,0 +1,184 @@
+import { nothing, html, css } from 'lit';
+import { property, state, 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/table');
+} catch (error) {
+  console.warn("[@nuralyui/table] Package not found or failed to load.");
+}
+let TextInputBlock = class extends BaseElementBlock {
+  constructor() {
+    super(...arguments);
+    this.headers = [
+      {
+        name: "Id",
+        key: "id"
+      },
+      {
+        name: "Status",
+        key: "status"
+      },
+      {
+        name: "Priority",
+        key: "priority"
+      },
+      {
+        name: "Title",
+        key: "title"
+      },
+      {
+        name: "Assignee",
+        key: "assignee"
+      }
+    ];
+    this.rows = [
+      {
+        id: 1,
+        status: "Open",
+        priority: "Normal",
+        title: "Product Details Page - Variant Component (1)",
+        assignee: "William Jones"
+      },
+      {
+        id: 2,
+        status: "Open",
+        priority: "High",
+        title: "Product Details Page - Variant Component (2)",
+        assignee: "Natalia Hayward"
+      },
+      {
+        id: 3,
+        status: "Closed",
+        priority: "Normal",
+        title: "Product Details Page - Variant Component (3)",
+        assignee: "Jess Plant"
+      },
+      {
+        id: 4,
+        status: "Open",
+        priority: "Normal",
+        title: "Product Details Page - Variant Component (4)",
+        assignee: "William Jones"
+      },
+      {
+        id: 5,
+        status: "Open",
+        priority: "Normal",
+        title: "Product Details Page - Variant Component (5)",
+        assignee: "Kathleen Knowles"
+      },
+      {
+        id: 6,
+        status: "Open",
+        priority: "High",
+        title: "Product Details Page - Variant Component (6)",
+        assignee: "Mel Young"
+      },
+      {
+        id: 7,
+        status: "Closed",
+        priority: "Normal",
+        title: "Product Details Page - Variant Component (7)",
+        assignee: "Zahid Allison"
+      },
+      {
+        id: 8,
+        status: "Closed",
+        priority: "High",
+        title: "Product Details Page - Variant Component (8)",
+        assignee: "William Jones"
+      }
+    ];
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.unsubscribe) this.unsubscribe();
+  }
+  renderComponent() {
+    const tableStyles = this.component?.style || {};
+    const tableAutoWidth = this.inputHandlersValue?.width;
+    this.inputHandlersValue?.height;
+    const headers = this.inputHandlersValue?.data ? this.inputHandlersValue?.data?.headers : this.headers;
+    const rows = this.inputHandlersValue?.data ? this.inputHandlersValue?.data?.rows : this.rows;
+    const size = tableStyles.size || "normal";
+    const selectionModeValue = this.component?.input?.selectionMode?.value || this.inputHandlersValue?.selectionMode;
+    const selectionMode = selectionModeValue === "multiple" ? "multiple" : selectionModeValue === "single" ? "single" : void 0;
+    const filter = this.inputHandlersValue?.filter;
+    const fixedHeader = this.inputHandlersValue?.fixedHeader ?? false;
+    const loading = this.inputHandlersValue?.loading ?? false;
+    const expandable = this.inputHandlersValue?.expandable ?? false;
+    const emptyText = this.inputHandlersValue?.emptyText ?? "No data available";
+    const emptyIcon = this.inputHandlersValue?.emptyIcon;
+    const expansionRenderer = this.inputHandlersValue?.expansionRenderer;
+    const scrollConfig = this.inputHandlersValue?.scrollConfig;
+    return html`
+      <nr-table
+        ${ref(this.inputRef)}
+        style=${styleMap({
+      ...tableStyles,
+      width: tableAutoWidth ? "auto" : tableStyles.width,
+      "overflow": "auto"
+    })}
+        .headers="${headers}"
+        .rows="${rows}"
+        .size=${size}
+        .withFilter=${filter === "filter"}
+        .expandable=${expandable ?? nothing}
+        .expansionRenderer=${expansionRenderer ?? nothing}
+        .selectionMode=${selectionMode}
+        .fixedHeader=${fixedHeader}
+        .scrollConfig=${scrollConfig ?? nothing}
+        .loading=${loading}
+        .emptyText=${emptyText}
+        .emptyIcon=${emptyIcon ?? nothing}
+        @onPaginate=${(e) => {
+      this.executeEvent("onPaginate", e);
+    }}
+        @nr-select=${(e) => {
+      this.executeEvent("onSelect", e);
+    }}
+        @onSearch=${(e) => {
+      this.executeEvent("onSearch", e);
+    }}
+        @onSort=${(e) => {
+      this.executeEvent("onSort", e);
+    }}
+      >
+      </nr-table>
+
+    `;
+  }
+};
+TextInputBlock.styles = [
+  css``
+];
+__decorateClass([
+  property({ type: Object })
+], TextInputBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], TextInputBlock.prototype, "item", 2);
+__decorateClass([
+  state()
+], TextInputBlock.prototype, "headers", 2);
+__decorateClass([
+  state()
+], TextInputBlock.prototype, "rows", 2);
+TextInputBlock = __decorateClass([
+  customElement("table-block")
+], TextInputBlock);
+
+export { TextInputBlock };

package/dist/Tabs-CPQxFISc.js

@@ -0,0 +1,131 @@
+import { ae as BaseElementBlock, aM as renderComponent, w as $applicationComponents } from './BaseElement-wyA58UxT.js';
+import { nothing, html, css } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { E as EMPTY_STRING } from './constants-Bs_KQRi_.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/tabs');
+} catch (error) {
+  console.warn("[@nuralyui/tabs] Package not found or failed to load. Tab functionality may be limited.");
+}
+let TabsBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+    this.editableTabs = [];
+    this.componentsWithChildren = [];
+    this.registerCallback("tabs", () => {
+      this.updateComponents();
+      this.editableTabs = this.generateTabs();
+    });
+  }
+  update(changedProperties) {
+    super.update(changedProperties);
+    if (changedProperties.has("component")) {
+      this.updateComponents();
+    }
+  }
+  renderComponent() {
+    const tabStyle = this.getStyles();
+    return html`
+      ${this.editableTabs?.length > 0 ? html`
+        <nr-tabs
+          style=${styleMap({
+      ...tabStyle
+    })}
+          .activeTab=${this.inputHandlersValue.index ?? 0}
+          .tabs=${this.editableTabs}
+          size=${this.inputHandlersValue?.size ?? "medium"}
+          align=${this.inputHandlersValue?.align ?? nothing}
+          .panelConfig=${this.inputHandlersValue?.panelConfig ?? nothing}
+          .popOut=${this.inputHandlersValue?.popOut ?? nothing}
+          @nr-tab-click=${(e) => {
+      this.executeEvent("onTabChanged", e, {
+        tab: this.editableTabs.find((tab, index) => index === e.detail.index)
+      });
+    }}
+          @nr-tabs-panel-close=${(e) => {
+      this.executeEvent("onPanelClose", e);
+    }}
+          @nr-tabs-panel-minimize=${(e) => {
+      this.executeEvent("onPanelMinimize", e);
+    }}
+          @nr-tabs-panel-resize=${(e) => {
+      this.executeEvent("onPanelResize", e);
+    }}
+          @nr-tab-pop-out=${(e) => {
+      this.executeEvent("onTabPopOut", e, {
+        tab: e.detail.tab,
+        index: e.detail.index,
+        popOutId: e.detail.popOutId
+      });
+    }}
+          @nr-tab-pop-in=${(e) => {
+      this.executeEvent("onTabPopIn", e, {
+        tab: e.detail.tab,
+        originalIndex: e.detail.originalIndex,
+        popOutId: e.detail.popOutId
+      });
+    }}
+          .editable=${{
+      canDeleteTab: false,
+      canEditTabTitle: false,
+      canAddTab: false,
+      canMove: false
+    }}
+        ></nr-tabs>
+      ` : EMPTY_STRING}
+    `;
+  }
+  generateComponent(childrensIds) {
+    const childrens = childrensIds?.map(
+      (id) => this.componentsWithChildren.find((component) => component.uuid === id)
+    ).filter(Boolean) || [];
+    return html`${renderComponent(childrens, null, true)}`;
+  }
+  generateTabs() {
+    return this.inputHandlersValue.tabs?.map((tab) => ({
+      label: tab.label.value,
+      key: tab.key,
+      icon: tab.icon?.value || null,
+      content: html`
+        <div>${this.generateComponent(tab.childrends.value)}</div>`
+    }));
+  }
+  updateComponents() {
+    const components = $applicationComponents(this.component.application_id).get();
+    this.componentsWithChildren = [...components];
+  }
+};
+TabsBlock.styles = css`
+      :host {
+          display: block;
+          height: 100%;
+          /* CSS variables for tab text alignment customization */
+          --nuraly-tabs-text-align: center; /* Default center alignment */
+      }
+  `;
+__decorateClass([
+  property({ type: Object, reflect: false })
+], TabsBlock.prototype, "component", 2);
+__decorateClass([
+  state()
+], TabsBlock.prototype, "editableTabs", 2);
+__decorateClass([
+  state()
+], TabsBlock.prototype, "componentsWithChildren", 2);
+TabsBlock = __decorateClass([
+  customElement("tabs-block")
+], TabsBlock);
+
+export { TabsBlock };

package/dist/Tabs-DW2Su8xF.js

@@ -0,0 +1,116 @@
+import { B as b, o as c, A as d, b as l, r as h, f as m, i as f, c as v, d as u, t as T } from "./micro-app-entry-BgDXbkmh.js";
+import { E as g } from "./constants-CXdpxgF2.js";
+var C = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, o = (t, e, i, n) => {
+  for (var a = n > 1 ? void 0 : n ? $(e, i) : e, r = t.length - 1, p; r >= 0; r--)
+    (p = t[r]) && (a = (n ? p(e, i, a) : p(a)) || a);
+  return n && a && C(e, i, a), a;
+};
+try {
+  await import("@nuralyui/tabs");
+} catch {
+  console.warn("[@nuralyui/tabs] Package not found or failed to load. Tab functionality may be limited.");
+}
+let s = class extends b {
+  constructor() {
+    super(), this.editableTabs = [], this.componentsWithChildren = [], this.registerCallback("tabs", () => {
+      this.updateComponents(), this.editableTabs = this.generateTabs();
+    });
+  }
+  update(t) {
+    super.update(t), t.has("component") && this.updateComponents();
+  }
+  renderComponent() {
+    const t = this.getStyles();
+    return l`
+      ${this.editableTabs?.length > 0 ? l`
+        <nr-tabs
+          style=${c({
+      ...t
+    })}
+          .activeTab=${this.inputHandlersValue.index ?? 0}
+          .tabs=${this.editableTabs}
+          size=${this.inputHandlersValue?.size ?? "medium"}
+          align=${this.inputHandlersValue?.align ?? d}
+          .panelConfig=${this.inputHandlersValue?.panelConfig ?? d}
+          .popOut=${this.inputHandlersValue?.popOut ?? d}
+          @nr-tab-click=${(e) => {
+      this.executeEvent("onTabChanged", e, {
+        tab: this.editableTabs.find((i, n) => n === e.detail.index)
+      });
+    }}
+          @nr-tabs-panel-close=${(e) => {
+      this.executeEvent("onPanelClose", e);
+    }}
+          @nr-tabs-panel-minimize=${(e) => {
+      this.executeEvent("onPanelMinimize", e);
+    }}
+          @nr-tabs-panel-resize=${(e) => {
+      this.executeEvent("onPanelResize", e);
+    }}
+          @nr-tab-pop-out=${(e) => {
+      this.executeEvent("onTabPopOut", e, {
+        tab: e.detail.tab,
+        index: e.detail.index,
+        popOutId: e.detail.popOutId
+      });
+    }}
+          @nr-tab-pop-in=${(e) => {
+      this.executeEvent("onTabPopIn", e, {
+        tab: e.detail.tab,
+        originalIndex: e.detail.originalIndex,
+        popOutId: e.detail.popOutId
+      });
+    }}
+          .editable=${{
+      canDeleteTab: !1,
+      canEditTabTitle: !1,
+      canAddTab: !1,
+      canMove: !1
+    }}
+        ></nr-tabs>
+      ` : g}
+    `;
+  }
+  generateComponent(t) {
+    const e = t?.map(
+      (i) => this.componentsWithChildren.find((n) => n.uuid === i)
+    ).filter(Boolean) || [];
+    return l`${h(e, null, !0)}`;
+  }
+  generateTabs() {
+    return this.inputHandlersValue.tabs?.map((t) => ({
+      label: t.label.value,
+      key: t.key,
+      icon: t.icon?.value || null,
+      content: l`
+        <div>${this.generateComponent(t.childrends.value)}</div>`
+    }));
+  }
+  updateComponents() {
+    const t = m(this.component.application_id).get();
+    this.componentsWithChildren = [...t];
+  }
+};
+s.styles = f`
+      :host {
+          display: block;
+          height: 100%;
+          /* CSS variables for tab text alignment customization */
+          --nuraly-tabs-text-align: center; /* Default center alignment */
+      }
+  `;
+o([
+  v({ type: Object, reflect: !1 })
+], s.prototype, "component", 2);
+o([
+  u()
+], s.prototype, "editableTabs", 2);
+o([
+  u()
+], s.prototype, "componentsWithChildren", 2);
+s = o([
+  T("tabs-block")
+], s);
+export {
+  s as TabsBlock
+};

package/dist/Tag-BEfAQrjG.js

@@ -0,0 +1,61 @@
+import { 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/tag');
+} catch (error) {
+  console.warn("[@nuralyui/tag] Package not found or failed to load.");
+}
+let TagBlock = class extends BaseElementBlock {
+  renderComponent() {
+    const tagStyles = this.component?.style || {};
+    const label = this.component?.input?.label?.value || this.inputHandlersValue?.label || "";
+    const closable = this.component?.input?.closable?.value ?? this.inputHandlersValue?.closable ?? false;
+    const color = this.component?.input?.color?.value || this.inputHandlersValue?.color;
+    const icon = this.component?.input?.icon?.value || this.inputHandlersValue?.icon;
+    const bordered = this.component?.input?.bordered?.value ?? this.inputHandlersValue?.bordered ?? true;
+    return html`
+      <nr-tag
+        ${ref(this.inputRef)}
+        style=${styleMap(tagStyles)}
+        .color=${color}
+        ?closable=${closable}
+        ?bordered=${bordered}
+        @nr-tag-close=${(e) => {
+      this.executeEvent("onClose", e);
+    }}
+        @click=${(e) => {
+      this.executeEvent("onClick", e);
+    }}
+      >
+        ${icon ? html`<nr-icon slot="icon" .name=${icon}></nr-icon>` : ""}
+        ${label}
+      </nr-tag>
+    `;
+  }
+};
+TagBlock.styles = [css``];
+__decorateClass([
+  property({ type: Object })
+], TagBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], TagBlock.prototype, "item", 2);
+TagBlock = __decorateClass([
+  customElement("tag-block")
+], TagBlock);
+
+export { TagBlock };

package/dist/Tag-BLxTFDcC.js

@@ -0,0 +1,47 @@
+import { B as u, n as b, o as d, b as i, i as h, c as p, t as m } from "./micro-app-entry-BgDXbkmh.js";
+var v = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, a = (l, o, r, n) => {
+  for (var e = n > 1 ? void 0 : n ? $(o, r) : o, s = l.length - 1, t; s >= 0; s--)
+    (t = l[s]) && (e = (n ? t(o, r, e) : t(e)) || e);
+  return n && e && v(o, r, e), e;
+};
+try {
+  await import("@nuralyui/tag");
+} catch {
+  console.warn("[@nuralyui/tag] Package not found or failed to load.");
+}
+let c = class extends u {
+  renderComponent() {
+    const l = this.component?.style || {}, o = this.component?.input?.label?.value || this.inputHandlersValue?.label || "", r = this.component?.input?.closable?.value ?? this.inputHandlersValue?.closable ?? !1, n = this.component?.input?.color?.value || this.inputHandlersValue?.color, e = this.component?.input?.icon?.value || this.inputHandlersValue?.icon, s = this.component?.input?.bordered?.value ?? this.inputHandlersValue?.bordered ?? !0;
+    return i`
+      <nr-tag
+        ${b(this.inputRef)}
+        style=${d(l)}
+        .color=${n}
+        ?closable=${r}
+        ?bordered=${s}
+        @nr-tag-close=${(t) => {
+      this.executeEvent("onClose", t);
+    }}
+        @click=${(t) => {
+      this.executeEvent("onClick", t);
+    }}
+      >
+        ${e ? i`<nr-icon slot="icon" .name=${e}></nr-icon>` : ""}
+        ${o}
+      </nr-tag>
+    `;
+  }
+};
+c.styles = [h``];
+a([
+  p({ type: Object })
+], c.prototype, "component", 2);
+a([
+  p({ type: Object })
+], c.prototype, "item", 2);
+c = a([
+  m("tag-block")
+], c);
+export {
+  c as TagBlock
+};

package/dist/TextInput-BWhdGS3a.js

@@ -0,0 +1,148 @@
+import { B as h, n as c, A as s, b as m, i as f, c as p, d, t as v } from "./micro-app-entry-BgDXbkmh.js";
+function V(t, e) {
+  const a = t.inputHandlersValue?.name;
+  !a || !e || t.dispatchEvent(new CustomEvent("nr-field-register", {
+    bubbles: !0,
+    composed: !0,
+    detail: {
+      element: e,
+      name: a,
+      blockElement: t
+    }
+  }));
+}
+function $(t) {
+  const e = t.inputHandlersValue?.name;
+  e && t.dispatchEvent(new CustomEvent("nr-field-unregister", {
+    bubbles: !0,
+    composed: !0,
+    detail: {
+      name: e,
+      blockElement: t
+    }
+  }));
+}
+var b = Object.defineProperty, H = Object.getOwnPropertyDescriptor, u = (t, e, a, l) => {
+  for (var n = l > 1 ? void 0 : l ? H(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (n = (l ? o(e, a, n) : o(n)) || n);
+  return l && n && b(e, a, n), n;
+};
+try {
+  await import("@nuralyui/input");
+} catch {
+  console.warn("[@nuralyui/input] Package not found or failed to load.");
+}
+let i = class extends h {
+  constructor() {
+    super(), this.currentValue = "", this._isUserFocused = !1, this._focusResetTimeout = null, this._inputElement = null;
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this.registerCallback("value", (e) => {
+      !this._isUserFocused && this.currentValue !== e && (this.currentValue = e ?? "");
+    }), this._inputElement = this.renderRoot.querySelector("nr-input"), this._inputElement && this.inputHandlersValue?.name && V(this, this._inputElement);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.unsubscribe && this.unsubscribe(), this._focusResetTimeout && clearTimeout(this._focusResetTimeout), this.inputHandlersValue?.name && $(this);
+  }
+  resetFocusAfterInactivity() {
+    this._focusResetTimeout && clearTimeout(this._focusResetTimeout), this._focusResetTimeout = setTimeout(() => {
+      this._isUserFocused = !1;
+    }, 3e3);
+  }
+  renderComponent() {
+    return this.getStyles(), (this.component?.style || {})?.size, m`
+        <nr-input
+        ${c(this.inputRef)}
+     class="${`drop-${this.component.uuid}`}"
+         
+          .value=${this.inputHandlersValue?.value ?? s}
+          .size=${this.inputHandlersValue?.size ?? "medium"}
+          .state=${this.inputHandlersValue.status ?? s}
+          .type=${this.inputHandlersValue.type ?? s}
+          .variant=${this.inputHandlersValue.variant ?? s}
+          .disabled=${this.inputHandlersValue.state === "disabled"}
+          .readonly=${this.inputHandlersValue.readonly || !1}
+          .placeholder=${this.inputHandlersValue?.placeholder ?? "Text input"}
+          .step=${this.inputHandlersValue?.step ?? s}
+          .min=${this.inputHandlersValue?.min ?? s}
+          .max=${this.inputHandlersValue?.max ?? s}
+          .name=${this.inputHandlersValue?.name ?? s}
+          .required=${this.inputHandlersValue?.required || !1}
+          .withCopy=${this.inputHandlersValue?.withCopy || !1}
+          .allowClear=${this.inputHandlersValue?.allowClear || !1}
+          .showCount=${this.inputHandlersValue?.showCount || !1}
+          .maxLength=${this.inputHandlersValue?.maxLength ?? s}
+          .rules=${this.inputHandlersValue?.rules ?? []}
+          .validateOnChangeInput=${this.inputHandlersValue?.validateOnChange !== !1}
+          .validateOnBlurInput=${this.inputHandlersValue?.validateOnBlur !== !1}
+          .hasFeedback=${this.inputHandlersValue?.hasFeedback || !1}
+          .autocomplete=${this.inputHandlersValue?.autocomplete ?? "off"}
+          @nr-input=${(e) => {
+      this._isUserFocused = !0, this.executeEvent(
+        "onChange",
+        e,
+        {
+          value: e.detail.value,
+          oldValue: e.detail.oldValue
+        }
+      ), this.resetFocusAfterInactivity();
+    }}
+          @nr-focus=${(e) => {
+      this._isUserFocused = !0, this.executeEvent("onFocus", e, {
+        value: e.detail.value
+      });
+    }}
+          @nr-blur=${(e) => {
+      this._isUserFocused = !1, this.executeEvent("onBlur", e, {
+        value: e.detail.value
+      });
+    }}
+          @nr-enter=${(e) => {
+      this.executeEvent("onEnter", e, {
+        value: e.detail.value
+      });
+    }}
+          @nr-clear=${(e) => {
+      this.executeEvent("onClear", e, {
+        value: e.detail.value
+      });
+    }}
+          @keydown=${(e) => {
+      e.key === "ArrowUp" ? this.executeEvent("onArrowUp", e) : e.key === "ArrowDown" && this.executeEvent("onArrowDown", e);
+    }}
+        >
+          <span
+            slot="label"
+           
+          >
+            ${this.inputHandlersValue?.label ?? ""}
+          </span>
+          <span
+            slot="helper-text"
+           
+          >
+            ${this.inputHandlersValue?.helper ?? ""}
+          </span>
+        </nr-input>
+    `;
+  }
+};
+i.styles = [f``];
+u([
+  p({ type: Object })
+], i.prototype, "component", 2);
+u([
+  p({ type: Object })
+], i.prototype, "item", 2);
+u([
+  d()
+], i.prototype, "currentValue", 2);
+u([
+  d()
+], i.prototype, "_isUserFocused", 2);
+i = u([
+  v("text-input-block")
+], i);
+export {
+  i as TextInputBlock
+};