@nuraly/runtime 0.1.8 → 0.1.10

package/dist/EmbedURL-Ci5X1vQG.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-DiNqE6xi.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/FileUpload-BBgPcRag.js

@@ -0,0 +1,54 @@
+import { customElement } from 'lit/decorators.js';
+import { html, css } from 'lit';
+import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.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-BgkhxtNe.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-DiNqE6xi.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-BLq6U3In.js

@@ -0,0 +1,339 @@
+import { css, html, nothing } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
+import { ae as BaseElementBlock, $ as $components, ak as setCurrentComponentIdAction, aM as renderComponent } from './BaseElement-pS6m_x6Q.js';
+import { ref } from 'lit/directives/ref.js';
+import '@nuralyui/icon';
+import '@nuralyui/label';
+
+const formStyles = css`
+  :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 __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/forms');
+} catch (error) {
+  console.warn("[@nuralyui/forms] Package not found or failed to load.");
+}
+let FormBlock = class extends BaseElementBlock {
+  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(changedProperties) {
+    super.willUpdate(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);
+    }).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(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    this._formElement = this.renderRoot.querySelector("nr-form");
+    this.registerCallback("disabled", (value) => {
+      if (this._formElement) {
+        this._formElement.disabled = value;
+      }
+    });
+  }
+  /**
+   * Handle field registration from child input blocks
+   */
+  _handleFieldRegister(event) {
+    event.stopPropagation();
+    const { element, name, blockElement } = event.detail;
+    if (!name || !element) {
+      console.warn("[FormBlock] Field registration missing name or element");
+      return;
+    }
+    this._registeredFields.set(name, { element, blockElement });
+    if (this._formElement?.validationController) {
+      try {
+        this._formElement.validationController.registerField(element);
+      } catch (error) {
+        console.warn("[FormBlock] Failed to register field with validation controller:", error);
+      }
+    }
+  }
+  /**
+   * Handle field unregistration when child input blocks are removed
+   */
+  _handleFieldUnregister(event) {
+    event.stopPropagation();
+    const { name } = event.detail;
+    if (name && this._registeredFields.has(name)) {
+      if (this._formElement?.validationController) {
+        try {
+          this._formElement.validationController.unregisterField(name);
+        } catch (error) {
+          console.warn("[FormBlock] Failed to unregister field:", error);
+        }
+      }
+      this._registeredFields.delete(name);
+    }
+  }
+  /**
+   * Handle field value changes for form data collection
+   */
+  _handleFieldValueChange(event) {
+    const { name, value } = event.detail;
+    if (name && this._registeredFields.has(name)) {
+      const fieldInfo = this._registeredFields.get(name);
+      fieldInfo.value = value;
+    }
+  }
+  /**
+   * Get all form field values
+   */
+  getFieldsValue() {
+    if (this._formElement?.getFieldsValue) {
+      return this._formElement.getFieldsValue();
+    }
+    const values = {};
+    for (const [name, fieldInfo] of this._registeredFields) {
+      values[name] = fieldInfo.element?.value ?? fieldInfo.value;
+    }
+    return values;
+  }
+  /**
+   * Set form field values
+   */
+  setFieldsValue(values) {
+    if (this._formElement?.setFieldsValue) {
+      this._formElement.setFieldsValue(values);
+    }
+  }
+  /**
+   * Validate all form fields
+   */
+  async validate() {
+    if (this._formElement?.validate) {
+      return this._formElement.validate();
+    }
+    return true;
+  }
+  /**
+   * Submit the form programmatically
+   */
+  async submit(customData) {
+    if (this._formElement?.submit) {
+      await this._formElement.submit(customData);
+    }
+  }
+  /**
+   * Reset the form
+   */
+  reset() {
+    if (this._formElement?.reset) {
+      this._formElement.reset();
+    }
+  }
+  /**
+   * Get form state summary
+   */
+  getFormState() {
+    if (this._formElement?.getFormState) {
+      return this._formElement.getFormState();
+    }
+    return {
+      isValid: true,
+      isSubmitting: false,
+      hasErrors: false,
+      errorCount: 0,
+      fieldCount: this._registeredFields.size
+    };
+  }
+  /**
+   * Render placeholder when form is empty in editor mode
+   */
+  renderPlaceholder() {
+    return html`
+      <div
+        class="form-placeholder"
+        @click="${() => setCurrentComponentIdAction(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 renderComponent(
+      this.childrenComponents.map((component) => ({ ...component, item: this.item })),
+      this.item,
+      this.isViewMode,
+      { ...this.component, uniqueUUID: this.uniqueUUID }
+    );
+  }
+  renderComponent() {
+    const inputStyles = this.getStyles();
+    const hasChildren = this.childrenComponents.length > 0;
+    if (this.isViewMode) {
+      return html`
+        <nr-form
+          ${ref(this.inputRef)}
+          class="${`drop-${this.component.uuid}`}"
+          style=${Object.entries(inputStyles).map(([k, v]) => `${k}:${v}`).join(";")}
+          .disabled=${this.inputHandlersValue?.disabled || false}
+          .validateOnChange=${this.inputHandlersValue?.validateOnChange ?? false}
+          .validateOnBlur=${this.inputHandlersValue?.validateOnBlur ?? true}
+          .preventInvalidSubmission=${this.inputHandlersValue?.preventInvalidSubmission ?? true}
+          .resetOnSuccess=${this.inputHandlersValue?.resetOnSuccess ?? false}
+          .action=${this.inputHandlersValue?.action ?? nothing}
+          .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, {});
+      }}
+        >
+          ${hasChildren ? this.renderChildren() : nothing}
+        </nr-form>
+      `;
+    }
+    return html`
+      <nr-form
+        ${ref(this.inputRef)}
+        class="${`drop-${this.component.uuid}`}"
+        style=${Object.entries(inputStyles).map(([k, v]) => `${k}:${v}`).join(";")}
+        .disabled=${this.inputHandlersValue?.disabled || false}
+        .validateOnChange=${this.inputHandlersValue?.validateOnChange ?? false}
+        .validateOnBlur=${this.inputHandlersValue?.validateOnBlur ?? true}
+        .preventInvalidSubmission=${this.inputHandlersValue?.preventInvalidSubmission ?? true}
+        .resetOnSuccess=${this.inputHandlersValue?.resetOnSuccess ?? false}
+        .action=${this.inputHandlersValue?.action ?? nothing}
+        .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, {});
+    }}
+      >
+        ${hasChildren ? this.renderChildren() : this.renderPlaceholder()}
+      </nr-form>
+    `;
+  }
+};
+FormBlock.styles = [formStyles];
+__decorateClass([
+  property({ type: Object })
+], FormBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], FormBlock.prototype, "item", 2);
+__decorateClass([
+  state()
+], FormBlock.prototype, "_formElement", 2);
+__decorateClass([
+  state()
+], FormBlock.prototype, "_registeredFields", 2);
+__decorateClass([
+  state()
+], FormBlock.prototype, "childrenComponents", 2);
+FormBlock = __decorateClass([
+  customElement("form-block")
+], FormBlock);
+
+export { FormBlock };