@nuraly/runtime 0.1.2 → 0.1.3

package/components/ui/components/ToastContainer/ToastContainer.ts

@@ -1,6 +1,13 @@
 import { LitElement, html, css } from 'lit';
 import { customElement } from 'lit/decorators.js';
-import '@nuralyui/toast';
+
+// Safely import @nuralyui/toast
+try {
+  await import('@nuralyui/toast');
+} catch (error) {
+  console.warn('[@nuralyui/toast] Package not found or failed to load. Toast functionality may be limited.');
+}
+
 import { $toasts, type Toast } from '../../../../redux/store/toast';
 import { hideToast } from '../../../../../../services/toast';
 

package/components/ui/components/advanced/AIChat/AIChat.ts

@@ -3,15 +3,32 @@ import type { ComponentElement } from '../../../../../redux/store/component/comp
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import "@nuralyui/slider-input";
-import "@nuralyui/button";
-import "@nuralyui/input";
 import styles from "./AIChat.style.ts";
 import { createChat } from '../../../../../redux/handlers/aichat/create-chat.handler.ts';
 import { replaceUUIDs } from "./AIChat.helper.ts";
 import { addGeneratedComponents } from '../../../../../redux/actions/aitchat.ts';
 import { addTempApplication } from '../../../../../redux/actions/application/addTempApplication.ts';
 
+// Safely import @nuralyui/slider-input
+try {
+  await import("@nuralyui/slider-input");
+} catch (error) {
+  console.warn('[@nuralyui/slider-input] Package not found or failed to load.');
+}
+// Safely import @nuralyui/button
+try {
+  await import("@nuralyui/button");
+} catch (error) {
+  console.warn('[@nuralyui/button] Package not found or failed to load.');
+}
+// Safely import @nuralyui/input
+try {
+  await import("@nuralyui/input");
+} catch (error) {
+  console.warn('[@nuralyui/input] Package not found or failed to load.');
+}
+
+
 @customElement("ai-chat-block")
 export class AiChat extends BaseElementBlock {
   static override styles = styles;

package/components/ui/components/advanced/Collapse/Collapse.ts

@@ -2,7 +2,14 @@
 
 import { html, nothing, type PropertyValues } from "lit";
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/collapse";
+
+// Safely import @nuralyui/collapse
+try {
+  await import("@nuralyui/collapse");
+} catch (error) {
+  console.warn('[@nuralyui/collapse] Package not found or failed to load. Collapse functionality may be limited.');
+}
+
 import { customElement, state } from "lit/decorators.js";
 import { renderComponent } from '../../../../../utils/render-util';
 import type { ComponentElement } from '../../../../../redux/store/component/component.interface.ts';

package/components/ui/components/advanced/MicroApp/MicroApp.ts

@@ -3,12 +3,19 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/input";
 import { $environment, type Environment, ViewMode } from '../../../../../redux/store/environment.ts';
 import { $components } from '../../../../../redux/store/component/store.ts';
 import { $microAppCurrentPage } from '../../../../../redux/store/page.ts';
 import { debounce } from '../../../../../utils/time.ts';
 
+// Safely import @nuralyui/input
+try {
+  await import("@nuralyui/input");
+} catch (error) {
+  console.warn('[@nuralyui/input] Package not found or failed to load.');
+}
+
+
 
 @customElement("micro-app-block")
 export class MicroAppBlock extends BaseElementBlock {
@@ -95,4 +102,4 @@ export class MicroAppBlock extends BaseElementBlock {
         `}
     `;
   }
-}
+}

package/components/ui/components/display/Badge/Badge.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/badge";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/badge
+try {
+  await import("@nuralyui/badge");
+} catch (error) {
+  console.warn('[@nuralyui/badge] Package not found or failed to load.');
+}
+
+
 @customElement("badge-block")
 export class BadgeBlock extends BaseElementBlock {
   static styles = [css``];

package/components/ui/components/display/Divider/Divider.ts

@@ -4,7 +4,14 @@ import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { ref } from "lit/directives/ref.js";
-import "@nuralyui/divider";
+
+// Safely import @nuralyui/divider
+try {
+  await import("@nuralyui/divider");
+} catch (error) {
+  console.warn('[@nuralyui/divider] Package not found or failed to load.');
+}
+
 
 @customElement("divider-block")
 export class DividerBlock extends BaseElementBlock {
@@ -95,4 +102,4 @@ export class DividerBlock extends BaseElementBlock {
       ` : nothing}
     `;
   }
-}
+}

package/components/ui/components/display/Icon/Icon.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/icon";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/icon
+try {
+  await import("@nuralyui/icon");
+} catch (error) {
+  console.warn('[@nuralyui/icon] Package not found or failed to load.');
+}
+
+
 
 @customElement("icon-block")
 export class IconBlock extends BaseElementBlock {
@@ -57,4 +64,4 @@ export class IconBlock extends BaseElementBlock {
       </nr-icon>
     `;
   }
-}
+}

package/components/ui/components/display/Image/Image.ts

@@ -1,11 +1,18 @@
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "@nuralyui/image";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { styleMap } from "lit/directives/style-map.js";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/image
+try {
+  await import("@nuralyui/image");
+} catch (error) {
+  console.warn('[@nuralyui/image] Package not found or failed to load.');
+}
+
+
 
 @customElement("image-block")
 export class ImageBlock extends BaseElementBlock {
@@ -72,4 +79,4 @@ export class ImageBlock extends BaseElementBlock {
       </nr-image>
     `;
   }
-}
+}

package/components/ui/components/display/Table/Table.ts

@@ -3,9 +3,16 @@ import { customElement, property, state } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/table";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/table
+try {
+  await import("@nuralyui/table");
+} catch (error) {
+  console.warn('[@nuralyui/table] Package not found or failed to load.');
+}
+
+
 
 
 @customElement("table-block")
@@ -175,4 +182,4 @@ export class TextInputBlock extends BaseElementBlock {
 
     `;
   }
-}
+}

package/components/ui/components/display/Tag/Tag.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/tag";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/tag
+try {
+  await import("@nuralyui/tag");
+} catch (error) {
+  console.warn('[@nuralyui/tag] Package not found or failed to load.');
+}
+
+
 @customElement("tag-block")
 export class TagBlock extends BaseElementBlock {
   static styles = [css``];

package/components/ui/components/display/TextLabel/TextLabel.ts

@@ -4,7 +4,14 @@ import { customElement, property, state } from "lit/decorators.js";
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { styles } from "./TextLabel.style.ts";
 import { ref } from "lit/directives/ref.js";
-import "@nuralyui/label";
+
+// Safely import @nuralyui/label
+try {
+  await import("@nuralyui/label");
+} catch (error) {
+  console.warn('[@nuralyui/label] Package not found or failed to load.');
+}
+
 
 @customElement("text-label-block")
 export class TextLabelBlock extends BaseElementBlock {
@@ -69,4 +76,4 @@ export class TextLabelBlock extends BaseElementBlock {
       }}>${this.inputHandlersValue.value || "Text label"}</nr-label>
     `;
   }
-}
+}

package/components/ui/components/display/Video/Video.ts

@@ -1,11 +1,18 @@
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "@nuralyui/video";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { styleMap } from "lit/directives/style-map.js";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/video
+try {
+  await import("@nuralyui/video");
+} catch (error) {
+  console.warn('[@nuralyui/video] Package not found or failed to load.');
+}
+
+
 
 @customElement("video-block")
 export class ImageBlock extends BaseElementBlock {
@@ -43,4 +50,4 @@ export class ImageBlock extends BaseElementBlock {
       </<nr-video-player>
     `;
     }
-}
+}

package/components/ui/components/inputs/Button/Button.ts

@@ -4,7 +4,13 @@ import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { ref } from "lit/directives/ref.js";
-import "@nuralyui/button";
+
+// Safely import @nuralyui/button
+try {
+  await import("@nuralyui/button");
+} catch (error) {
+  console.warn('[@nuralyui/button] Package not found or failed to load. Button functionality may be limited.');
+}
 
 
 

package/components/ui/components/inputs/Checkbox/Checkbox.ts

@@ -4,7 +4,14 @@ import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { ref } from "lit/directives/ref.js";
-import "@nuralyui/checkbox";
+
+// Safely import @nuralyui/checkbox
+try {
+  await import("@nuralyui/checkbox");
+} catch (error) {
+  console.warn('[@nuralyui/checkbox] Package not found or failed to load.');
+}
+
 
 @customElement("checkbox-block")
 export class CheckboxBlock extends BaseElementBlock {
@@ -73,4 +80,4 @@ export class CheckboxBlock extends BaseElementBlock {
       </nr-checkbox>
     `;
   }
-}
+}

package/components/ui/components/inputs/DatePicker/DatePicker.ts

@@ -1,14 +1,26 @@
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "@nuralyui/select";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/datepicker";
 import { executeHandler } from '../../../../../state/runtime-context.ts';
 import { getNestedAttribute } from '../../../../../utils/object.utils.ts';
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/select
+try {
+  await import("@nuralyui/select");
+} catch (error) {
+  console.warn('[@nuralyui/select] Package not found or failed to load.');
+}
+// Safely import @nuralyui/datepicker
+try {
+  await import("@nuralyui/datepicker");
+} catch (error) {
+  console.warn('[@nuralyui/datepicker] Package not found or failed to load.');
+}
+
+
 @customElement("date-picker-block")
 export class DatepickertBlock extends BaseElementBlock {
   @property({ type: Object })
@@ -57,4 +69,4 @@ export class DatepickertBlock extends BaseElementBlock {
       ></nr-datepicker>
     `;
   }
-}
+}

package/components/ui/components/inputs/Dropdown/Dropdown.ts

@@ -1,6 +1,13 @@
 import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import "@nuralyui/dropdown";
+
+// Safely import @nuralyui/dropdown
+try {
+  await import("@nuralyui/dropdown");
+} catch (error) {
+  console.warn('[@nuralyui/dropdown] Package not found or failed to load. Dropdown functionality may be limited.');
+}
+
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";

package/components/ui/components/inputs/FileUpload/FileUpload.ts

@@ -1,10 +1,17 @@
 import { customElement } from "lit/decorators.js";
 import { css, html } from "lit";
 import { BaseElementBlock } from '../../base/BaseElement';
-import "@nuralyui/file-upload";
 import { ref } from "lit/directives/ref.js";
 import { styleMap } from "lit/directives/style-map.js";
 
+// Safely import @nuralyui/file-upload
+try {
+  await import("@nuralyui/file-upload");
+} catch (error) {
+  console.warn('[@nuralyui/file-upload] Package not found or failed to load.');
+}
+
+
 @customElement("file-upload-block")
 export class FileUploadBlock extends BaseElementBlock {
 
@@ -40,4 +47,4 @@ export class FileUploadBlock extends BaseElementBlock {
       ></nr-file-upload>
     `;
   }
-}
+}

package/components/ui/components/inputs/IconButton/iconbutton.ts

@@ -6,7 +6,14 @@ import type { ComponentElement } from '../../../../../redux/store/component/comp
 import { executeHandler } from '../../../../../state/runtime-context.ts';
 import { getNestedAttribute } from '../../../../../utils/object.utils.ts';
 import { ref } from "lit/directives/ref.js";
-import "@nuralyui/button";
+
+// Safely import @nuralyui/button
+try {
+  await import("@nuralyui/button");
+} catch (error) {
+  console.warn('[@nuralyui/button] Package not found or failed to load.');
+}
+
 
 @customElement("icon-button-block")
 export class IconButtonBlock extends BaseElementBlock {
@@ -51,4 +58,4 @@ export class IconButtonBlock extends BaseElementBlock {
       </nr-button>
     `;
   }
-}
+}

package/components/ui/components/inputs/InsertDropdown/InsertDropdown.ts

@@ -1,8 +1,25 @@
 import { css, html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "@nuralyui/button";
-import "@nuralyui/dropdown";
-import "@nuralyui/label";
+
+// Safely import @nuralyui/button
+try {
+  await import("@nuralyui/button");
+} catch (error) {
+  console.warn('[@nuralyui/button] Package not found or failed to load.');
+}
+// Safely import @nuralyui/dropdown
+try {
+  await import("@nuralyui/dropdown");
+} catch (error) {
+  console.warn('[@nuralyui/dropdown] Package not found or failed to load.');
+}
+// Safely import @nuralyui/label
+try {
+  await import("@nuralyui/label");
+} catch (error) {
+  console.warn('[@nuralyui/label] Package not found or failed to load.');
+}
+
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { styleMap } from "lit/directives/style-map.js";

package/components/ui/components/inputs/NumberInput/NumberInput.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/input";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/input
+try {
+  await import("@nuralyui/input");
+} catch (error) {
+  console.warn('[@nuralyui/input] Package not found or failed to load.');
+}
+
+
 
 @customElement("number-input-block")
 export class NumberInputBlock extends BaseElementBlock {
@@ -81,4 +88,4 @@ export class NumberInputBlock extends BaseElementBlock {
       </span>
     `;
   }
-}
+}

package/components/ui/components/inputs/Slider/Slider.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/slider-input";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/slider-input
+try {
+  await import("@nuralyui/slider-input");
+} catch (error) {
+  console.warn('[@nuralyui/slider-input] Package not found or failed to load.');
+}
+
+
 @customElement("slider-block")
 export class SliderBlock extends BaseElementBlock {
   static styles = [css``];

package/components/ui/components/inputs/TextInput/TextInput.ts

@@ -3,9 +3,16 @@ import { customElement, property, state } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/input";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/input
+try {
+  await import("@nuralyui/input");
+} catch (error) {
+  console.warn('[@nuralyui/input] Package not found or failed to load.');
+}
+
+
 @customElement("text-input-block")
 export class TextInputBlock extends BaseElementBlock {
   static styles = [css``];
@@ -150,4 +157,4 @@ export class TextInputBlock extends BaseElementBlock {
         </nr-input>
     `;
   }
-}
+}

package/components/ui/components/inputs/Textarea/Textarea.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/textarea";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/textarea
+try {
+  await import("@nuralyui/textarea");
+} catch (error) {
+  console.warn('[@nuralyui/textarea] Package not found or failed to load.');
+}
+
+
 @customElement("textarea-block")
 export class TextareaBlock extends BaseElementBlock {
   static styles = [css``];

package/components/ui/components/inputs/UsersDropdown/UsersDropdown.ts

@@ -1,6 +1,13 @@
 import { html, nothing } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import "@nuralyui/image";
+
+// Safely import @nuralyui/image
+try {
+  await import("@nuralyui/image");
+} catch (error) {
+  console.warn('[@nuralyui/image] Package not found or failed to load.');
+}
+
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 

package/components/ui/components/layout/Card/Card.ts

@@ -3,9 +3,16 @@ import { customElement, property } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/card";
 import { ref } from "lit/directives/ref.js";
 
+// Safely import @nuralyui/card
+try {
+  await import("@nuralyui/card");
+} catch (error) {
+  console.warn('[@nuralyui/card] Package not found or failed to load.');
+}
+
+
 @customElement("card-block")
 export class CardBlock extends BaseElementBlock {
   static styles = [css``];

package/components/ui/components/layout/Panel/Panel.ts

@@ -3,7 +3,14 @@ import { customElement, property, state } from "lit/decorators.js";
 import { styleMap } from "lit/directives/style-map.js";
 import { type ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
-import "@nuralyui/panel";
+
+// Safely import @nuralyui/panel
+try {
+  await import("@nuralyui/panel");
+} catch (error) {
+  console.warn('[@nuralyui/panel] Package not found or failed to load. Panel functionality may be limited.');
+}
+
 import { ref } from "lit/directives/ref.js";
 import { PanelMode, PanelSize, PanelPosition, MaximizePosition } from "@nuralyui/panel";
 import { $components } from '../../../../../redux/store/component/store.ts';

package/components/ui/components/layout/Tabs/Tabs.ts

@@ -6,7 +6,13 @@ import { renderComponent } from '../../../../../utils/render-util';
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { styleMap } from "lit/directives/style-map.js";
 import { EMPTY_STRING } from '../../../../../utils/constants.ts';
-import "@nuralyui/tabs";  
+
+// Safely import @nuralyui/tabs
+try {
+  await import("@nuralyui/tabs");
+} catch (error) {
+  console.warn('[@nuralyui/tabs] Package not found or failed to load. Tab functionality may be limited.');
+}  
 @customElement("tabs-block")
 export class TabsBlock extends BaseElementBlock {
   static override styles = css`

package/components/ui/components/navigation/Menu/Menu.ts

@@ -1,7 +1,14 @@
 import type { ComponentElement } from '../../../../../redux/store/component/component.interface.ts';
 import { css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import "@nuralyui/menu";
+
+// Safely import @nuralyui/menu
+try {
+  await import("@nuralyui/menu");
+} catch (error) {
+  console.warn('[@nuralyui/menu] Package not found or failed to load. Menu functionality may be limited.');
+}
+
 import { BaseElementBlock } from "../../base/BaseElement.ts";
 import { executeHandler } from '../../../../../state/runtime-context.ts';
 import { getNestedAttribute } from '../../../../../utils/object.utils.ts';

package/components/ui/components/utility/Border/Border.ts

@@ -2,11 +2,23 @@ import type { ComponentElement } from '../../../../../redux/store/component/comp
 import { BaseElementBlock } from '../../base/BaseElement';
 import { css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import "@nuralyui/slider-input";
 import { executeHandler } from '../../../../../state/runtime-context';
 import { getNestedAttribute } from '../../../../../utils/object.utils.ts';
 import { styleMap } from "lit/directives/style-map.js";
-import "@nuralyui/color-picker";
+
+// Safely import @nuralyui/slider-input
+try {
+  await import("@nuralyui/slider-input");
+} catch (error) {
+  console.warn('[@nuralyui/slider-input] Package not found or failed to load.');
+}
+// Safely import @nuralyui/color-picker
+try {
+  await import("@nuralyui/color-picker");
+} catch (error) {
+  console.warn('[@nuralyui/color-picker] Package not found or failed to load.');
+}
+
 import {
   SelectTheme,
   SingleButtonTheme,