@nuraly/runtime 0.1.8 → 0.1.10

package/dist/Panel-Bso5fv4i.js

@@ -0,0 +1,127 @@
+import { B as g, $ as x, n as V, o as H, r as y, A as u, b as d, i as E, c, d as w, t as M } from "./micro-app-entry-DiNqE6xi.js";
+import { PanelMode as S, PanelSize as _, PanelPosition as D, MaximizePosition as O } from "@nuralyui/panel";
+var B = Object.defineProperty, j = Object.getOwnPropertyDescriptor, r = (t, i, s, a) => {
+  for (var n = a > 1 ? void 0 : a ? j(i, s) : i, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (n = (a ? p(i, s, n) : p(n)) || n);
+  return a && n && B(i, s, n), n;
+};
+try {
+  await import("@nuralyui/panel");
+} catch {
+  console.warn("[@nuralyui/panel] Package not found or failed to load. Panel functionality may be limited.");
+}
+let o = class extends g {
+  constructor() {
+    super(...arguments), this.isViewMode = !1, this.childrenComponents = [];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.updateChildrenComponents();
+  }
+  updated(t) {
+    super.updated(t), t.has("component") && this.updateChildrenComponents();
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((t) => x.get()[this.component?.application_id]?.find((i) => i.uuid === t)) ?? [];
+  }
+  renderComponent() {
+    const t = this.component?.style || {}, i = this.component?.input?.mode?.value || this.inputHandlersValue?.mode || S.Panel, s = this.component?.input?.size?.value || this.inputHandlersValue?.size || _.Medium, a = this.component?.input?.position?.value || this.inputHandlersValue?.position || D.Right, n = this.component?.input?.maximizePosition?.value || this.inputHandlersValue?.maximizePosition || O.Center, l = this.component?.input?.draggable?.value ?? this.inputHandlersValue?.draggable ?? !0, p = this.component?.input?.resizable?.value ?? this.inputHandlersValue?.resizable ?? !1, h = this.component?.input?.collapsible?.value ?? this.inputHandlersValue?.collapsible ?? !1, m = this.component?.input?.minimizable?.value ?? this.inputHandlersValue?.minimizable ?? !0, v = this.component?.input?.closable?.value ?? this.inputHandlersValue?.closable ?? !0, $ = this.component?.input?.animated?.value ?? this.inputHandlersValue?.animated ?? !1, b = this.component?.input?.title?.value || this.inputHandlersValue?.title || "", z = this.component?.input?.icon?.value || this.inputHandlersValue?.icon || "", C = this.component?.input?.width?.value || this.inputHandlersValue?.width || "", P = this.component?.input?.height?.value || this.inputHandlersValue?.height || "", f = this.component?.input?.open?.value ?? this.inputHandlersValue?.open ?? !0;
+    return d`
+      <nr-panel
+        ${V(this.inputRef)}
+        style=${H(t)}
+        .mode=${i}
+        .size=${s}
+        .position=${a}
+        .maximizePosition=${n}
+        ?draggable=${l}
+        ?resizable=${p}
+        ?collapsible=${h}
+        ?minimizable=${m}
+        ?closable=${v}
+        ?animated=${$}
+        .title=${b}
+        .icon=${z}
+        .width=${C}
+        .height=${P}
+        ?open=${f}
+        @panel-mode-change=${(e) => {
+      this.executeEvent("onPanelModeChange", e);
+    }}
+        @panel-close=${(e) => {
+      this.executeEvent("onPanelClose", e);
+    }}
+        @panel-minimize=${(e) => {
+      this.executeEvent("onPanelMinimize", e);
+    }}
+        @panel-maximize=${(e) => {
+      this.executeEvent("onPanelMaximize", e);
+    }}
+        @panel-drag-start=${(e) => {
+      this.executeEvent("onPanelDragStart", e);
+    }}
+        @panel-drag-end=${(e) => {
+      this.executeEvent("onPanelDragEnd", e);
+    }}
+        @panel-resize=${(e) => {
+      this.executeEvent("onPanelResize", e);
+    }}
+        @panel-maximize-embedded=${(e) => {
+      this.executeEvent("onPanelMaximizeEmbedded", e);
+    }}
+        @panel-restore-embedded=${(e) => {
+      this.executeEvent("onPanelRestoreEmbedded", e);
+    }}
+      >
+        ${this.childrenComponents.length ? y(
+      this.childrenComponents.map((e) => ({ ...e, item: this.item })),
+      this.item,
+      this.isViewMode,
+      { ...this.component, uniqueUUID: this.uniqueUUID }
+    ) : u}
+        ${this.renderHeaderSlot()}
+        ${this.renderFooterSlot()}
+      </nr-panel>
+    `;
+  }
+  /**
+   * Render custom header slot if content is provided
+   */
+  renderHeaderSlot() {
+    const t = this.component?.input?.headerContent?.value || this.inputHandlersValue?.headerContent;
+    return t ? d`
+      <div slot="header">
+        ${t}
+      </div>
+    ` : u;
+  }
+  /**
+   * Render custom footer slot if content is provided
+   */
+  renderFooterSlot() {
+    const t = this.component?.input?.footerContent?.value || this.inputHandlersValue?.footerContent;
+    return t ? d`
+      <div slot="footer">
+        ${t}
+      </div>
+    ` : u;
+  }
+};
+o.styles = [E``];
+r([
+  c({ type: Object })
+], o.prototype, "component", 2);
+r([
+  c({ type: Object })
+], o.prototype, "item", 2);
+r([
+  c({ type: Boolean })
+], o.prototype, "isViewMode", 2);
+r([
+  w()
+], o.prototype, "childrenComponents", 2);
+o = r([
+  M("panel-block")
+], o);
+export {
+  o as PanelBlock
+};

package/dist/Panel-CwzW9iuA.js

@@ -0,0 +1,161 @@
+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, $ as $components, aM as renderComponent } from './BaseElement-pS6m_x6Q.js';
+import { ref } from 'lit/directives/ref.js';
+import { PanelMode, PanelSize, PanelPosition, MaximizePosition } from '@nuralyui/panel';
+
+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/panel');
+} catch (error) {
+  console.warn("[@nuralyui/panel] Package not found or failed to load. Panel functionality may be limited.");
+}
+let PanelBlock = class extends BaseElementBlock {
+  constructor() {
+    super(...arguments);
+    this.isViewMode = false;
+    this.childrenComponents = [];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateChildrenComponents();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    if (changedProperties.has("component")) {
+      this.updateChildrenComponents();
+    }
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((id) => {
+      return $components.get()[this.component?.application_id]?.find((component) => component.uuid === id);
+    }) ?? [];
+  }
+  renderComponent() {
+    const panelStyles = this.component?.style || {};
+    const mode = this.component?.input?.mode?.value || this.inputHandlersValue?.mode || PanelMode.Panel;
+    const size = this.component?.input?.size?.value || this.inputHandlersValue?.size || PanelSize.Medium;
+    const position = this.component?.input?.position?.value || this.inputHandlersValue?.position || PanelPosition.Right;
+    const maximizePosition = this.component?.input?.maximizePosition?.value || this.inputHandlersValue?.maximizePosition || MaximizePosition.Center;
+    const draggable = this.component?.input?.draggable?.value ?? this.inputHandlersValue?.draggable ?? true;
+    const resizable = this.component?.input?.resizable?.value ?? this.inputHandlersValue?.resizable ?? false;
+    const collapsible = this.component?.input?.collapsible?.value ?? this.inputHandlersValue?.collapsible ?? false;
+    const minimizable = this.component?.input?.minimizable?.value ?? this.inputHandlersValue?.minimizable ?? true;
+    const closable = this.component?.input?.closable?.value ?? this.inputHandlersValue?.closable ?? true;
+    const animated = this.component?.input?.animated?.value ?? this.inputHandlersValue?.animated ?? false;
+    const title = this.component?.input?.title?.value || this.inputHandlersValue?.title || "";
+    const icon = this.component?.input?.icon?.value || this.inputHandlersValue?.icon || "";
+    const width = this.component?.input?.width?.value || this.inputHandlersValue?.width || "";
+    const height = this.component?.input?.height?.value || this.inputHandlersValue?.height || "";
+    const open = this.component?.input?.open?.value ?? this.inputHandlersValue?.open ?? true;
+    return html`
+      <nr-panel
+        ${ref(this.inputRef)}
+        style=${styleMap(panelStyles)}
+        .mode=${mode}
+        .size=${size}
+        .position=${position}
+        .maximizePosition=${maximizePosition}
+        ?draggable=${draggable}
+        ?resizable=${resizable}
+        ?collapsible=${collapsible}
+        ?minimizable=${minimizable}
+        ?closable=${closable}
+        ?animated=${animated}
+        .title=${title}
+        .icon=${icon}
+        .width=${width}
+        .height=${height}
+        ?open=${open}
+        @panel-mode-change=${(e) => {
+      this.executeEvent("onPanelModeChange", e);
+    }}
+        @panel-close=${(e) => {
+      this.executeEvent("onPanelClose", e);
+    }}
+        @panel-minimize=${(e) => {
+      this.executeEvent("onPanelMinimize", e);
+    }}
+        @panel-maximize=${(e) => {
+      this.executeEvent("onPanelMaximize", e);
+    }}
+        @panel-drag-start=${(e) => {
+      this.executeEvent("onPanelDragStart", e);
+    }}
+        @panel-drag-end=${(e) => {
+      this.executeEvent("onPanelDragEnd", e);
+    }}
+        @panel-resize=${(e) => {
+      this.executeEvent("onPanelResize", e);
+    }}
+        @panel-maximize-embedded=${(e) => {
+      this.executeEvent("onPanelMaximizeEmbedded", e);
+    }}
+        @panel-restore-embedded=${(e) => {
+      this.executeEvent("onPanelRestoreEmbedded", e);
+    }}
+      >
+        ${this.childrenComponents.length ? renderComponent(
+      this.childrenComponents.map((component) => ({ ...component, item: this.item })),
+      this.item,
+      this.isViewMode,
+      { ...this.component, uniqueUUID: this.uniqueUUID }
+    ) : nothing}
+        ${this.renderHeaderSlot()}
+        ${this.renderFooterSlot()}
+      </nr-panel>
+    `;
+  }
+  /**
+   * Render custom header slot if content is provided
+   */
+  renderHeaderSlot() {
+    const headerContent = this.component?.input?.headerContent?.value || this.inputHandlersValue?.headerContent;
+    if (!headerContent) return nothing;
+    return html`
+      <div slot="header">
+        ${headerContent}
+      </div>
+    `;
+  }
+  /**
+   * Render custom footer slot if content is provided
+   */
+  renderFooterSlot() {
+    const footerContent = this.component?.input?.footerContent?.value || this.inputHandlersValue?.footerContent;
+    if (!footerContent) return nothing;
+    return html`
+      <div slot="footer">
+        ${footerContent}
+      </div>
+    `;
+  }
+};
+PanelBlock.styles = [css``];
+__decorateClass([
+  property({ type: Object })
+], PanelBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], PanelBlock.prototype, "item", 2);
+__decorateClass([
+  property({ type: Boolean })
+], PanelBlock.prototype, "isViewMode", 2);
+__decorateClass([
+  state()
+], PanelBlock.prototype, "childrenComponents", 2);
+PanelBlock = __decorateClass([
+  customElement("panel-block")
+], PanelBlock);
+
+export { PanelBlock };

package/dist/Radio-button-Sii5iveh.js

@@ -0,0 +1,71 @@
+import { property, customElement } from 'lit/decorators.js';
+import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.js';
+import { html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import '@nuralyui/radio-group';
+
+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 RadioButtonBlock = class extends BaseElementBlock {
+  renderComponent() {
+    const radioStyles = this.component?.style || {};
+    const options = this.inputHandlersValue?.value?.options || [];
+    const defaultValue = this.inputHandlersValue?.value?.currentValue ?? "";
+    const type = this.inputHandlersValue?.value?.type || "default";
+    const direction = this.inputHandlersValue?.direction || "vertical";
+    const position = this.inputHandlersValue?.position || "left";
+    const size = this.inputHandlersValue?.size?.value || this.inputHandlersValue?.size || "medium";
+    const disabled = this.inputHandlersValue?.state === "disabled";
+    const required = this.inputHandlersValue?.required || false;
+    const name = this.inputHandlersValue?.name || "radioGroup";
+    const autoWidth = this.inputHandlersValue?.autoWidth?.value || this.inputHandlersValue?.autoWidth || false;
+    return html`
+      <span style=${styleMap(radioStyles)}>
+        <nr-radio-group
+        
+          .options=${options}
+          .defaultValue=${defaultValue}
+          .value=${defaultValue}
+          .type=${type}
+          .direction=${direction}
+          .position=${position}
+          .size=${size}
+          .name=${name}
+          ?disabled=${disabled}
+          ?required=${required}
+          ?auto-width=${autoWidth}
+          @nr-change=${(e) => {
+      this.executeEvent("onChange", e, {
+        value: e.detail.value,
+        option: e.detail.option,
+        oldValue: e.detail.oldValue
+      });
+    }}
+        >
+          <span slot="helper-text" style="display: block; margin-top: 4px;">
+            ${this.inputHandlersValue?.helper ?? ""}
+          </span>
+        </nr-radio-group>
+      </span>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Object })
+], RadioButtonBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], RadioButtonBlock.prototype, "item", 2);
+RadioButtonBlock = __decorateClass([
+  customElement("radio-button-block")
+], RadioButtonBlock);
+
+export { RadioButtonBlock };

package/dist/Radio-button-YXsVqipQ.js

@@ -0,0 +1,53 @@
+import { B as v, o as m, b as $, c as p, t as H } from "./micro-app-entry-DiNqE6xi.js";
+import "@nuralyui/radio-group";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (l, t, n, a) => {
+  for (var e = a > 1 ? void 0 : a ? y(t, n) : t, i = l.length - 1, s; i >= 0; i--)
+    (s = l[i]) && (e = (a ? s(t, n, e) : s(e)) || e);
+  return a && e && f(t, n, e), e;
+};
+let u = class extends v {
+  renderComponent() {
+    const l = this.component?.style || {}, t = this.inputHandlersValue?.value?.options || [], n = this.inputHandlersValue?.value?.currentValue ?? "", a = this.inputHandlersValue?.value?.type || "default", e = this.inputHandlersValue?.direction || "vertical", i = this.inputHandlersValue?.position || "left", s = this.inputHandlersValue?.size?.value || this.inputHandlersValue?.size || "medium", d = this.inputHandlersValue?.state === "disabled", c = this.inputHandlersValue?.required || !1, h = this.inputHandlersValue?.name || "radioGroup", V = this.inputHandlersValue?.autoWidth?.value || this.inputHandlersValue?.autoWidth || !1;
+    return $`
+      <span style=${m(l)}>
+        <nr-radio-group
+        
+          .options=${t}
+          .defaultValue=${n}
+          .value=${n}
+          .type=${a}
+          .direction=${e}
+          .position=${i}
+          .size=${s}
+          .name=${h}
+          ?disabled=${d}
+          ?required=${c}
+          ?auto-width=${V}
+          @nr-change=${(o) => {
+      this.executeEvent("onChange", o, {
+        value: o.detail.value,
+        option: o.detail.option,
+        oldValue: o.detail.oldValue
+      });
+    }}
+        >
+          <span slot="helper-text" style="display: block; margin-top: 4px;">
+            ${this.inputHandlersValue?.helper ?? ""}
+          </span>
+        </nr-radio-group>
+      </span>
+    `;
+  }
+};
+r([
+  p({ type: Object })
+], u.prototype, "component", 2);
+r([
+  p({ type: Object })
+], u.prototype, "item", 2);
+u = r([
+  H("radio-button-block")
+], u);
+export {
+  u as RadioButtonBlock
+};

package/dist/RefComponent-Bwk_I0mK.js

@@ -0,0 +1,79 @@
+import { B as u, e as h, s as f, m, f as l, r as y, b as C, c as i, d as r, t as v } from "./micro-app-entry-DiNqE6xi.js";
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, t = (o, n, a, s) => {
+  for (var p = s > 1 ? void 0 : s ? g(n, a) : n, c = o.length - 1, d; c >= 0; c--)
+    (d = o[c]) && (p = (s ? d(n, a, p) : d(p)) || p);
+  return s && p && b(n, a, p), p;
+};
+let e = class extends u {
+  constructor() {
+    super(), this.dragOverSituation = !1, this.isViewMode = !1, this.wrapperStyle = {}, this.containerRef = h(), this.addEventListener("click", (o) => {
+      o.preventDefault(), o.stopPropagation(), f(this.component.uuid);
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  firstUpdated(o) {
+    m.on(`component-property-changed:${String(this.component.name)}`, () => {
+      this.requestUpdate();
+    }), l(this.component.application_id).subscribe(
+      (n) => {
+        this.components = [...n];
+      }
+    ), m.on(
+      "component:refresh",
+      () => {
+        this.components = l(this.component.application_id).get();
+      }
+    );
+  }
+  renderComponent() {
+    const o = this.components?.find(
+      (n) => n.uuid === this.inputHandlersValue?.ref && this.component.uuid !== this.inputHandlersValue?.ref
+    );
+    return C`
+        ${y(
+      [o],
+      {},
+      !0
+    )}
+       
+        `;
+  }
+};
+t([
+  i({ type: Object })
+], e.prototype, "component", 2);
+t([
+  i({ type: Object })
+], e.prototype, "item", 2);
+t([
+  r()
+], e.prototype, "dragOverSituation", 2);
+t([
+  r()
+], e.prototype, "selectedComponent", 2);
+t([
+  r()
+], e.prototype, "hoveredComponent", 2);
+t([
+  i({ type: Object })
+], e.prototype, "draggingComponentInfo", 2);
+t([
+  i({ type: Boolean })
+], e.prototype, "isViewMode", 2);
+t([
+  r()
+], e.prototype, "wrapperStyle", 2);
+t([
+  r()
+], e.prototype, "containerRef", 2);
+t([
+  r()
+], e.prototype, "components", 2);
+e = t([
+  v("ref-component-container-block")
+], e);
+export {
+  e as RefComponentContainer
+};

package/dist/RefComponent-ZxafRVhZ.js

@@ -0,0 +1,96 @@
+import { ae as BaseElementBlock, ak as setCurrentComponentIdAction, aX as eventDispatcher, w as $applicationComponents, aM as renderComponent } from './BaseElement-pS6m_x6Q.js';
+import { html } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { createRef } 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 RefComponentContainer = class extends BaseElementBlock {
+  constructor() {
+    super();
+    this.dragOverSituation = false;
+    this.isViewMode = false;
+    this.wrapperStyle = {};
+    this.containerRef = createRef();
+    this.addEventListener("click", (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      setCurrentComponentIdAction(this.component.uuid);
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+  }
+  firstUpdated(_changedProperties) {
+    eventDispatcher.on(`component-property-changed:${String(this.component.name)}`, () => {
+      this.requestUpdate();
+    });
+    $applicationComponents(this.component.application_id).subscribe(
+      (components) => {
+        this.components = [...components];
+      }
+    );
+    eventDispatcher.on(
+      "component:refresh",
+      () => {
+        this.components = $applicationComponents(this.component.application_id).get();
+      }
+    );
+  }
+  renderComponent() {
+    const componentToRender = this.components?.find(
+      (component) => component.uuid === this.inputHandlersValue?.ref && this.component.uuid !== this.inputHandlersValue?.ref
+    );
+    return html`
+        ${renderComponent(
+      [componentToRender],
+      {},
+      true
+    )}
+       
+        `;
+  }
+};
+__decorateClass([
+  property({ type: Object })
+], RefComponentContainer.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], RefComponentContainer.prototype, "item", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "dragOverSituation", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "selectedComponent", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "hoveredComponent", 2);
+__decorateClass([
+  property({ type: Object })
+], RefComponentContainer.prototype, "draggingComponentInfo", 2);
+__decorateClass([
+  property({ type: Boolean })
+], RefComponentContainer.prototype, "isViewMode", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "wrapperStyle", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "containerRef", 2);
+__decorateClass([
+  state()
+], RefComponentContainer.prototype, "components", 2);
+RefComponentContainer = __decorateClass([
+  customElement("ref-component-container-block")
+], RefComponentContainer);
+
+export { RefComponentContainer };