ng-luna 0.0.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +424 -16
- package/controls/button/button.component.d.ts +14 -7
- package/controls/checkbox/checkbox.component.d.ts +13 -5
- package/controls/fieldset/fieldset.component.d.ts +2 -1
- package/controls/input/input.component.d.ts +19 -6
- package/controls/luna-control.d.ts +10 -0
- package/controls/progress/progress.component.d.ts +16 -4
- package/controls/radio/radio.component.d.ts +13 -5
- package/controls/select/select.component.d.ts +13 -5
- package/controls/slider/slider.component.d.ts +24 -9
- package/controls/tabs/tabs.component.d.ts +12 -4
- package/controls/textarea/textarea.component.d.ts +15 -7
- package/controls/window/window.component.d.ts +21 -8
- package/fesm2022/ng-luna.mjs +409 -138
- package/fesm2022/ng-luna.mjs.map +1 -1
- package/package.json +3 -5
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
|
+
import { Platform } from '@angular/cdk/platform';
|
|
5
|
+
import { LunaControl } from '../luna-control';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class RadioComponent implements ControlValueAccessor {
|
|
5
|
-
|
|
7
|
+
export declare class RadioComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
8
|
+
private elementRef;
|
|
9
|
+
private focusMonitor;
|
|
10
|
+
private liveAnnouncer;
|
|
11
|
+
platform: Platform;
|
|
6
12
|
label?: string;
|
|
7
|
-
name?: string;
|
|
8
13
|
value?: string;
|
|
9
14
|
change: EventEmitter<string>;
|
|
10
15
|
checked: boolean;
|
|
11
16
|
private onChange;
|
|
12
17
|
private onTouched;
|
|
18
|
+
constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
|
|
19
|
+
ngAfterViewInit(): void;
|
|
20
|
+
ngOnDestroy(): void;
|
|
13
21
|
onRadioChange(event: Event): void;
|
|
14
22
|
writeValue(value: string | null): void;
|
|
15
23
|
registerOnChange(fn: (value: string | null) => void): void;
|
|
16
24
|
registerOnTouched(fn: () => void): void;
|
|
17
25
|
setDisabledState(isDisabled: boolean): void;
|
|
18
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "luna-radio", never, { "
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "luna-radio", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "change": "change"; }, never, ["*"], true, never>;
|
|
20
28
|
}
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
|
+
import { Platform } from '@angular/cdk/platform';
|
|
5
|
+
import { LunaControl } from '../luna-control';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SelectComponent implements ControlValueAccessor {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
+
export declare class SelectComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
8
|
+
private elementRef;
|
|
9
|
+
private focusMonitor;
|
|
10
|
+
private liveAnnouncer;
|
|
11
|
+
platform: Platform;
|
|
7
12
|
change: EventEmitter<string>;
|
|
8
13
|
value: string;
|
|
9
14
|
private onChange;
|
|
10
15
|
private onTouched;
|
|
16
|
+
constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
|
|
17
|
+
ngAfterViewInit(): void;
|
|
18
|
+
ngOnDestroy(): void;
|
|
11
19
|
onSelectChange(event: Event): void;
|
|
12
20
|
writeValue(value: string): void;
|
|
13
21
|
registerOnChange(fn: (value: string) => void): void;
|
|
14
22
|
registerOnTouched(fn: () => void): void;
|
|
15
23
|
setDisabledState(isDisabled: boolean): void;
|
|
16
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "luna-select", never, {
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "luna-select", never, {}, { "change": "change"; }, never, ["*"], true, never>;
|
|
18
26
|
}
|
|
@@ -1,18 +1,33 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
|
+
import { NumberInput } from '@angular/cdk/coercion';
|
|
5
|
+
import { Platform } from '@angular/cdk/platform';
|
|
6
|
+
import { LunaControl } from '../luna-control';
|
|
3
7
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class SliderComponent implements ControlValueAccessor {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
step: number;
|
|
10
|
-
vertical: boolean;
|
|
8
|
+
export declare class SliderComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
9
|
+
private elementRef;
|
|
10
|
+
private focusMonitor;
|
|
11
|
+
private liveAnnouncer;
|
|
12
|
+
platform: Platform;
|
|
11
13
|
boxIndicator: boolean;
|
|
14
|
+
set max(value: NumberInput);
|
|
15
|
+
get max(): number;
|
|
16
|
+
set min(value: NumberInput);
|
|
17
|
+
get min(): number;
|
|
18
|
+
set step(value: NumberInput);
|
|
19
|
+
get step(): number;
|
|
20
|
+
vertical: boolean;
|
|
12
21
|
change: EventEmitter<number>;
|
|
13
22
|
value: number;
|
|
23
|
+
private _max;
|
|
24
|
+
private _min;
|
|
25
|
+
private _step;
|
|
14
26
|
private onChange;
|
|
15
27
|
private onTouched;
|
|
28
|
+
constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
|
|
29
|
+
ngAfterViewInit(): void;
|
|
30
|
+
ngOnDestroy(): void;
|
|
16
31
|
onSliderChange(event: Event): void;
|
|
17
32
|
onSliderBlur(): void;
|
|
18
33
|
writeValue(value: number): void;
|
|
@@ -20,5 +35,5 @@ export declare class SliderComponent implements ControlValueAccessor {
|
|
|
20
35
|
registerOnTouched(fn: () => void): void;
|
|
21
36
|
setDisabledState(isDisabled: boolean): void;
|
|
22
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "luna-slider", never, { "
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "luna-slider", never, { "boxIndicator": { "alias": "boxIndicator"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
24
39
|
}
|
|
@@ -1,16 +1,24 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, QueryList, ElementRef, AfterViewInit } from '@angular/core';
|
|
2
|
+
import { Platform } from '@angular/cdk/platform';
|
|
3
|
+
import { LunaControl } from '../luna-control';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
export interface Tab {
|
|
4
6
|
id: string;
|
|
5
7
|
label: string;
|
|
6
8
|
content?: string;
|
|
7
9
|
}
|
|
8
|
-
export declare class TabsComponent {
|
|
9
|
-
|
|
10
|
+
export declare class TabsComponent extends LunaControl implements AfterViewInit {
|
|
11
|
+
platform: Platform;
|
|
10
12
|
activeTabId?: string;
|
|
13
|
+
tabs: Tab[];
|
|
11
14
|
tabChange: EventEmitter<string>;
|
|
15
|
+
tabButtons: QueryList<ElementRef<HTMLButtonElement>>;
|
|
16
|
+
private keyManager?;
|
|
17
|
+
constructor(platform: Platform);
|
|
18
|
+
ngAfterViewInit(): void;
|
|
12
19
|
selectTab(tabId: string): void;
|
|
13
20
|
isActive(tabId: string): boolean;
|
|
21
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
14
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "luna-tabs", never, { "
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "luna-tabs", never, { "activeTabId": { "alias": "activeTabId"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, { "tabChange": "tabChange"; }, never, ["*"], true, never>;
|
|
16
24
|
}
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { FocusMonitor, LiveAnnouncer } from '@angular/cdk/a11y';
|
|
4
|
+
import { Platform } from '@angular/cdk/platform';
|
|
5
|
+
import { LunaControl } from '../luna-control';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TextareaComponent implements ControlValueAccessor {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
export declare class TextareaComponent extends LunaControl implements ControlValueAccessor, AfterViewInit, OnDestroy {
|
|
8
|
+
private elementRef;
|
|
9
|
+
private focusMonitor;
|
|
10
|
+
private liveAnnouncer;
|
|
11
|
+
platform: Platform;
|
|
9
12
|
cols?: number;
|
|
13
|
+
placeholder?: string;
|
|
10
14
|
readonly: boolean;
|
|
15
|
+
rows?: number;
|
|
11
16
|
change: EventEmitter<string>;
|
|
12
17
|
blur: EventEmitter<FocusEvent>;
|
|
13
18
|
value: string;
|
|
14
19
|
private onChange;
|
|
15
20
|
private onTouched;
|
|
21
|
+
constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, liveAnnouncer: LiveAnnouncer, platform: Platform);
|
|
22
|
+
ngAfterViewInit(): void;
|
|
23
|
+
ngOnDestroy(): void;
|
|
16
24
|
onTextareaChange(event: Event): void;
|
|
17
25
|
onTextareaBlur(event: FocusEvent): void;
|
|
18
26
|
writeValue(value: string): void;
|
|
@@ -20,5 +28,5 @@ export declare class TextareaComponent implements ControlValueAccessor {
|
|
|
20
28
|
registerOnTouched(fn: () => void): void;
|
|
21
29
|
setDisabledState(isDisabled: boolean): void;
|
|
22
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "luna-textarea", never, { "
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "luna-textarea", never, { "cols": { "alias": "cols"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "change": "change"; "blur": "blur"; }, never, never, true, never>;
|
|
24
32
|
}
|
|
@@ -1,21 +1,34 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
1
|
+
import { EventEmitter, ElementRef, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { Platform } from '@angular/cdk/platform';
|
|
3
|
+
import { LunaControl } from '../luna-control';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class WindowComponent {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
showMaximize: boolean;
|
|
7
|
-
showHelp: boolean;
|
|
8
|
-
showClose: boolean;
|
|
5
|
+
export declare class WindowComponent extends LunaControl implements AfterViewInit, OnChanges {
|
|
6
|
+
private elementRef;
|
|
7
|
+
platform: Platform;
|
|
9
8
|
isMaximized: boolean;
|
|
9
|
+
showClose: boolean;
|
|
10
|
+
showHelp: boolean;
|
|
11
|
+
showMaximize: boolean;
|
|
12
|
+
showMinimize: boolean;
|
|
13
|
+
title?: string;
|
|
10
14
|
minimize: EventEmitter<void>;
|
|
11
15
|
maximize: EventEmitter<void>;
|
|
12
16
|
restore: EventEmitter<void>;
|
|
13
17
|
help: EventEmitter<void>;
|
|
14
18
|
close: EventEmitter<void>;
|
|
19
|
+
boundaryElement?: string;
|
|
20
|
+
scrollable: boolean;
|
|
21
|
+
dragDisabled: boolean;
|
|
22
|
+
private dragInstance?;
|
|
23
|
+
constructor(elementRef: ElementRef<HTMLElement>, platform: Platform);
|
|
24
|
+
ngAfterViewInit(): void;
|
|
25
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
26
|
+
private updateDragState;
|
|
27
|
+
private updateDragBoundary;
|
|
15
28
|
onMinimize(): void;
|
|
16
29
|
onMaximize(): void;
|
|
17
30
|
onHelp(): void;
|
|
18
31
|
onClose(): void;
|
|
19
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<WindowComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WindowComponent, "luna-window", never, { "
|
|
33
|
+
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>;
|
|
21
34
|
}
|