@nuraly/runtime 0.1.8 → 0.1.10

package/dist/Divider-etMTYU3d.js

@@ -0,0 +1,106 @@
+import { nothing, 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/divider');
+} catch (error) {
+  console.warn("[@nuralyui/divider] Package not found or failed to load.");
+}
+let DividerBlock = class extends BaseElementBlock {
+  connectedCallback() {
+    super.connectedCallback();
+    this.registerCallback("value", () => {
+    });
+    this.updateHostAttribute();
+  }
+  updated(changedProperties) {
+    super.updated(changedProperties);
+    this.updateHostAttribute();
+  }
+  updateHostAttribute() {
+    const direction = this.inputHandlersValue?.direction ?? "horizontal";
+    this.setAttribute("data-type", direction);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.unsubscribe) this.unsubscribe();
+  }
+  render() {
+    const dividerStyles = this.component?.style || {};
+    const dividerAutoWidth = this.inputHandlersValue?.width;
+    const dividerAutoHeight = this.inputHandlersValue?.height;
+    const isVertical = (this.inputHandlersValue?.direction ?? "horizontal") === "vertical";
+    const filteredStyles = { ...dividerStyles };
+    if (isVertical && dividerAutoHeight) {
+      delete filteredStyles.height;
+    }
+    return html`
+    ${!this.inputHandlersValue?.display || this.inputHandlersValue.display == "show" ? html`
+      <nr-divider
+        ${ref(this.inputRef)}
+        style=${styleMap({
+      ...filteredStyles,
+      width: dividerAutoWidth ? "100%" : dividerStyles.width,
+      height: !isVertical && dividerAutoHeight ? "auto" : filteredStyles.height
+    })}
+        type=${this.inputHandlersValue?.direction ?? "horizontal"}
+        .variant=${this.inputHandlersValue?.variant || "solid"}
+        .orientation=${this.inputHandlersValue?.textOrientation || "center"}
+        .orientationMargin=${this.inputHandlersValue?.orientationMargin ?? nothing}
+        .plain=${this.inputHandlersValue?.plain !== false}
+        .size=${this.inputHandlersValue?.size ?? nothing}
+        .dashed=${this.inputHandlersValue?.dashed || false}
+        @click=${(e) => {
+      this.executeEvent("onClick", e);
+    }}
+      >
+        ${this.inputHandlersValue?.text || ""}
+      </nr-divider>
+      ` : nothing}
+    `;
+  }
+};
+DividerBlock.styles = [
+  css`
+    :host { 
+        display: block;
+        width: 100%;
+    }
+    
+    :host([data-type="vertical"]) {
+        display: inline-flex;
+        width: auto;
+        align-self: stretch; /* This makes it fill the parent's height in flexbox */
+    }
+    
+    :host([data-type="vertical"]) nr-divider {
+        height: 100%;
+        display: flex;
+        align-items: stretch;
+    }
+    `
+];
+__decorateClass([
+  property({ type: Object })
+], DividerBlock.prototype, "component", 2);
+__decorateClass([
+  property({ type: Object })
+], DividerBlock.prototype, "item", 2);
+DividerBlock = __decorateClass([
+  customElement("divider-block")
+], DividerBlock);
+
+export { DividerBlock };

package/dist/Document-CHBcJciR.js

@@ -0,0 +1,74 @@
+import { B as p, n as s, o as a, b as d, i as u, c as m, t as y } from "./micro-app-entry-DiNqE6xi.js";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, h = (r, t, o, i) => {
+  for (var n = i > 1 ? void 0 : i ? v(t, o) : t, e = r.length - 1, c; e >= 0; e--)
+    (c = r[e]) && (n = (i ? c(t, o, n) : c(n)) || n);
+  return i && n && f(t, o, n), n;
+};
+try {
+  await import("@nuralyui/document");
+} catch {
+  console.warn("[@nuralyui/document] Package not found or failed to load.");
+}
+let l = class extends p {
+  renderComponent() {
+    const r = this.getStyles() || {}, t = this.component?.styleHandlers ? Object.fromEntries(
+      Object.entries(this.component?.styleHandlers).filter(([e, c]) => c)
+    ) : {}, o = this.inputHandlersValue?.src, i = this.inputHandlersValue?.type ?? "pdf", n = this.inputHandlersValue?.previewable ?? !1;
+    return o ? d`
+      <nr-document-viewer
+        ${s(this.inputRef)}
+        style=${a({
+      ...this.getStyles()
+    })}
+        .src=${o}
+        .type=${i}
+        .previewable=${n}
+        .width=${t?.width || r?.width}
+        .height=${t?.height || r?.height}
+        @click=${(e) => this.executeEvent("onClick", e)}
+        @load=${(e) => this.executeEvent("onLoad", e, { src: o })}
+        @error=${(e) => this.executeEvent("onError", e, { src: o, error: "Failed to load document" })}
+      >
+      </nr-document-viewer>
+    ` : d`
+        <div
+          ${s(this.inputRef)}
+          class="document-placeholder"
+          style=${a({
+      ...this.getStyles(),
+      width: t?.width || r?.width || "100%",
+      height: t?.height || r?.height || "200px"
+    })}
+          @click=${(e) => this.executeEvent("onClick", e)}
+        >
+          <nr-icon name="file-text"></nr-icon>
+          <nr-label>No document source</nr-label>
+        </div>
+      `;
+  }
+};
+l.styles = [u`
+    .document-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;
+    }
+    .document-placeholder nr-icon {
+      --nuraly-icon-size: 48px;
+    }
+  `];
+h([
+  m({ type: Object })
+], l.prototype, "component", 2);
+l = h([
+  y("document-block")
+], l);
+export {
+  l as DocumentBlock
+};

package/dist/Document-Cj-TmjAf.js

@@ -0,0 +1,90 @@
+import { html, css } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.js';
+import { styleMap } from 'lit/directives/style-map.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/document');
+} catch (error) {
+  console.warn("[@nuralyui/document] Package not found or failed to load.");
+}
+let DocumentBlock = class extends BaseElementBlock {
+  renderComponent() {
+    const documentStyles = this.getStyles() || {};
+    const documentStyleHandlers = this.component?.styleHandlers ? Object.fromEntries(
+      Object.entries(this.component?.styleHandlers).filter(([key, value]) => value)
+    ) : {};
+    const src = this.inputHandlersValue?.src;
+    const type = this.inputHandlersValue?.type ?? "pdf";
+    const previewable = this.inputHandlersValue?.previewable ?? false;
+    if (!src) {
+      return html`
+        <div
+          ${ref(this.inputRef)}
+          class="document-placeholder"
+          style=${styleMap({
+        ...this.getStyles(),
+        width: documentStyleHandlers?.width || documentStyles?.width || "100%",
+        height: documentStyleHandlers?.height || documentStyles?.height || "200px"
+      })}
+          @click=${(e) => this.executeEvent("onClick", e)}
+        >
+          <nr-icon name="file-text"></nr-icon>
+          <nr-label>No document source</nr-label>
+        </div>
+      `;
+    }
+    return html`
+      <nr-document-viewer
+        ${ref(this.inputRef)}
+        style=${styleMap({
+      ...this.getStyles()
+    })}
+        .src=${src}
+        .type=${type}
+        .previewable=${previewable}
+        .width=${documentStyleHandlers?.width || documentStyles?.width}
+        .height=${documentStyleHandlers?.height || documentStyles?.height}
+        @click=${(e) => this.executeEvent("onClick", e)}
+        @load=${(e) => this.executeEvent("onLoad", e, { src })}
+        @error=${(e) => this.executeEvent("onError", e, { src, error: "Failed to load document" })}
+      >
+      </nr-document-viewer>
+    `;
+  }
+};
+DocumentBlock.styles = [css`
+    .document-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;
+    }
+    .document-placeholder nr-icon {
+      --nuraly-icon-size: 48px;
+    }
+  `];
+__decorateClass([
+  property({ type: Object })
+], DocumentBlock.prototype, "component", 2);
+DocumentBlock = __decorateClass([
+  customElement("document-block")
+], DocumentBlock);
+
+export { DocumentBlock };

package/dist/Dropdown-BRtHvDa3.js

@@ -0,0 +1,133 @@
+import { nothing, html } 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';
+
+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/dropdown');
+} catch (error) {
+  console.warn("[@nuralyui/dropdown] Package not found or failed to load. Dropdown functionality may be limited.");
+}
+let DropdownBlock = class extends BaseElementBlock {
+  constructor() {
+    super();
+    this.childrenComponents = [];
+    this.options = [
+      { label: "Copy", value: "Copy", icon: "copy" },
+      { label: "Paste", value: "Paste", icon: "paste" },
+      { label: "Delete", value: "Delete", icon: "trash" },
+      { label: "Export", value: "value12" },
+      { label: "Import", value: "value12" }
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.registerCallback("value", (v) => {
+      this.requestUpdate();
+    });
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((id) => {
+      return $components.get()[this.component?.application_id]?.find(
+        (component) => component.uuid === id
+      );
+    }).filter(Boolean) ?? [];
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("component")) {
+      this.updateChildrenComponents();
+    }
+  }
+  renderComponent() {
+    const options = this.inputHandlersValue?.value?.[0] ?? [];
+    const dropdownStyles = this.component?.style || {};
+    const size = dropdownStyles.size || "medium";
+    const placement = dropdownStyles.placement || "bottom";
+    const trigger = dropdownStyles.trigger || "click";
+    const animation = dropdownStyles.animation || "fade";
+    return html`
+      <nr-dropdown  
+        .open=${this.inputHandlersValue.show || false}
+        ${ref(this.inputRef)}
+        style=${styleMap({
+      ...this.getStyles()
+    })} 
+        .trigger=${trigger}
+        .placement=${placement}
+        .size=${size}
+        .animation=${animation}
+        .disabled=${this.inputHandlersValue?.state == "disabled"}
+        .items=${this.inputHandlersValue.options || options}
+        .arrow=${dropdownStyles.arrow === "true" || this.inputHandlersValue.arrow || false}
+        .autoClose=${dropdownStyles.autoClose !== "false" && this.inputHandlersValue.autoClose !== false}
+        .closeOnOutsideClick=${dropdownStyles.closeOnOutsideClick !== "false" && this.inputHandlersValue.closeOnOutsideClick !== false}
+        .closeOnEscape=${dropdownStyles.closeOnEscape !== "false" && this.inputHandlersValue.closeOnEscape !== false}
+        .offset=${this.inputHandlersValue.offset || 4}
+        .delay=${this.inputHandlersValue.delay || 50}
+        .maxHeight=${this.inputHandlersValue.maxHeight || "300px"}
+        .minWidth=${this.inputHandlersValue.minWidth || "auto"}
+        .cascadeDirection=${this.inputHandlersValue.cascadeDirection || "auto"}
+        .cascadeDelay=${this.inputHandlersValue.cascadeDelay || 50}
+        .cascadeOnHover=${this.inputHandlersValue.cascadeOnHover !== false}
+        @nr-dropdown-item-click=${(e) => {
+      const item = e.detail.item;
+      this.executeEvent("onItemClick", e, {
+        value: item.value,
+        item,
+        additionalData: item.additionalData
+      });
+    }}
+        @nr-dropdown-open=${(e) => {
+      this.executeEvent("onOpen", e);
+    }}
+        @nr-dropdown-close=${(e) => {
+      this.executeEvent("onClose", e);
+    }}
+      >
+        <span slot="trigger">
+          ${this.childrenComponents.length ? renderComponent(this.childrenComponents.map((component) => ({ ...component, item: this.item })), this.item, this.isViewMode) : html`
+                <nr-label
+                  style=${styleMap({
+      "--resolved-text-label-color": this.getStyles()["title-color"]
+    })}
+                >${this.inputHandlersValue?.label ?? this.inputHandlersValue?.placeholder ?? nothing}</nr-label>
+                  
+                <drag-wrapper
+                  .where=${"inside"}
+                  .message=${"Drop inside"}
+                  .component=${{ ...this.component }}
+                  .inputRef=${this.inputRef}
+                  .isDragInitiator=${this.isDragInitiator}
+                >
+                </drag-wrapper>
+              `}
+        </span>
+      </nr-dropdown>
+    `;
+  }
+};
+__decorateClass([
+  property({ type: Object })
+], DropdownBlock.prototype, "component", 2);
+__decorateClass([
+  state()
+], DropdownBlock.prototype, "childrenComponents", 2);
+__decorateClass([
+  state()
+], DropdownBlock.prototype, "options", 2);
+DropdownBlock = __decorateClass([
+  customElement("dropdown-block")
+], DropdownBlock);
+
+export { DropdownBlock };

package/dist/Dropdown-C47Y11dj.js

@@ -0,0 +1,112 @@
+import { B as h, $ as m, n as $, o as d, r as f, A as C, b as c, c as v, d as u, t as w } from "./micro-app-entry-DiNqE6xi.js";
+var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (n, e, o, s) => {
+  for (var a = s > 1 ? void 0 : s ? g(e, o) : e, i = n.length - 1, t; i >= 0; i--)
+    (t = n[i]) && (a = (s ? t(e, o, a) : t(a)) || a);
+  return s && a && b(e, o, a), a;
+};
+try {
+  await import("@nuralyui/dropdown");
+} catch {
+  console.warn("[@nuralyui/dropdown] Package not found or failed to load. Dropdown functionality may be limited.");
+}
+let l = class extends h {
+  constructor() {
+    super(), this.childrenComponents = [], this.options = [
+      { label: "Copy", value: "Copy", icon: "copy" },
+      { label: "Paste", value: "Paste", icon: "paste" },
+      { label: "Delete", value: "Delete", icon: "trash" },
+      { label: "Export", value: "value12" },
+      { label: "Import", value: "value12" }
+    ];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.registerCallback("value", (n) => {
+      this.requestUpdate();
+    });
+  }
+  updateChildrenComponents() {
+    this.childrenComponents = this.component?.childrenIds?.map((n) => m.get()[this.component?.application_id]?.find(
+      (e) => e.uuid === n
+    )).filter(Boolean) ?? [];
+  }
+  updated(n) {
+    n.has("component") && this.updateChildrenComponents();
+  }
+  renderComponent() {
+    const n = this.inputHandlersValue?.value?.[0] ?? [], e = this.component?.style || {}, o = e.size || "medium", s = e.placement || "bottom", a = e.trigger || "click", i = e.animation || "fade";
+    return c`
+      <nr-dropdown  
+        .open=${this.inputHandlersValue.show || !1}
+        ${$(this.inputRef)}
+        style=${d({
+      ...this.getStyles()
+    })} 
+        .trigger=${a}
+        .placement=${s}
+        .size=${o}
+        .animation=${i}
+        .disabled=${this.inputHandlersValue?.state == "disabled"}
+        .items=${this.inputHandlersValue.options || n}
+        .arrow=${e.arrow === "true" || this.inputHandlersValue.arrow || !1}
+        .autoClose=${e.autoClose !== "false" && this.inputHandlersValue.autoClose !== !1}
+        .closeOnOutsideClick=${e.closeOnOutsideClick !== "false" && this.inputHandlersValue.closeOnOutsideClick !== !1}
+        .closeOnEscape=${e.closeOnEscape !== "false" && this.inputHandlersValue.closeOnEscape !== !1}
+        .offset=${this.inputHandlersValue.offset || 4}
+        .delay=${this.inputHandlersValue.delay || 50}
+        .maxHeight=${this.inputHandlersValue.maxHeight || "300px"}
+        .minWidth=${this.inputHandlersValue.minWidth || "auto"}
+        .cascadeDirection=${this.inputHandlersValue.cascadeDirection || "auto"}
+        .cascadeDelay=${this.inputHandlersValue.cascadeDelay || 50}
+        .cascadeOnHover=${this.inputHandlersValue.cascadeOnHover !== !1}
+        @nr-dropdown-item-click=${(t) => {
+      const p = t.detail.item;
+      this.executeEvent("onItemClick", t, {
+        value: p.value,
+        item: p,
+        additionalData: p.additionalData
+      });
+    }}
+        @nr-dropdown-open=${(t) => {
+      this.executeEvent("onOpen", t);
+    }}
+        @nr-dropdown-close=${(t) => {
+      this.executeEvent("onClose", t);
+    }}
+      >
+        <span slot="trigger">
+          ${this.childrenComponents.length ? f(this.childrenComponents.map((t) => ({ ...t, item: this.item })), this.item, this.isViewMode) : c`
+                <nr-label
+                  style=${d({
+      "--resolved-text-label-color": this.getStyles()["title-color"]
+    })}
+                >${this.inputHandlersValue?.label ?? this.inputHandlersValue?.placeholder ?? C}</nr-label>
+                  
+                <drag-wrapper
+                  .where=${"inside"}
+                  .message=${"Drop inside"}
+                  .component=${{ ...this.component }}
+                  .inputRef=${this.inputRef}
+                  .isDragInitiator=${this.isDragInitiator}
+                >
+                </drag-wrapper>
+              `}
+        </span>
+      </nr-dropdown>
+    `;
+  }
+};
+r([
+  v({ type: Object })
+], l.prototype, "component", 2);
+r([
+  u()
+], l.prototype, "childrenComponents", 2);
+r([
+  u()
+], l.prototype, "options", 2);
+l = r([
+  w("dropdown-block")
+], l);
+export {
+  l as DropdownBlock
+};

package/dist/EmbedURL-BwbJRnY1.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-pS6m_x6Q.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 };