@nuraly/runtime 0.1.8 → 0.1.10

package/dist/Table-dEma50kw.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-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/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-BDKEv1jn.js

@@ -0,0 +1,131 @@
+import { ae as BaseElementBlock, aM as renderComponent, w as $applicationComponents } from './BaseElement-pS6m_x6Q.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-Cvt3Q8vx.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-DiNqE6xi.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-BcZvQkE_.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-DiNqE6xi.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/Tag-DMZ0mu8y.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-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/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 };