@nuraly/runtime 0.1.9 → 0.1.10

package/dist/Row-Dmd_61mR.js

@@ -0,0 +1,202 @@
+import { i as f, B as w, e as g, $ as y, r as $, A as s, s as C, b as d, n as c, o as h, a as j, c as u, d as m, t as b } from "./micro-app-entry-DiNqE6xi.js";
+import "@nuralyui/grid";
+const x = f`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .grid-row {
+    display: flex;
+    flex-flow: row wrap;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .grid-row.no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  /* Alignment */
+  .grid-row.align-top {
+    align-items: flex-start;
+  }
+
+  .grid-row.align-middle {
+    align-items: center;
+  }
+
+  .grid-row.align-bottom {
+    align-items: flex-end;
+  }
+
+  .grid-row.align-stretch {
+    align-items: stretch;
+  }
+
+  /* Justify */
+  .grid-row.justify-start {
+    justify-content: flex-start;
+  }
+
+  .grid-row.justify-end {
+    justify-content: flex-end;
+  }
+
+  .grid-row.justify-center {
+    justify-content: center;
+  }
+
+  .grid-row.justify-space-around {
+    justify-content: space-around;
+  }
+
+  .grid-row.justify-space-between {
+    justify-content: space-between;
+  }
+
+  .grid-row.justify-space-evenly {
+    justify-content: space-evenly;
+  }
+
+  .empty-message {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    min-height: 100px;
+    border: 2px dashed #ccc;
+    color: #999;
+    font-size: 14px;
+    position: relative;
+  }
+`;
+var v = Object.defineProperty, R = Object.getOwnPropertyDescriptor, r = (t, e, a, o) => {
+  for (var i = o > 1 ? void 0 : o ? R(e, a) : e, p = t.length - 1, l; p >= 0; p--)
+    (l = t[p]) && (i = (o ? l(e, a, i) : l(i)) || i);
+  return o && i && v(e, a, i), i;
+};
+const _ = ["gutter", "align", "justify", "wrap"];
+let n = class extends w {
+  constructor() {
+    super(...arguments), this.isViewMode = !1, this.childrenComponents = [], this.containerRef = g();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.updateChildrenComponents(), _.forEach((t) => this.registerCallback(t, () => this.requestUpdate()));
+  }
+  willUpdate(t) {
+    super.willUpdate(t), t.has("component") && this.updateChildrenComponents();
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((t) => y.get()[this.component?.application_id]?.find((e) => e.uuid === t)).filter(Boolean) ?? [];
+  }
+  /**
+   * Parse gutter value - supports number, [h, v] array, or responsive object
+   */
+  parseGutter(t) {
+    return t ? typeof t == "number" || Array.isArray(t) ? t : typeof t == "string" && !isNaN(Number(t)) ? Number(t) : t : 0;
+  }
+  /**
+   * Get all row properties from input handlers
+   */
+  getRowProps() {
+    const t = this.inputHandlersValue;
+    return {
+      gutter: this.parseGutter(t?.gutter),
+      align: t?.align || "",
+      justify: t?.justify || "",
+      wrap: t?.wrap !== !1
+    };
+  }
+  /**
+   * Render children components
+   */
+  renderChildren() {
+    return this.childrenComponents.length ? $(
+      this.childrenComponents.map((t) => ({ ...t, item: this.item })),
+      this.item,
+      this.isViewMode,
+      { ...this.component, uniqueUUID: this.uniqueUUID }
+    ) : s;
+  }
+  /**
+   * Render empty state placeholder for editor mode
+   */
+  renderEmptyState() {
+    return d`
+      <div
+        class="empty-message"
+        @click="${() => C(this.component?.uuid)}"
+      >
+        Add Grid Columns (nr-col) to this row
+        <drag-wrapper
+          .where=${"inside"}
+          .message=${"Drop inside"}
+          .component=${{ ...this.component }}
+          .inputRef=${this.inputRef}
+          .isDragInitiator=${this.isDragInitiator}
+        >
+        </drag-wrapper>
+      </div>
+    `;
+  }
+  renderComponent() {
+    const t = this.getRowProps();
+    return this.isViewMode ? d`
+        <nr-row
+          ${c(this.inputRef)}
+          data-component-uuid=${this.component?.uuid}
+          data-component-name=${this.component?.name}
+          style=${h(this.getStyles())}
+          .gutter=${t.gutter}
+          align=${t.align || s}
+          justify=${t.justify || s}
+          ?wrap=${t.wrap}
+        >
+          ${this.renderChildren()}
+        </nr-row>
+      ` : d`
+      <nr-row
+        ${c(this.inputRef)}
+        ${c(this.containerRef)}
+        data-component-uuid=${this.component?.uuid}
+        data-component-name=${this.component?.name}
+        @click="${(e) => {
+      j(null), this.executeEvent("onClick", e);
+    }}"
+        style=${h({
+      ...this.getStyles(),
+      "min-height": this.childrenComponents.length ? "auto" : "100px"
+    })}
+        .gutter=${t.gutter}
+        align=${t.align || s}
+        justify=${t.justify || s}
+        ?wrap=${t.wrap}
+      >
+        ${this.childrenComponents.length ? this.renderChildren() : this.renderEmptyState()}
+      </nr-row>
+    `;
+  }
+};
+n.styles = x;
+r([
+  u({ type: Object })
+], n.prototype, "component", 2);
+r([
+  u({ type: Object })
+], n.prototype, "item", 2);
+r([
+  u({ type: Boolean })
+], n.prototype, "isViewMode", 2);
+r([
+  m()
+], n.prototype, "childrenComponents", 2);
+r([
+  m()
+], n.prototype, "containerRef", 2);
+n = r([
+  b("grid-row-block")
+], n);
+export {
+  n as GridRow
+};

package/dist/Select-Cma8JHAj.js

@@ -0,0 +1,77 @@
+import { B as c, n as d, o as h, A as a, b as $, c as b, t as v } from "./micro-app-entry-DiNqE6xi.js";
+import { E as o } from "./constants-CXdpxgF2.js";
+import "@nuralyui/select";
+var V = Object.defineProperty, H = Object.getOwnPropertyDescriptor, p = (e, l, n, s) => {
+  for (var t = s > 1 ? void 0 : s ? H(l, n) : l, i = e.length - 1, r; i >= 0; i--)
+    (r = e[i]) && (t = (s ? r(l, n, t) : r(t)) || t);
+  return s && t && V(l, n, t), t;
+};
+let u = class extends c {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.registerCallback("value", (e) => {
+      this.requestUpdate();
+    });
+  }
+  renderComponent() {
+    return $`
+      <nr-select
+            ${d(this.inputRef)}
+            style=${h({
+      ...this.getStyles(),
+      "--nuraly-select-width": this.getStyles()["--nuraly-select-width"] ?? this.getStyles().width
+    })}
+                 ?multiple=${this.inputHandlersValue?.selectionMode === "multiple"}
+                 ?searchable=${this.inputHandlersValue?.searchable ?? !1}
+                 ?clearable=${this.inputHandlersValue?.clearable ?? !1}
+                 ?required=${this.inputHandlersValue?.required ?? !1}
+                 ?block=${this.inputHandlersValue?.block ?? !1}
+                 .options=${this.inputHandlersValue?.options ?? []}
+                 .value=${this.inputHandlersValue?.value ?? o}
+                 .placeholder=${this.inputHandlersValue?.placeholder || "Select an option"}
+                 .searchPlaceholder=${this.inputHandlersValue?.searchPlaceholder || "Search options..."}
+                 .status=${this.inputHandlersValue?.state ?? a}
+                 .size=${this.inputHandlersValue?.size ?? a}
+                 .disabled=${this.inputHandlersValue?.disabled ?? this.inputHandlersValue.state == "disabled"}
+                 .type=${this.inputHandlersValue?.type || "default"}
+                 @nr-change=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value ?? o
+      });
+    }}
+                 @nr-focus=${(e) => {
+      this.executeEvent("onFocus", e);
+    }}
+                 @nr-blur=${(e) => {
+      this.executeEvent("onBlur", e);
+    }}
+                 @nr-dropdown-open=${(e) => {
+      this.executeEvent("onDropdownOpen", e);
+    }}
+                 @nr-dropdown-close=${(e) => {
+      this.executeEvent("onDropdownClose", e);
+    }}
+                 @nr-validation=${(e) => {
+      this.executeEvent("onValidation", e, {
+        isValid: e.detail.isValid,
+        message: e.detail.message
+      });
+    }}
+      >
+        <span slot="label">${this.inputHandlersValue.label ?? a}</span>
+        <span slot="helper-text">${this.inputHandlersValue.helper ?? a}</span>
+      </nr-select>
+    `;
+  }
+};
+p([
+  b({ type: Object })
+], u.prototype, "component", 2);
+u = p([
+  v("select-block")
+], u);
+export {
+  u as SelectBlock
+};

package/dist/Select-DqA08VYb.js

@@ -0,0 +1,87 @@
+import { nothing, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.js';
+import { E as EMPTY_STRING } from './constants-Bs_KQRi_.js';
+import { ref } from 'lit/directives/ref.js';
+import '@nuralyui/select';
+
+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 SelectBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.registerCallback("value", (v) => {
+      this.requestUpdate();
+    });
+  }
+  renderComponent() {
+    return html`
+      <nr-select
+            ${ref(this.inputRef)}
+            style=${styleMap({
+      ...this.getStyles(),
+      "--nuraly-select-width": this.getStyles()["--nuraly-select-width"] ?? this.getStyles().width
+    })}
+                 ?multiple=${this.inputHandlersValue?.selectionMode === "multiple"}
+                 ?searchable=${this.inputHandlersValue?.searchable ?? false}
+                 ?clearable=${this.inputHandlersValue?.clearable ?? false}
+                 ?required=${this.inputHandlersValue?.required ?? false}
+                 ?block=${this.inputHandlersValue?.block ?? false}
+                 .options=${this.inputHandlersValue?.options ?? []}
+                 .value=${this.inputHandlersValue?.value ?? EMPTY_STRING}
+                 .placeholder=${this.inputHandlersValue?.placeholder || "Select an option"}
+                 .searchPlaceholder=${this.inputHandlersValue?.searchPlaceholder || "Search options..."}
+                 .status=${this.inputHandlersValue?.state ?? nothing}
+                 .size=${this.inputHandlersValue?.size ?? nothing}
+                 .disabled=${this.inputHandlersValue?.disabled ?? this.inputHandlersValue.state == "disabled"}
+                 .type=${this.inputHandlersValue?.type || "default"}
+                 @nr-change=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value ?? EMPTY_STRING
+      });
+    }}
+                 @nr-focus=${(e) => {
+      this.executeEvent("onFocus", e);
+    }}
+                 @nr-blur=${(e) => {
+      this.executeEvent("onBlur", e);
+    }}
+                 @nr-dropdown-open=${(e) => {
+      this.executeEvent("onDropdownOpen", e);
+    }}
+                 @nr-dropdown-close=${(e) => {
+      this.executeEvent("onDropdownClose", e);
+    }}
+                 @nr-validation=${(e) => {
+      this.executeEvent("onValidation", e, {
+        isValid: e.detail.isValid,
+        message: e.detail.message
+      });
+    }}
+      >
+        <span slot="label">${this.inputHandlersValue.label ?? nothing}</span>
+        <span slot="helper-text">${this.inputHandlersValue.helper ?? nothing}</span>
+      </nr-select>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Object })
+], SelectBlock.prototype, "component", 2);
+SelectBlock = __decorateClass([
+  customElement("select-block")
+], SelectBlock);
+
+export { SelectBlock };

package/dist/Slider-B2_Qecjz.js

@@ -0,0 +1,74 @@
+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-pS6m_x6Q.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/slider-input');
+} catch (error) {
+  console.warn("[@nuralyui/slider-input] Package not found or failed to load.");
+}
+let SliderBlock = class extends BaseElementBlock {
+  renderComponent() {
+    const sliderStyles = this.component?.style || {};
+    const value = this.component?.input?.value?.value ?? this.inputHandlersValue?.value ?? 0;
+    const min = this.component?.input?.min?.value ?? this.inputHandlersValue?.min ?? 0;
+    const max = this.component?.input?.max?.value ?? this.inputHandlersValue?.max ?? 100;
+    const step = this.component?.input?.step?.value ?? this.inputHandlersValue?.step ?? 1;
+    const disabled = this.component?.input?.disabled?.value ?? this.inputHandlersValue?.disabled ?? false;
+    const vertical = this.component?.input?.vertical?.value ?? this.inputHandlersValue?.vertical ?? false;
+    const showTooltip = this.component?.input?.showTooltip?.value ?? this.inputHandlersValue?.showTooltip ?? true;
+    const showMarks = this.component?.input?.showMarks?.value ?? this.inputHandlersValue?.showMarks ?? false;
+    const range = this.component?.input?.range?.value ?? this.inputHandlersValue?.range ?? false;
+    const marks = this.inputHandlersValue?.marks;
+    return html`
+      <nr-slider-input
+        ${ref(this.inputRef)}
+        style=${styleMap(sliderStyles)}
+        .value=${value}
+        .min=${min}
+        .max=${max}
+        .step=${step}
+        .marks=${marks}
+        ?disabled=${disabled}
+        ?vertical=${vertical}
+        ?showTooltip=${showTooltip}
+        ?showMarks=${showMarks}
+        ?range=${range}
+        @nr-change=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value
+      });
+    }}
+        @nr-after-change=${(e) => {
+      this.executeEvent("onAfterChange", e, {
+        value: e.detail.value
+      });
+    }}
+      ></nr-slider-input>
+    `;
+  }
+};
+SliderBlock.styles = [css``];
+__decorateClass([
+  property({ type: Object })
+], SliderBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], SliderBlock.prototype, "item", 2);
+SliderBlock = __decorateClass([
+  customElement("slider-block")
+], SliderBlock);
+
+export { SliderBlock };

package/dist/Slider-DVY0N2YX.js

@@ -0,0 +1,55 @@
+import { B as m, n as f, o as $, b as w, i as b, c as p, t as y } from "./micro-app-entry-DiNqE6xi.js";
+var H = Object.defineProperty, V = Object.getOwnPropertyDescriptor, u = (s, t, a, n) => {
+  for (var e = n > 1 ? void 0 : n ? V(t, a) : t, l = s.length - 1, i; l >= 0; l--)
+    (i = s[l]) && (e = (n ? i(t, a, e) : i(e)) || e);
+  return n && e && H(t, a, e), e;
+};
+try {
+  await import("@nuralyui/slider-input");
+} catch {
+  console.warn("[@nuralyui/slider-input] Package not found or failed to load.");
+}
+let r = class extends m {
+  renderComponent() {
+    const s = this.component?.style || {}, t = this.component?.input?.value?.value ?? this.inputHandlersValue?.value ?? 0, a = this.component?.input?.min?.value ?? this.inputHandlersValue?.min ?? 0, n = this.component?.input?.max?.value ?? this.inputHandlersValue?.max ?? 100, e = this.component?.input?.step?.value ?? this.inputHandlersValue?.step ?? 1, l = this.component?.input?.disabled?.value ?? this.inputHandlersValue?.disabled ?? !1, i = this.component?.input?.vertical?.value ?? this.inputHandlersValue?.vertical ?? !1, c = this.component?.input?.showTooltip?.value ?? this.inputHandlersValue?.showTooltip ?? !0, h = this.component?.input?.showMarks?.value ?? this.inputHandlersValue?.showMarks ?? !1, d = this.component?.input?.range?.value ?? this.inputHandlersValue?.range ?? !1, v = this.inputHandlersValue?.marks;
+    return w`
+      <nr-slider-input
+        ${f(this.inputRef)}
+        style=${$(s)}
+        .value=${t}
+        .min=${a}
+        .max=${n}
+        .step=${e}
+        .marks=${v}
+        ?disabled=${l}
+        ?vertical=${i}
+        ?showTooltip=${c}
+        ?showMarks=${h}
+        ?range=${d}
+        @nr-change=${(o) => {
+      this.executeEvent("onChange", o, {
+        value: o.detail.value
+      });
+    }}
+        @nr-after-change=${(o) => {
+      this.executeEvent("onAfterChange", o, {
+        value: o.detail.value
+      });
+    }}
+      ></nr-slider-input>
+    `;
+  }
+};
+r.styles = [b``];
+u([
+  p({ type: Object })
+], r.prototype, "component", 2);
+u([
+  p({ type: Object })
+], r.prototype, "item", 2);
+r = u([
+  y("slider-block")
+], r);
+export {
+  r as SliderBlock
+};

package/dist/Table-0WjrBnz-.js

@@ -0,0 +1,159 @@
+import { B as H, n as x, o as $, A as p, b as C, i as w, c as u, d as c, t as v } from "./micro-app-entry-DiNqE6xi.js";
+var O = Object.defineProperty, D = Object.getOwnPropertyDescriptor, d = (t, s, l, i) => {
+  for (var e = i > 1 ? void 0 : i ? D(s, l) : s, o = t.length - 1, r; o >= 0; o--)
+    (r = t[o]) && (e = (i ? r(s, l, e) : r(e)) || e);
+  return i && e && O(s, l, e), e;
+};
+try {
+  await import("@nuralyui/table");
+} catch {
+  console.warn("[@nuralyui/table] Package not found or failed to load.");
+}
+let n = class extends H {
+  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(), this.unsubscribe && this.unsubscribe();
+  }
+  renderComponent() {
+    const t = this.component?.style || {}, s = this.inputHandlersValue?.width;
+    this.inputHandlersValue?.height;
+    const l = this.inputHandlersValue?.data ? this.inputHandlersValue?.data?.headers : this.headers, i = this.inputHandlersValue?.data ? this.inputHandlersValue?.data?.rows : this.rows, e = t.size || "normal", o = this.component?.input?.selectionMode?.value || this.inputHandlersValue?.selectionMode, r = o === "multiple" ? "multiple" : o === "single" ? "single" : void 0, h = this.inputHandlersValue?.filter, m = this.inputHandlersValue?.fixedHeader ?? !1, g = this.inputHandlersValue?.loading ?? !1, y = this.inputHandlersValue?.expandable ?? !1, P = this.inputHandlersValue?.emptyText ?? "No data available", V = this.inputHandlersValue?.emptyIcon, f = this.inputHandlersValue?.expansionRenderer, b = this.inputHandlersValue?.scrollConfig;
+    return C`
+      <nr-table
+        ${x(this.inputRef)}
+        style=${$({
+      ...t,
+      width: s ? "auto" : t.width,
+      overflow: "auto"
+    })}
+        .headers="${l}"
+        .rows="${i}"
+        .size=${e}
+        .withFilter=${h === "filter"}
+        .expandable=${y ?? p}
+        .expansionRenderer=${f ?? p}
+        .selectionMode=${r}
+        .fixedHeader=${m}
+        .scrollConfig=${b ?? p}
+        .loading=${g}
+        .emptyText=${P}
+        .emptyIcon=${V ?? p}
+        @onPaginate=${(a) => {
+      this.executeEvent("onPaginate", a);
+    }}
+        @nr-select=${(a) => {
+      this.executeEvent("onSelect", a);
+    }}
+        @onSearch=${(a) => {
+      this.executeEvent("onSearch", a);
+    }}
+        @onSort=${(a) => {
+      this.executeEvent("onSort", a);
+    }}
+      >
+      </nr-table>
+
+    `;
+  }
+};
+n.styles = [
+  w``
+];
+d([
+  u({ type: Object })
+], n.prototype, "component", 2);
+d([
+  u({ type: Object })
+], n.prototype, "item", 2);
+d([
+  c()
+], n.prototype, "headers", 2);
+d([
+  c()
+], n.prototype, "rows", 2);
+n = d([
+  v("table-block")
+], n);
+export {
+  n as TextInputBlock
+};