@nuraly/runtime 0.1.7 → 0.1.8

package/components/ui/components/wrappers/RectangleSelection/RectangleSelection.ts

@@ -1,154 +0,0 @@
-import { $context, getVar } from '../../../../../redux/store/context';
-import { $environment, type Environment, ViewMode } from '../../../../../redux/store/environment';
-import { css, html, LitElement } from "lit";
-import { customElement, property } from "lit/decorators.js";
-
-@customElement("selectable-element")
-class SelectableElement extends LitElement {
-  static styles = css`
-    :host {
-      position: absolute;
-      padding: 10px;
-      border: 1px solid #000;
-      background: lightgray;
-      transition: background-color 0.3s;
-
-    }
-    :host([highlighted]) {
-      background: #007bff; 
-    }
-  `;
-  @property({ type: Boolean, reflect: true, attribute: "highlighted" }) highlighted = false;
-
-  render() {
-    return html`<slot></slot>`;
-  }
-}
-
-@customElement("rectangle-selection")
-class RectangleSelection extends LitElement {
-  static styles = css`
-    :host {
-      display: block;
-      position: relative; 
-      overflow-x:hidden;
-
-    }
-    .rectangle {
-      position: absolute;
-      border: 1px dashed #000;
-      background-color: rgba(0, 123, 255, 0.3);
-      animation: fadeIn 0.3s ease-out;
-    }
-
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-      }
-      to {
-        opacity: 1;
-      }
-    }
-  `;
-  @property({ type: Object }) selectionStart = null;
-  @property({ type: Object }) selectionRect = null;
-  mode: ViewMode;
-  selectableElements: NodeListOf<Element>;
-  currentPlatform: any;
-
-  constructor() {
-    super();
-    $environment.subscribe((environment: Environment) => {
-      this.mode = environment.mode;
-      this.requestUpdate();
-    });
-    $context.listen(() => {
-      this.currentPlatform = getVar("global", "currentPlatform")?.value;
-      const isDesktop = this.currentPlatform?.platform == undefined || this.currentPlatform?.platform === "desktop";
-
-      if (!isDesktop) {
-        this.style.setProperty("justify-self", "center");
-      } else {
-        this.style.removeProperty("justify-self");
-      }
-    });
-
-  }
-
-  render() {
-    return html`<slot></slot>`;
-  }
-
-  firstUpdated() {
-    if (this.mode === ViewMode.Preview) return;
-    // this.addEventListener("mousedown", this.startSelection.bind(this));
-    // this.addEventListener("mousemove", this.updateSelection.bind(this));
-    // this.addEventListener("mouseup", this.endSelection.bind(this));
-
-    const observer = new MutationObserver(() => {
-      this.updateSelectableElements();
-    });
-
-    observer.observe(this, { childList: true, subtree: true });
-    this.updateSelectableElements();
-  }
-
-  updateSelectableElements() {
-    this.selectableElements = this.querySelectorAll("generiks-component-wrapper");
-  }
-
-  startSelection(event) {
-    this.selectionStart = { x: event.offsetX, y: event.offsetY };
-
-    this.selectionRect = document.createElement("div");
-    this.selectionRect.classList.add("rectangle");
-    this.selectionRect.style.left = `${this.selectionStart.x}px`;
-    this.selectionRect.style.top = `${this.selectionStart.y}px`;
-
-    this.shadowRoot.appendChild(this.selectionRect);
-  }
-
-  updateSelection(event) {
-    if (this.mode === ViewMode.Preview) return;
-    if (!this.selectionRect) return;
-
-    requestAnimationFrame(() => {
-      const width = event.offsetX - this.selectionStart.x;
-      const height = event.offsetY - this.selectionStart.y;
-
-      this.selectionRect.style.width = `${Math.abs(width)}px`;
-      this.selectionRect.style.height = `${Math.abs(height)}px`;
-
-      if (width < 0) {
-        this.selectionRect.style.left = `${event.offsetX}px`;
-      }
-      if (height < 0) {
-        this.selectionRect.style.top = `${event.offsetY}px`;
-      }
-    });
-  }
-
-  endSelection(event) {
-    event.preventDefault();
-    if (!this.selectionRect) return;
-
-    const rect = this.selectionRect.getBoundingClientRect();
-
-    // Dynamically query and update highlighted elements
-    this.selectableElements.forEach(element => {
-      const elementRect = element.getBoundingClientRect();
-      const isSelected = (
-        rect.left <= elementRect.right &&
-        rect.right >= elementRect.left &&
-        rect.top <= elementRect.bottom &&
-        rect.bottom >= elementRect.top
-      );
-      console.log("Element:", element, "isSelected:", isSelected);
-      element.highlighted = isSelected;
-    });
-
-    this.shadowRoot.removeChild(this.selectionRect);
-    this.selectionRect = null;
-    this.selectionStart = null;
-  }
-}

package/components/ui/nuraly-ui/packages/common/dist/constants/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../constants.js';
-//# sourceMappingURL=index.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/constants/index.js

@@ -1,2 +0,0 @@
-export * from '../constants.js';
-//# sourceMappingURL=index.js.map

package/components/ui/nuraly-ui/packages/common/dist/constants.d.ts

@@ -1,17 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * Shared constants for Nuraly UI components
- *
- * @module @nuralyui/common/constants
- *
- * @example
- * ```typescript
- * import { COMPONENT_PREFIX } from '@nuralyui/common/constants';
- * ```
- */
-export {};
-//# sourceMappingURL=constants.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/constants.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-export {};
-//# sourceMappingURL=constants.js.map

package/components/ui/nuraly-ui/packages/common/dist/controllers/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../controllers.js';
-//# sourceMappingURL=index.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/controllers/index.js

@@ -1,2 +0,0 @@
-export * from '../controllers.js';
-//# sourceMappingURL=index.js.map

package/components/ui/nuraly-ui/packages/common/dist/controllers.d.ts

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * Shared controllers for Nuraly UI components
- *
- * @module @nuralyui/common/controllers
- *
- * @example
- * ```typescript
- * import { ThemeController, SharedDropdownController } from '@nuralyui/common/controllers';
- *
- * class MyComponent extends LitElement {
- *   private themeController = new ThemeController(this);
- * }
- * ```
- */
-export * from './shared/controllers/index.js';
-//# sourceMappingURL=controllers.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/controllers.js

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * Shared controllers for Nuraly UI components
- *
- * @module @nuralyui/common/controllers
- *
- * @example
- * ```typescript
- * import { ThemeController, SharedDropdownController } from '@nuralyui/common/controllers';
- *
- * class MyComponent extends LitElement {
- *   private themeController = new ThemeController(this);
- * }
- * ```
- */
-// Export all controllers
-export * from './shared/controllers/index.js';
-//# sourceMappingURL=controllers.js.map

package/components/ui/nuraly-ui/packages/common/dist/index.d.ts

@@ -1,25 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @nuralyui/common
- *
- * Common UI components package for Nuraly UI Library.
- * Contains basic building blocks used across the component library.
- *
- * This package exposes shared utilities only (mixins, controllers, themes, utils).
- * Components should be imported from their own packages (e.g., @nuralyui/button).
- *
- * @example
- * ```typescript
- * import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
- * import { ThemeController } from '@nuralyui/common/controllers';
- * ```
- */
-export * from './mixins.js';
-export * from './controllers.js';
-export * from './themes.js';
-export * from './utils.js';
-//# sourceMappingURL=index.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/index.js

@@ -1,27 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @nuralyui/common
- *
- * Common UI components package for Nuraly UI Library.
- * Contains basic building blocks used across the component library.
- *
- * This package exposes shared utilities only (mixins, controllers, themes, utils).
- * Components should be imported from their own packages (e.g., @nuralyui/button).
- *
- * @example
- * ```typescript
- * import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
- * import { ThemeController } from '@nuralyui/common/controllers';
- * ```
- */
-// This file exports shared utilities only.
-// Export shared utilities
-export * from './mixins.js';
-export * from './controllers.js';
-export * from './themes.js';
-export * from './utils.js';
-//# sourceMappingURL=index.js.map

package/components/ui/nuraly-ui/packages/common/dist/mixins/index.d.ts

@@ -1,2 +0,0 @@
-export * from '../mixins.js';
-//# sourceMappingURL=index.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/mixins/index.js

@@ -1,3 +0,0 @@
-// Re-export the main mixins entry so TS emits dist/mixins/index.js
-export * from '../mixins.js';
-//# sourceMappingURL=index.js.map

package/components/ui/nuraly-ui/packages/common/dist/mixins.d.ts

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * Shared mixins for Nuraly UI components
- *
- * @module @nuralyui/common/mixins
- *
- * @example
- * ```typescript
- * import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
- *
- * class MyComponent extends NuralyUIBaseMixin(LitElement) {
- *   // Your component code
- * }
- * ```
- */
-export { NuralyUIBaseMixin, BaseMixin, type NuralyUIBaseElement } from './shared/base-mixin.js';
-export { ThemeAwareMixin, type ThemeAware } from './shared/theme-mixin.js';
-export { DependencyValidationMixin, type DependencyAware } from './shared/dependency-mixin.js';
-export { EventHandlerMixin, type EventHandlerCapable } from './shared/event-handler-mixin.js';
-export * from './shared/validation.types.js';
-export * from './shared/validation.types.js';
-//# sourceMappingURL=mixins.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/mixins.js

@@ -1,29 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * Shared mixins for Nuraly UI components
- *
- * @module @nuralyui/common/mixins
- *
- * @example
- * ```typescript
- * import { NuralyUIBaseMixin } from '@nuralyui/common/mixins';
- *
- * class MyComponent extends NuralyUIBaseMixin(LitElement) {
- *   // Your component code
- * }
- * ```
- */
-// Export all mixins
-export { NuralyUIBaseMixin, BaseMixin } from './shared/base-mixin.js';
-export { ThemeAwareMixin } from './shared/theme-mixin.js';
-export { DependencyValidationMixin } from './shared/dependency-mixin.js';
-export { EventHandlerMixin } from './shared/event-handler-mixin.js';
-// Also export validation types
-export * from './shared/validation.types.js';
-// Export validation types
-export * from './shared/validation.types.js';
-//# sourceMappingURL=mixins.js.map

package/components/ui/nuraly-ui/packages/common/dist/shared/base-mixin.d.ts

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { LitElement } from 'lit';
-import { ThemeAware } from './theme-mixin.js';
-import { DependencyAware } from './dependency-mixin.js';
-import { EventHandlerCapable } from './event-handler-mixin.js';
-/**
- * Base interface combining theme awareness, dependency validation, and event handling
- */
-export interface NuralyUIBaseElement extends ThemeAware, DependencyAware, EventHandlerCapable {
-}
-declare type Constructor<T = {}> = new (...args: any[]) => T;
-/**
- * Global base mixin that combines ThemeAwareMixin and DependencyValidationMixin
- * This mixin provides a single entry point for all common functionality needed
- * by Nuraly UI components, reducing boilerplate code in individual components.
- *
- * @param superClass - The base class to extend (typically LitElement)
- * @returns Enhanced class with both theme management and dependency validation capabilities
- *
- * @example
- * ```typescript
- * @customElement('my-component')
- * export class MyComponent extends NuralyUIBaseMixin(LitElement) {
- *   requiredComponents = ['nr-icon'];
- *
- *   render() {
- *     return html`<div data-theme="${this.currentTheme}">Content</div>`;
- *   }
- * }
- * ```
- */
-export declare const NuralyUIBaseMixin: <T extends Constructor<LitElement>>(superClass: T) => (new (...args: any[]) => DependencyAware) & (new (...args: any[]) => ThemeAware) & (new (...args: any[]) => EventHandlerCapable) & T;
-/**
- * Alternative shorter name for convenience
- */
-export declare const BaseMixin: <T extends Constructor<LitElement>>(superClass: T) => (new (...args: any[]) => DependencyAware) & (new (...args: any[]) => ThemeAware) & (new (...args: any[]) => EventHandlerCapable) & T;
-export {};
-//# sourceMappingURL=base-mixin.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/shared/base-mixin.js

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright 2023 Nuraly, Laabidi Aymen
- * SPDX-License-Identifier: MIT
- */
-import { ThemeAwareMixin } from './theme-mixin.js';
-import { DependencyValidationMixin } from './dependency-mixin.js';
-import { EventHandlerMixin } from './event-handler-mixin.js';
-/**
- * Global base mixin that combines ThemeAwareMixin and DependencyValidationMixin
- * This mixin provides a single entry point for all common functionality needed
- * by Nuraly UI components, reducing boilerplate code in individual components.
- *
- * @param superClass - The base class to extend (typically LitElement)
- * @returns Enhanced class with both theme management and dependency validation capabilities
- *
- * @example
- * ```typescript
- * @customElement('my-component')
- * export class MyComponent extends NuralyUIBaseMixin(LitElement) {
- *   requiredComponents = ['nr-icon'];
- *
- *   render() {
- *     return html`<div data-theme="${this.currentTheme}">Content</div>`;
- *   }
- * }
- * ```
- */
-export const NuralyUIBaseMixin = (superClass) => {
-    // Apply all base mixins in the correct order:
-    // EventHandlerMixin first, then DependencyValidationMixin, then ThemeAwareMixin
-    return DependencyValidationMixin(ThemeAwareMixin(EventHandlerMixin(superClass)));
-};
-/**
- * Alternative shorter name for convenience
- */
-export const BaseMixin = NuralyUIBaseMixin;
-//# sourceMappingURL=base-mixin.js.map

package/components/ui/nuraly-ui/packages/common/dist/shared/constants.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=constants.d.ts.map

package/components/ui/nuraly-ui/packages/common/dist/shared/constants.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=constants.js.map

package/components/ui/nuraly-ui/packages/common/dist/shared/controllers/dropdown.controller.d.ts

@@ -1,77 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { DropdownController, DropdownHost, DropdownPosition, DropdownSpace } from './dropdown.interface.js';
-/**
- * Shared dropdown controller for components that need dropdown functionality
- * Based on the select component's dropdown controller but generalized for reuse
- */
-export declare class SharedDropdownController implements ReactiveController, DropdownController {
-    private _host;
-    private _isOpen;
-    private _position;
-    private _dropdownElement;
-    private _triggerElement;
-    constructor(host: ReactiveControllerHost & DropdownHost);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    /**
-     * Check if dropdown is open
-     */
-    get isOpen(): boolean;
-    /**
-     * Get current dropdown position
-     */
-    get position(): DropdownPosition;
-    /**
-     * Open the dropdown
-     */
-    open(): void;
-    /**
-     * Close the dropdown
-     */
-    close(): void;
-    /**
-     * Toggle dropdown visibility
-     */
-    toggle(): void;
-    /**
-     * Calculate optimal dropdown placement
-     */
-    calculatePosition(): void;
-    /**
-     * Reset dropdown position
-     */
-    resetPosition(): void;
-    /**
-     * Set dropdown and trigger element references
-     */
-    setElements(dropdownElement: HTMLElement, triggerElement: HTMLElement): void;
-    /**
-     * Find dropdown and trigger elements
-     */
-    private findElements;
-    /**
-     * Determine optimal dropdown placement
-     */
-    private determineOptimalPlacement;
-    /**
-     * Apply calculated position to dropdown element
-     */
-    private applyPosition;
-    /**
-     * Calculate available space around trigger
-     */
-    getAvailableSpace(): DropdownSpace;
-    /**
-     * Handle window resize to recalculate position
-     */
-    private handleResize;
-    /**
-     * Handle scroll to manage dropdown visibility
-     */
-    private handleScroll;
-    /**
-     * Handle errors with fallback
-     */
-    private handleError;
-}
-//# sourceMappingURL=dropdown.controller.d.ts.map