@nuraly/runtime 0.1.9 → 0.1.11

package/dist/EmbedURL-Bgr2pdf_.js

@@ -0,0 +1,114 @@
+import { B as p, n as l, o as h, b as a, i as m, c as d, d as f, t as b } from "./micro-app-entry-BgDXbkmh.js";
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (e, s, o, t) => {
+  for (var r = t > 1 ? void 0 : t ? v(s, o) : s, c = e.length - 1, u; c >= 0; c--)
+    (u = e[c]) && (r = (t ? u(s, o, r) : u(r)) || r);
+  return t && r && y(s, o, r), r;
+};
+let i = class extends p {
+  constructor() {
+    super(), this.currentUrl = "", this._isUserFocused = !1, this._focusResetTimeout = null, this.iframeRef = l(), this.onFocus = (e) => {
+      this._isUserFocused = !0, this.executeEvent("onFocus", e);
+    }, this.onBlur = (e) => {
+      this._isUserFocused = !1, this.executeEvent("onBlur", e);
+    };
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.registerCallback("url", (s) => {
+      !this._isUserFocused && this.currentUrl !== s && (this.currentUrl = s ?? "");
+    });
+  }
+  handleIframeLoad(e) {
+    this.executeEvent("onLoad", e, {
+      url: this.currentUrl || this.inputHandlersValue?.url || ""
+    });
+  }
+  handleIframeError(e) {
+    this.executeEvent("onError", e, {
+      url: this.currentUrl || this.inputHandlersValue?.url || "",
+      error: "Failed to load iframe content"
+    });
+  }
+  resetFocusAfterInactivity() {
+    this._focusResetTimeout && clearTimeout(this._focusResetTimeout), this._focusResetTimeout = setTimeout(() => {
+      this._isUserFocused = !1;
+    }, 3e3);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.unsubscribe && this.unsubscribe(), this._focusResetTimeout && clearTimeout(this._focusResetTimeout);
+  }
+  renderComponent() {
+    const e = this.getStyles() || {}, s = this.component?.styleHandlers ? Object.fromEntries(
+      Object.entries(this.component?.styleHandlers).filter(([t, r]) => r)
+    ) : {}, o = this.currentUrl || this.inputHandlersValue?.url || "";
+    return o ? a`
+      <div
+        ${l(this.inputRef)}
+        tabindex="0"
+        @focus=${this.onFocus}
+        @blur=${this.onBlur}
+        @click=${(t) => this.executeEvent("onClick", t)}
+        style=${h(this.getStyles())}
+      >
+        <iframe
+          ${l(this.iframeRef)}
+          src=${o}
+          @load=${(t) => this.handleIframeLoad(t)}
+          @error=${(t) => this.handleIframeError(t)}
+        ></iframe>
+      </div>
+    ` : a`
+        <div
+          ${l(this.inputRef)}
+          class="embed-placeholder"
+          style=${h({
+      ...this.getStyles(),
+      width: s?.width || e?.width || "100%",
+      height: s?.height || e?.height || "200px"
+    })}
+          @click=${(t) => this.executeEvent("onClick", t)}
+        >
+          <nr-icon name="globe"></nr-icon>
+          <nr-label>No URL provided</nr-label>
+        </div>
+      `;
+  }
+};
+i.styles = [m`
+    iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+    .embed-placeholder {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #64748b;
+      min-height: 200px;
+      border-radius: 8px;
+      border: 2px dashed #cbd5e1;
+      gap: 12px;
+    }
+    .embed-placeholder nr-icon {
+      --nuraly-icon-size: 48px;
+    }
+  `];
+n([
+  d({ type: Object })
+], i.prototype, "component", 2);
+n([
+  d({ type: Object })
+], i.prototype, "item", 2);
+n([
+  f()
+], i.prototype, "currentUrl", 2);
+n([
+  f()
+], i.prototype, "_isUserFocused", 2);
+i = n([
+  b("embed-url-block")
+], i);
+export {
+  i as EmbedUrlBlock
+};

package/dist/EmbedURL-DFt6rN3J.js

@@ -0,0 +1,142 @@
+import { html, css } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ref } from 'lit/directives/ref.js';
+import { ae as BaseElementBlock } from './BaseElement-wyA58UxT.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 EmbedUrlBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+    this.currentUrl = "";
+    this._isUserFocused = false;
+    this._focusResetTimeout = null;
+    this.iframeRef = ref();
+    this.onFocus = (e) => {
+      this._isUserFocused = true;
+      this.executeEvent("onFocus", e);
+    };
+    this.onBlur = (e) => {
+      this._isUserFocused = false;
+      this.executeEvent("onBlur", e);
+    };
+  }
+  firstUpdated(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    this.registerCallback("url", (url) => {
+      if (!this._isUserFocused && this.currentUrl !== url) {
+        this.currentUrl = url ?? "";
+      }
+    });
+  }
+  handleIframeLoad(e) {
+    this.executeEvent("onLoad", e, {
+      url: this.currentUrl || this.inputHandlersValue?.url || ""
+    });
+  }
+  handleIframeError(e) {
+    this.executeEvent("onError", e, {
+      url: this.currentUrl || this.inputHandlersValue?.url || "",
+      error: "Failed to load iframe content"
+    });
+  }
+  resetFocusAfterInactivity() {
+    if (this._focusResetTimeout) clearTimeout(this._focusResetTimeout);
+    this._focusResetTimeout = setTimeout(() => {
+      this._isUserFocused = false;
+    }, 3e3);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.unsubscribe) this.unsubscribe();
+    if (this._focusResetTimeout) clearTimeout(this._focusResetTimeout);
+  }
+  renderComponent() {
+    const embedStyles = this.getStyles() || {};
+    const embedStyleHandlers = this.component?.styleHandlers ? Object.fromEntries(
+      Object.entries(this.component?.styleHandlers).filter(([key, value]) => value)
+    ) : {};
+    const url = this.currentUrl || this.inputHandlersValue?.url || "";
+    if (!url) {
+      return html`
+        <div
+          ${ref(this.inputRef)}
+          class="embed-placeholder"
+          style=${styleMap({
+        ...this.getStyles(),
+        width: embedStyleHandlers?.width || embedStyles?.width || "100%",
+        height: embedStyleHandlers?.height || embedStyles?.height || "200px"
+      })}
+          @click=${(e) => this.executeEvent("onClick", e)}
+        >
+          <nr-icon name="globe"></nr-icon>
+          <nr-label>No URL provided</nr-label>
+        </div>
+      `;
+    }
+    return html`
+      <div
+        ${ref(this.inputRef)}
+        tabindex="0"
+        @focus=${this.onFocus}
+        @blur=${this.onBlur}
+        @click=${(e) => this.executeEvent("onClick", e)}
+        style=${styleMap(this.getStyles())}
+      >
+        <iframe
+          ${ref(this.iframeRef)}
+          src=${url}
+          @load=${(e) => this.handleIframeLoad(e)}
+          @error=${(e) => this.handleIframeError(e)}
+        ></iframe>
+      </div>
+    `;
+  }
+};
+EmbedUrlBlock.styles = [css`
+    iframe {
+      width: 100%;
+      height: 100%;
+      border: none;
+    }
+    .embed-placeholder {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #64748b;
+      min-height: 200px;
+      border-radius: 8px;
+      border: 2px dashed #cbd5e1;
+      gap: 12px;
+    }
+    .embed-placeholder nr-icon {
+      --nuraly-icon-size: 48px;
+    }
+  `];
+__decorateClass([
+  property({ type: Object })
+], EmbedUrlBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], EmbedUrlBlock.prototype, "item", 2);
+__decorateClass([
+  state()
+], EmbedUrlBlock.prototype, "currentUrl", 2);
+__decorateClass([
+  state()
+], EmbedUrlBlock.prototype, "_isUserFocused", 2);
+EmbedUrlBlock = __decorateClass([
+  customElement("embed-url-block")
+], EmbedUrlBlock);
+
+export { EmbedUrlBlock };

package/dist/FileUpload-B5TBQJPC.js

@@ -0,0 +1,54 @@
+import { customElement } from 'lit/decorators.js';
+import { html, css } from 'lit';
+import { ae as BaseElementBlock } from './BaseElement-wyA58UxT.js';
+import { ref } from 'lit/directives/ref.js';
+import { styleMap } from 'lit/directives/style-map.js';
+
+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 = (decorator(result)) || result;
+  return result;
+};
+try {
+  await import('@nuralyui/file-upload');
+} catch (error) {
+  console.warn("[@nuralyui/file-upload] Package not found or failed to load.");
+}
+let FileUploadBlock = class extends BaseElementBlock {
+  renderComponent() {
+    return html`
+      <nr-file-upload
+      style=${styleMap({
+      ...this.getStyles()
+    })}
+      
+        ${ref(this.inputRef)}
+        accept="*/*"
+        drag
+        limit="5"
+        tip="JPG/PNG files up to 500kb"
+        @files-changed=${(e) => {
+      const files = e.detail;
+      this.executeEvent("onFilesChanged", e, {
+        files
+      });
+    }}
+      ></nr-file-upload>
+    `;
+  }
+};
+FileUploadBlock.styles = [
+  css`
+      :host {
+        display: block;
+      }
+    `
+];
+FileUploadBlock = __decorateClass([
+  customElement("file-upload-block")
+], FileUploadBlock);
+
+export { FileUploadBlock };

package/dist/FileUpload-sYxMn9Rj.js

@@ -0,0 +1,47 @@
+import { B as n, o as p, n as c, b as d, i as f, t as u } from "./micro-app-entry-BgDXbkmh.js";
+var h = Object.getOwnPropertyDescriptor, g = (e, t, s, a) => {
+  for (var l = a > 1 ? void 0 : a ? h(t, s) : t, o = e.length - 1, i; o >= 0; o--)
+    (i = e[o]) && (l = i(l) || l);
+  return l;
+};
+try {
+  await import("@nuralyui/file-upload");
+} catch {
+  console.warn("[@nuralyui/file-upload] Package not found or failed to load.");
+}
+let r = class extends n {
+  renderComponent() {
+    return d`
+      <nr-file-upload
+      style=${p({
+      ...this.getStyles()
+    })}
+      
+        ${c(this.inputRef)}
+        accept="*/*"
+        drag
+        limit="5"
+        tip="JPG/PNG files up to 500kb"
+        @files-changed=${(e) => {
+      const t = e.detail;
+      this.executeEvent("onFilesChanged", e, {
+        files: t
+      });
+    }}
+      ></nr-file-upload>
+    `;
+  }
+};
+r.styles = [
+  f`
+      :host {
+        display: block;
+      }
+    `
+];
+r = g([
+  u("file-upload-block")
+], r);
+export {
+  r as FileUploadBlock
+};

package/dist/Form-7ZWgBVzR.js

@@ -0,0 +1,286 @@
+import { i as f, B as p, $ as g, s as v, b as d, r as _, n as m, A as h, c, d as u, t as $ } from "./micro-app-entry-BgDXbkmh.js";
+import "@nuralyui/icon";
+import "@nuralyui/label";
+const b = f`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .form-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #64748b;
+    min-height: 200px;
+    width: 100%;
+    border-radius: 8px;
+    border: 2px dashed #cbd5e1;
+    gap: 12px;
+    cursor: pointer;
+  }
+
+  .form-placeholder nr-icon {
+    --nuraly-icon-size: 48px;
+  }
+`;
+var C = Object.defineProperty, E = Object.getOwnPropertyDescriptor, l = (t, i, e, r) => {
+  for (var n = r > 1 ? void 0 : r ? E(i, e) : i, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (n = (r ? o(i, e, n) : o(n)) || n);
+  return r && n && C(i, e, n), n;
+};
+try {
+  await import("@nuralyui/forms");
+} catch {
+  console.warn("[@nuralyui/forms] Package not found or failed to load.");
+}
+let s = class extends p {
+  constructor() {
+    super(), this._formElement = null, this._registeredFields = /* @__PURE__ */ new Map(), this.childrenComponents = [], this._fieldRegisterHandler = this._handleFieldRegister.bind(this), this._fieldUnregisterHandler = this._handleFieldUnregister.bind(this), this._fieldValueChangeHandler = this._handleFieldValueChange.bind(this);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.updateChildrenComponents(), this.addEventListener("nr-field-register", this._fieldRegisterHandler), this.addEventListener("nr-field-unregister", this._fieldUnregisterHandler), this.addEventListener("nr-field-value-change", this._fieldValueChangeHandler);
+  }
+  willUpdate(t) {
+    super.willUpdate(t), t.has("component") && this.updateChildrenComponents();
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((t) => g.get()[this.component?.application_id]?.find((i) => i.uuid === t)).filter(Boolean) ?? [];
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("nr-field-register", this._fieldRegisterHandler), this.removeEventListener("nr-field-unregister", this._fieldUnregisterHandler), this.removeEventListener("nr-field-value-change", this._fieldValueChangeHandler), this._registeredFields.clear();
+  }
+  firstUpdated(t) {
+    super.firstUpdated(t), this._formElement = this.renderRoot.querySelector("nr-form"), this.registerCallback("disabled", (i) => {
+      this._formElement && (this._formElement.disabled = i);
+    });
+  }
+  /**
+   * Handle field registration from child input blocks
+   */
+  _handleFieldRegister(t) {
+    t.stopPropagation();
+    const { element: i, name: e, blockElement: r } = t.detail;
+    if (!e || !i) {
+      console.warn("[FormBlock] Field registration missing name or element");
+      return;
+    }
+    if (this._registeredFields.set(e, { element: i, blockElement: r }), this._formElement?.validationController)
+      try {
+        this._formElement.validationController.registerField(i);
+      } catch (n) {
+        console.warn("[FormBlock] Failed to register field with validation controller:", n);
+      }
+  }
+  /**
+   * Handle field unregistration when child input blocks are removed
+   */
+  _handleFieldUnregister(t) {
+    t.stopPropagation();
+    const { name: i } = t.detail;
+    if (i && this._registeredFields.has(i)) {
+      if (this._formElement?.validationController)
+        try {
+          this._formElement.validationController.unregisterField(i);
+        } catch (e) {
+          console.warn("[FormBlock] Failed to unregister field:", e);
+        }
+      this._registeredFields.delete(i);
+    }
+  }
+  /**
+   * Handle field value changes for form data collection
+   */
+  _handleFieldValueChange(t) {
+    const { name: i, value: e } = t.detail;
+    if (i && this._registeredFields.has(i)) {
+      const r = this._registeredFields.get(i);
+      r.value = e;
+    }
+  }
+  /**
+   * Get all form field values
+   */
+  getFieldsValue() {
+    if (this._formElement?.getFieldsValue)
+      return this._formElement.getFieldsValue();
+    const t = {};
+    for (const [i, e] of this._registeredFields)
+      t[i] = e.element?.value ?? e.value;
+    return t;
+  }
+  /**
+   * Set form field values
+   */
+  setFieldsValue(t) {
+    this._formElement?.setFieldsValue && this._formElement.setFieldsValue(t);
+  }
+  /**
+   * Validate all form fields
+   */
+  async validate() {
+    return this._formElement?.validate ? this._formElement.validate() : !0;
+  }
+  /**
+   * Submit the form programmatically
+   */
+  async submit(t) {
+    this._formElement?.submit && await this._formElement.submit(t);
+  }
+  /**
+   * Reset the form
+   */
+  reset() {
+    this._formElement?.reset && this._formElement.reset();
+  }
+  /**
+   * Get form state summary
+   */
+  getFormState() {
+    return this._formElement?.getFormState ? this._formElement.getFormState() : {
+      isValid: !0,
+      isSubmitting: !1,
+      hasErrors: !1,
+      errorCount: 0,
+      fieldCount: this._registeredFields.size
+    };
+  }
+  /**
+   * Render placeholder when form is empty in editor mode
+   */
+  renderPlaceholder() {
+    return d`
+      <div
+        class="form-placeholder"
+        @click="${() => v(this.component?.uuid)}"
+      >
+        <nr-icon name="file-text"></nr-icon>
+        <nr-label>Add form fields to this form</nr-label>
+        <drag-wrapper
+          .where=${"inside"}
+          .message=${"Drop inside"}
+          .component=${{ ...this.component }}
+          .inputRef=${this.inputRef}
+          .isDragInitiator=${this.isDragInitiator}
+        >
+        </drag-wrapper>
+      </div>
+    `;
+  }
+  /**
+   * Render children components
+   */
+  renderChildren() {
+    return _(
+      this.childrenComponents.map((t) => ({ ...t, item: this.item })),
+      this.item,
+      this.isViewMode,
+      { ...this.component, uniqueUUID: this.uniqueUUID }
+    );
+  }
+  renderComponent() {
+    const t = this.getStyles(), i = this.childrenComponents.length > 0;
+    return this.isViewMode ? d`
+        <nr-form
+          ${m(this.inputRef)}
+          class="${`drop-${this.component.uuid}`}"
+          style=${Object.entries(t).map(([e, r]) => `${e}:${r}`).join(";")}
+          .disabled=${this.inputHandlersValue?.disabled || !1}
+          .validateOnChange=${this.inputHandlersValue?.validateOnChange ?? !1}
+          .validateOnBlur=${this.inputHandlersValue?.validateOnBlur ?? !0}
+          .preventInvalidSubmission=${this.inputHandlersValue?.preventInvalidSubmission ?? !0}
+          .resetOnSuccess=${this.inputHandlersValue?.resetOnSuccess ?? !1}
+          .action=${this.inputHandlersValue?.action ?? h}
+          .method=${this.inputHandlersValue?.method ?? "POST"}
+          @nr-form-submit-success=${(e) => {
+      this.executeEvent("onSubmitSuccess", e, {
+        formData: e.detail?.formData,
+        values: this.getFieldsValue()
+      });
+    }}
+          @nr-form-submit-error=${(e) => {
+      this.executeEvent("onSubmitError", e, {
+        error: e.detail?.error
+      });
+    }}
+          @nr-form-validation-changed=${(e) => {
+      this.executeEvent("onValidationChange", e, {
+        validationResult: e.detail?.validationResult
+      });
+    }}
+          @nr-form-field-changed=${(e) => {
+      this.executeEvent("onFieldChange", e, {
+        field: e.detail?.field
+      });
+    }}
+          @nr-form-reset=${(e) => {
+      this.executeEvent("onReset", e, {});
+    }}
+        >
+          ${i ? this.renderChildren() : h}
+        </nr-form>
+      ` : d`
+      <nr-form
+        ${m(this.inputRef)}
+        class="${`drop-${this.component.uuid}`}"
+        style=${Object.entries(t).map(([e, r]) => `${e}:${r}`).join(";")}
+        .disabled=${this.inputHandlersValue?.disabled || !1}
+        .validateOnChange=${this.inputHandlersValue?.validateOnChange ?? !1}
+        .validateOnBlur=${this.inputHandlersValue?.validateOnBlur ?? !0}
+        .preventInvalidSubmission=${this.inputHandlersValue?.preventInvalidSubmission ?? !0}
+        .resetOnSuccess=${this.inputHandlersValue?.resetOnSuccess ?? !1}
+        .action=${this.inputHandlersValue?.action ?? h}
+        .method=${this.inputHandlersValue?.method ?? "POST"}
+        @nr-form-submit-success=${(e) => {
+      this.executeEvent("onSubmitSuccess", e, {
+        formData: e.detail?.formData,
+        values: this.getFieldsValue()
+      });
+    }}
+        @nr-form-submit-error=${(e) => {
+      this.executeEvent("onSubmitError", e, {
+        error: e.detail?.error
+      });
+    }}
+        @nr-form-validation-changed=${(e) => {
+      this.executeEvent("onValidationChange", e, {
+        validationResult: e.detail?.validationResult
+      });
+    }}
+        @nr-form-field-changed=${(e) => {
+      this.executeEvent("onFieldChange", e, {
+        field: e.detail?.field
+      });
+    }}
+        @nr-form-reset=${(e) => {
+      this.executeEvent("onReset", e, {});
+    }}
+      >
+        ${i ? this.renderChildren() : this.renderPlaceholder()}
+      </nr-form>
+    `;
+  }
+};
+s.styles = [b];
+l([
+  c({ type: Object })
+], s.prototype, "component", 2);
+l([
+  c({ type: Object })
+], s.prototype, "item", 2);
+l([
+  u()
+], s.prototype, "_formElement", 2);
+l([
+  u()
+], s.prototype, "_registeredFields", 2);
+l([
+  u()
+], s.prototype, "childrenComponents", 2);
+s = l([
+  $("form-block")
+], s);
+export {
+  s as FormBlock
+};