ng-luna 0.1.1 → 0.1.2

package/README.md

@@ -1,12 +1,12 @@
 # ng-luna
 
-An Angular component library inspired by Windows XP aesthetics, built with XP.css and IBM Plex fonts.
+An Angular component library inspired by Windows XP aesthetics, built with IBM Plex fonts.
 
 ## Overview
 
-ng-luna provides a collection of Angular components styled to match the classic Windows XP design language. The library uses [XP.css](https://botoxparty.github.io/XP.css/) for styling and [IBM Plex](https://www.ibm.com/plex/) fonts for typography.
+ng-luna provides a collection of Angular components styled to match the classic Windows XP design language. The library uses custom styling inspired by Windows XP and [IBM Plex](https://www.ibm.com/plex/) fonts for typography.
 
-All components are **standalone** and implement Angular's reactive forms API where applicable, making them compatible with `FormControl`, `FormGroup`, and `ngModel`.
+All components are **standalone** and implement Angular's reactive forms API where applicable, making them compatible with `FormControl`, `FormGroup`, and `ngModel`. Components are built on **Angular CDK** for enhanced accessibility, keyboard navigation, drag-and-drop, and cross-platform support.
 
 ## Installation
 
@@ -37,8 +37,51 @@ import { ButtonComponent } from 'ng-luna';
 })
 ```
 
+### Using Bundled Fonts
+
+The IBM Plex fonts are **automatically bundled and loaded** when you use any ng-luna component. No additional setup or configuration is required.
+
+**Fonts are automatically available:**
+- ✅ Font files are bundled with the library
+- ✅ Fonts load automatically when you use any component
+- ✅ No imports or configuration needed
+- ✅ Works out of the box
+
+**Using fonts in your own styles:**
+
+Since the fonts are already loaded, you can use them directly in your CSS/SCSS:
+
+```scss
+.my-custom-class {
+    font-family: 'IBM Plex Sans', sans-serif;
+}
+
+.code-snippet {
+    font-family: 'IBM Plex Mono', monospace;
+}
+
+.heading {
+    font-family: 'IBM Plex Serif', serif;
+}
+```
+
+**Available font families:**
+- `'IBM Plex Sans', sans-serif` - Default sans-serif font used by components
+- `'IBM Plex Mono', monospace` - Monospace font
+- `'IBM Plex Serif', serif` - Serif font
+
 ## Components
 
+All components extend the `LunaControl` base class, which provides the following common inputs available on every component:
+
+- `id?: string` - Element ID
+- `name?: string` - Name attribute
+- `disabled: boolean` - Whether the control is disabled (default: `false`)
+- `tabindex?: number` - Tab index for keyboard navigation
+- `autofocus: boolean` - Whether the control should be autofocused (default: `false`)
+
+These inputs are inherited from the base class and available on all components unless otherwise noted in the component-specific documentation below.
+
 ### Button Component
 
 The `luna-button` component provides a Windows XP-styled button.
@@ -47,20 +90,16 @@ The `luna-button` component provides a Windows XP-styled button.
 
 #### Inputs
 
-- `autofocus: boolean` - Whether the button should be autofocused (default: `false`)
 - `command?: string` - Command to invoke when the button is clicked
 - `commandfor?: string` - Element ID that the command is for
-- `disabled: boolean` - Whether the button is disabled (default: `false`)
 - `form?: string` - Form element ID to associate with
 - `formaction?: string` - URL to submit the form to (for submit buttons)
 - `formenctype?: FormEnctype` - Form encoding type: `'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'`
 - `formmethod?: FormMethod` - HTTP method for form submission: `'get' | 'post'`
 - `formnovalidate: boolean` - Whether to bypass form validation (default: `false`)
 - `formtarget?: FormTarget` - Where to display form response: `'_self' | '_blank' | '_parent' | '_top'`
-- `name?: string` - Name attribute for the button
 - `popovertarget?: string` - ID of popover element to control
 - `popovertargetaction?: PopoverTargetAction` - Popover action: `'show' | 'hide' | 'toggle'`
-- `tabindex?: number` - Tab index for keyboard navigation
 - `type: ButtonType` - Button type: `'button' | 'submit' | 'reset'` (default: `'button'`)
 - `value?: string` - Value attribute for the button
 
@@ -87,9 +126,7 @@ The `luna-checkbox` component provides a Windows XP-styled checkbox that impleme
 
 #### Inputs
 
-- `disabled: boolean` - Whether the checkbox is disabled (default: `false`)
 - `label?: string` - Label text for the checkbox
-- `name?: string` - Name attribute for the checkbox
 - `value?: string` - Value attribute for the checkbox
 
 #### Outputs
@@ -132,8 +169,6 @@ The `luna-input` component provides a Windows XP-styled text input that implemen
 
 #### Inputs
 
-- `disabled: boolean` - Whether the input is disabled (default: `false`)
-- `name?: string` - Name attribute for the input
 - `placeholder?: string` - Placeholder text
 - `type: InputType` - Input type: `'text' | 'password' | 'email'` (default: `'text'`)
 - `readonly: boolean` - Whether the input is readonly (default: `false`)
@@ -182,11 +217,11 @@ The `luna-radio` component provides a Windows XP-styled radio button that implem
 
 #### Inputs
 
-- `disabled: boolean` - Whether the radio button is disabled (default: `false`)
 - `label?: string` - Label text for the radio button
-- `name?: string` - Name attribute for the radio button (required for grouping)
 - `value?: string` - Value attribute for the radio button
 
+**Note:** The `name` attribute is required for grouping radio buttons together.
+
 #### Outputs
 
 - `change: EventEmitter<string>` - Emitted when the radio button is selected
@@ -216,8 +251,7 @@ The `luna-select` component provides a Windows XP-styled select dropdown that im
 
 #### Inputs
 
-- `disabled: boolean` - Whether the select is disabled (default: `false`)
-- `name?: string` - Name attribute for the select
+No additional inputs beyond the common base inputs.
 
 #### Outputs
 
@@ -242,8 +276,6 @@ The `luna-slider` component provides a Windows XP-styled range slider that imple
 
 #### Inputs
 
-- `disabled: boolean` - Whether the slider is disabled (default: `false`)
-- `name?: string` - Name attribute for the slider
 - `min: number` - Minimum value (default: `0`)
 - `max: number` - Maximum value (default: `100`)
 - `step: number` - Step value (default: `1`)
@@ -268,7 +300,7 @@ The `luna-slider` component provides a Windows XP-styled range slider that imple
 
 ### Tabs Component
 
-The `luna-tabs` component provides a Windows XP-styled tab interface.
+The `luna-tabs` component provides a Windows XP-styled tab interface with keyboard navigation support.
 
 **Selector:** `luna-tabs`
 
@@ -281,6 +313,11 @@ The `luna-tabs` component provides a Windows XP-styled tab interface.
 
 - `tabChange: EventEmitter<string>` - Emitted when a tab is selected
 
+#### Keyboard Navigation
+
+- **Arrow Left/Right** - Navigate between tabs
+- **Tab** - Move focus to tab panel content
+
 #### Example
 
 ```html
@@ -306,8 +343,6 @@ The `luna-textarea` component provides a Windows XP-styled textarea that impleme
 
 #### Inputs
 
-- `disabled: boolean` - Whether the textarea is disabled (default: `false`)
-- `name?: string` - Name attribute for the textarea
 - `placeholder?: string` - Placeholder text
 - `rows?: number` - Number of visible rows
 - `cols?: number` - Number of visible columns
@@ -332,7 +367,7 @@ The `luna-textarea` component provides a Windows XP-styled textarea that impleme
 
 ### Window Component
 
-The `luna-window` component provides a Windows XP-styled window with title bar and controls.
+The `luna-window` component provides a Windows XP-styled draggable window with title bar and controls.
 
 **Selector:** `luna-window`
 
@@ -344,6 +379,8 @@ The `luna-window` component provides a Windows XP-styled window with title bar a
 - `showHelp: boolean` - Whether to show the help button (default: `false`)
 - `showClose: boolean` - Whether to show the close button (default: `true`)
 - `isMaximized: boolean` - Whether the window is currently maximized (default: `false`)
+- `boundaryElement?: string` - CSS selector for element that constrains window dragging
+- `scrollable: boolean` - Whether the window body should be scrollable (default: `false`)
 
 #### Outputs
 
@@ -353,12 +390,18 @@ The `luna-window` component provides a Windows XP-styled window with title bar a
 - `help: EventEmitter<void>` - Emitted when the help button is clicked
 - `close: EventEmitter<void>` - Emitted when the close button is clicked
 
+#### Dragging
+
+The window can be dragged by its title bar. Dragging is automatically disabled when the window is maximized.
+
 #### Example
 
 ```html
 <luna-window 
     title="My Application"
     [showHelp]="true"
+    boundaryElement=".container"
+    [scrollable]="true"
     (minimize)="onMinimize()"
     (maximize)="onMaximize()"
     (close)="onClose()">
@@ -368,6 +411,21 @@ The `luna-window` component provides a Windows XP-styled window with title bar a
 </luna-window>
 ```
 
+## Accessibility & CDK Features
+
+All components leverage **Angular CDK** for enhanced functionality:
+
+- **Focus Management** - All form components track focus states for better accessibility
+- **Keyboard Navigation** - Tabs support arrow key navigation with focus management
+- **Screen Reader Support** - Components announce state changes via `LiveAnnouncer`
+- **Drag & Drop** - Window component supports draggable functionality with boundary constraints
+- **Scrolling** - Window body supports scrollable content areas
+- **Platform Detection** - Components adapt behavior based on platform/browser
+- **RTL Support** - Input and button components support right-to-left layouts
+- **Type Coercion** - Number inputs use type-safe coercion utilities
+
+Screen reader announcements are non-intrusive and only audible to assistive technology users.
+
 ## Reactive Forms Support
 
 Components that implement `ControlValueAccessor` (checkbox, input, radio, select, slider, textarea) can be used with Angular's reactive forms:
@@ -449,7 +507,6 @@ ng-luna/
 
 ## Dependencies
 
-- **XP.css** (v0.2.6) - Windows XP styling framework
 - **@ibm/plex** (v6.4.1) - IBM Plex font families (fonts are bundled with the library)
 - **@angular/cdk** (v19.2.17) - Angular Component Dev Kit
 

package/controls/button/button.component.d.ts

@@ -1,4 +1,7 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
+import { Dir } from '@angular/cdk/bidi';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
 export type ButtonType = 'button' | 'submit' | 'reset';
@@ -6,7 +9,11 @@ export type FormEnctype = 'application/x-www-form-urlencoded' | 'multipart/form-
 export type FormMethod = 'get' | 'post';
 export type FormTarget = '_self' | '_blank' | '_parent' | '_top';
 export type PopoverTargetAction = 'show' | 'hide' | 'toggle';
-export declare class ButtonComponent extends LunaControl {
+export declare class ButtonComponent extends LunaControl implements AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    platform: Platform;
+    dir: Dir;
     command?: string;
     commandfor?: string;
     form?: string;
@@ -20,6 +27,9 @@ export declare class ButtonComponent extends LunaControl {
     type: ButtonType;
     value?: string;
     click: EventEmitter<MouseEvent>;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, platform: Platform, dir: Dir);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "luna-button", never, { "command": { "alias": "command"; "required": false; }; "commandfor": { "alias": "commandfor"; "required": false; }; "form": { "alias": "form"; "required": false; }; "formaction": { "alias": "formaction"; "required": false; }; "formenctype": { "alias": "formenctype"; "required": false; }; "formmethod": { "alias": "formmethod"; "required": false; }; "formnovalidate": { "alias": "formnovalidate"; "required": false; }; "formtarget": { "alias": "formtarget"; "required": false; }; "popovertarget": { "alias": "popovertarget"; "required": false; }; "popovertargetaction": { "alias": "popovertargetaction"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "click": "click"; }, never, ["*"], true, never>;

package/controls/checkbox/checkbox.component.d.ts

@@ -1,14 +1,23 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent extends LunaControl implements ControlValueAccessor {
+export declare class CheckboxComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
     label?: string;
     value?: string;
     change: EventEmitter<boolean>;
     checked: boolean;
     private onChange;
     private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onCheckboxChange(event: Event): void;
     writeValue(value: boolean): void;
     registerOnChange(fn: (value: boolean) => void): void;

package/controls/input/input.component.d.ts

@@ -1,9 +1,19 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
+import { Dir } from '@angular/cdk/bidi';
+import { Clipboard } from '@angular/cdk/clipboard';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
 export type InputType = 'text' | 'password' | 'email';
-export declare class InputComponent extends LunaControl implements ControlValueAccessor {
+export declare class InputComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
+    dir: Dir;
+    private clipboard;
     placeholder?: string;
     readonly: boolean;
     type: InputType;
@@ -12,6 +22,10 @@ export declare class InputComponent extends LunaControl implements ControlValueA
     value: string;
     private onChange;
     private onTouched;
+    inputElement?: ElementRef<HTMLInputElement>;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform, dir: Dir, clipboard: Clipboard);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onInputChange(event: Event): void;
     onInputBlur(event: FocusEvent): void;
     writeValue(value: string): void;

package/controls/progress/progress.component.d.ts

@@ -1,8 +1,19 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { NumberInput } from '@angular/cdk/coercion';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class ProgressComponent extends LunaControl {
-    max: number;
-    value?: number;
+export declare class ProgressComponent extends LunaControl implements OnChanges {
+    private liveAnnouncer;
+    set max(value: NumberInput);
+    get max(): number;
+    set value(value: NumberInput | undefined);
+    get value(): number | undefined;
+    private _max;
+    private _value?;
+    private _previousValue?;
+    constructor(liveAnnouncer: LiveAnnouncer);
+    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProgressComponent, "luna-progress", never, { "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }

package/controls/radio/radio.component.d.ts

@@ -1,14 +1,23 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class RadioComponent extends LunaControl implements ControlValueAccessor {
+export declare class RadioComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
     label?: string;
     value?: string;
     change: EventEmitter<string>;
     checked: boolean;
     private onChange;
     private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onRadioChange(event: Event): void;
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string | null) => void): void;

package/controls/select/select.component.d.ts

@@ -1,12 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class SelectComponent extends LunaControl implements ControlValueAccessor {
+export declare class SelectComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
     change: EventEmitter<string>;
     value: string;
     private onChange;
     private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onSelectChange(event: Event): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;

package/controls/slider/slider.component.d.ts

@@ -1,17 +1,33 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { NumberInput } from '@angular/cdk/coercion';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class SliderComponent extends LunaControl implements ControlValueAccessor {
+export declare class SliderComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
     boxIndicator: boolean;
-    max: number;
-    min: number;
-    step: number;
+    set max(value: NumberInput);
+    get max(): number;
+    set min(value: NumberInput);
+    get min(): number;
+    set step(value: NumberInput);
+    get step(): number;
     vertical: boolean;
     change: EventEmitter<number>;
     value: number;
+    private _max;
+    private _min;
+    private _step;
     private onChange;
     private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onSliderChange(event: Event): void;
     onSliderBlur(): void;
     writeValue(value: number): void;

package/controls/tabs/tabs.component.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, QueryList, ElementRef, AfterViewInit } from '@angular/core';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
 export interface Tab {
@@ -6,12 +7,18 @@ export interface Tab {
     label: string;
     content?: string;
 }
-export declare class TabsComponent extends LunaControl {
+export declare class TabsComponent extends LunaControl implements AfterViewInit {
+    platform: Platform;
     activeTabId?: string;
     tabs: Tab[];
     tabChange: EventEmitter<string>;
+    tabButtons: QueryList<ElementRef<HTMLButtonElement>>;
+    private keyManager?;
+    constructor(platform: Platform);
+    ngAfterViewInit(): void;
     selectTab(tabId: string): void;
     isActive(tabId: string): boolean;
+    onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "luna-tabs", never, { "activeTabId": { "alias": "activeTabId"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, { "tabChange": "tabChange"; }, never, ["*"], true, never>;
 }

package/controls/textarea/textarea.component.d.ts

@@ -1,8 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class TextareaComponent extends LunaControl implements ControlValueAccessor {
+export declare class TextareaComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
+    private elementRef;
+    private focusMonitor;
+    private liveAnnouncer;
+    platform: Platform;
     cols?: number;
     placeholder?: string;
     readonly: boolean;
@@ -12,6 +18,9 @@ export declare class TextareaComponent extends LunaControl implements ControlVal
     value: string;
     private onChange;
     private onTouched;
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     onTextareaChange(event: Event): void;
     onTextareaBlur(event: FocusEvent): void;
     writeValue(value: string): void;

package/controls/window/window.component.d.ts

@@ -1,7 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ElementRef, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { Platform } from '@angular/cdk/platform';
 import { LunaControl } from '../luna-control';
 import * as i0 from "@angular/core";
-export declare class WindowComponent extends LunaControl {
+export declare class WindowComponent extends LunaControl implements AfterViewInit, OnChanges {
+    private elementRef;
+    platform: Platform;
     isMaximized: boolean;
     showClose: boolean;
     showHelp: boolean;
@@ -13,10 +16,19 @@ export declare class WindowComponent extends LunaControl {
     restore: EventEmitter<void>;
     help: EventEmitter<void>;
     close: EventEmitter<void>;
+    boundaryElement?: string;
+    scrollable: boolean;
+    dragDisabled: boolean;
+    private dragInstance?;
+    constructor(elementRef: ElementRef<HTMLElement>, platform: Platform);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateDragState;
+    private updateDragBoundary;
     onMinimize(): void;
     onMaximize(): void;
     onHelp(): void;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WindowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "luna-window", never, { "isMaximized": { "alias": "isMaximized"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "showHelp": { "alias": "showHelp"; "required": false; }; "showMaximize": { "alias": "showMaximize"; "required": false; }; "showMinimize": { "alias": "showMinimize"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "minimize": "minimize"; "maximize": "maximize"; "restore": "restore"; "help": "help"; "close": "close"; }, never, ["*", "[slot='status']"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "luna-window", never, { "isMaximized": { "alias": "isMaximized"; "required": false; }; "showClose": { "alias": "showClose"; "required": false; }; "showHelp": { "alias": "showHelp"; "required": false; }; "showMaximize": { "alias": "showMaximize"; "required": false; }; "showMinimize": { "alias": "showMinimize"; "required": false; }; "title": { "alias": "title"; "required": false; }; "boundaryElement": { "alias": "boundaryElement"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, { "minimize": "minimize"; "maximize": "maximize"; "restore": "restore"; "help": "help"; "close": "close"; }, never, ["*", "*", "[slot='status']"], true, never>;
 }