@vialiq/web-components 0.17.0 → 0.18.0

package/base/draggable-mixin.d.ts

@@ -1,7 +1,9 @@
 import { LitElement } from 'lit';
 type Constructor<T = object> = new (...args: any[]) => T;
+export type DragContainment = 'none' | 'viewport' | 'parent';
 export declare class DraggableInterface {
     draggable: boolean;
+    dragContainment: DragContainment;
     protected get _dragTarget(): HTMLElement | null;
     protected get _dragHandle(): HTMLElement | null;
     protected _resetDrag(): void;

package/base/draggable-mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draggable-mixin.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/base/draggable-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAItD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,KAAK,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC;IAChD,SAAS,KAAK,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,UAAU,IAAI,IAAI;IAC5B,SAAS,CAAC,SAAS,IAAI,IAAI;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC9D,IAAI,EAAE,CAAC,GACN,CAAC,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAsOrC"}
+{"version":3,"file":"draggable-mixin.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/base/draggable-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAItD,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,eAAe,CAAC;IACjC,SAAS,KAAK,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC;IAChD,SAAS,KAAK,WAAW,IAAI,WAAW,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,UAAU,IAAI,IAAI;IAC5B,SAAS,CAAC,SAAS,IAAI,IAAI;CAC5B;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC9D,IAAI,EAAE,CAAC,GACN,CAAC,GAAG,WAAW,CAAC,kBAAkB,CAAC,CA0SrC"}

package/base/overlay-manager.d.ts

@@ -1,4 +1,5 @@
 export type OverlayType = 'modal' | 'dropdown' | 'tooltip' | 'toast';
+export type ScrollStrategy = 'block' | 'noop';
 /**
  * OverlayManagerService
  *
@@ -11,8 +12,7 @@ export type OverlayType = 'modal' | 'dropdown' | 'tooltip' | 'toast';
  * when a modal is active.
  */
 declare class OverlayManagerService {
-    private _baseZIndexCache?;
-    private get baseZIndex();
+    private getBaseZIndex;
     private overlays;
     private _previousOverflow;
     /**
@@ -21,9 +21,10 @@ declare class OverlayManagerService {
      *
      * @param element The DOM element being registered (e.g., the modal dialog or dropdown listbox)
      * @param type The type of overlay, used to determine behaviors like scroll-locking.
+     * @param scrollStrategy How this overlay interacts with background scrolling.
      * @returns The calculated z-index to be applied to the element.
      */
-    register(element: HTMLElement, type?: OverlayType): number;
+    register(element: HTMLElement, type?: OverlayType, scrollStrategy?: ScrollStrategy): number;
     /**
      * Unregisters an element, removing it from the overlay stack.
      * Should be called when the overlay is closed or disconnected from the DOM.
@@ -47,9 +48,9 @@ declare class OverlayManagerService {
      */
     isTopOverlay(element: HTMLElement): boolean;
     /**
-     * Locks or unlocks the document.body scroll based on the presence of modals.
-     * Modals require the body to be unscrollable to trap scroll inside the modal.
-     * It applies a utility class `vi-scroll-locked` to the body.
+     * Locks or unlocks the document.body scroll based on the active overlays.
+     * Modals (and other overlays with scrollStrategy='block') require the body
+     * to be unscrollable. It applies a utility class `vi-scroll-locked` to the body.
      */
     private _updateBodyScroll;
 }

package/base/overlay-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/base/overlay-manager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AAQrE;;;;;;;;;;GAUG;AACH,cAAM,qBAAqB;IACzB,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAClC,OAAO,KAAK,UAAU,GAarB;IACD,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,iBAAiB,CAAuB;IAEhD;;;;;;;OAOG;IACI,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,GAAE,WAAwB,GAAG,MAAM;IAiB7E;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAK7C;;;;;OAKG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAKrD;;;;;;OAMG;IACI,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAMlD;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;CAqB1B;AAGD,eAAO,MAAM,cAAc,uBAA8B,CAAC"}
+{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/base/overlay-manager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AACrE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAS9C;;;;;;;;;;GAUG;AACH,cAAM,qBAAqB;IACzB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,iBAAiB,CAAuB;IAEhD;;;;;;;;OAQG;IACI,QAAQ,CACb,OAAO,EAAE,WAAW,EACpB,IAAI,GAAE,WAAwB,EAC9B,cAAc,CAAC,EAAE,cAAc,GAC9B,MAAM;IAkBT;;;;;OAKG;IACI,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAK7C;;;;;OAKG;IACI,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAKrD;;;;;;OAMG;IACI,YAAY,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAQlD;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;CAsB1B;AAGD,eAAO,MAAM,cAAc,uBAA8B,CAAC"}

package/base/resizable-mixin.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, TemplateResult } from 'lit';
+type Constructor<T = object> = new (...args: any[]) => T;
+export declare class ResizableInterface {
+    resizable: boolean;
+    minWidth: number;
+    minHeight: number;
+    maxWidth: number;
+    maxHeight: number;
+    protected get _resizeTarget(): HTMLElement | null;
+    protected _renderResizeHandles(): TemplateResult;
+    protected _resetResize(): void;
+}
+/**
+ * ResizableMixin
+ *
+ * Provides native 8-direction resize capabilities using Pointer Events.
+ * Applies `width` and `height` inline styles to `_resizeTarget`.
+ *
+ * **Important**: All private fields use the `_rsz_` prefix to prevent
+ * name collisions when composed with other mixins (e.g., DraggableMixin).
+ *
+ * Subclasses MUST implement:
+ * - `_resizeTarget`: The HTML element that resizes (usually the dialog box).
+ * - Render `${this._renderResizeHandles()}` inside the component's template.
+ */
+export declare function ResizableMixin<T extends Constructor<LitElement>>(Base: T): T & Constructor<ResizableInterface>;
+export {};
+//# sourceMappingURL=resizable-mixin.d.ts.map

package/base/resizable-mixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-mixin.d.ts","sourceRoot":"","sources":["../../../../libs/web-components/src/base/resizable-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA6B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIjF,KAAK,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,kBAAkB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,KAAK,aAAa,IAAI,WAAW,GAAG,IAAI,CAAC;IAClD,SAAS,CAAC,oBAAoB,IAAI,cAAc;IAChD,SAAS,CAAC,YAAY,IAAI,IAAI;CAC/B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC9D,IAAI,EAAE,CAAC,GACN,CAAC,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAgNrC"}