@joster-dev/chaos-control 0.1.2 → 0.3.0
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 +86 -86
- package/fesm2022/joster-dev-chaos-control.mjs +512 -580
- package/fesm2022/joster-dev-chaos-control.mjs.map +1 -1
- package/{lib/LICENSE → lib} +9 -9
- package/package.json +6 -8
- package/src/lib/scss/all.scss +7 -0
- package/src/lib/scss/card.scss +78 -0
- package/src/lib/scss/control.scss +49 -0
- package/src/lib/scss/reboot.scss +13 -0
- package/src/lib/scss/utility.scss +179 -0
- package/src/lib/scss/variables.scss +7 -0
- package/src/lib/styles.scss +28 -28
- package/types/joster-dev-chaos-control.d.ts +243 -0
- package/esm2022/joster-dev-chaos-control.mjs +0 -5
- package/esm2022/lib/chaos-control.module.mjs +0 -67
- package/esm2022/lib/chaos-control.service.mjs +0 -14
- package/esm2022/lib/components/choice/choice.component.mjs +0 -52
- package/esm2022/lib/components/color/color.component.mjs +0 -77
- package/esm2022/lib/components/file/file.component.mjs +0 -131
- package/esm2022/lib/components/index.mjs +0 -8
- package/esm2022/lib/components/number/number.component.mjs +0 -134
- package/esm2022/lib/components/readonly/readonly.component.mjs +0 -14
- package/esm2022/lib/components/select/select.component.mjs +0 -98
- package/esm2022/lib/components/text/text.component.mjs +0 -162
- package/esm2022/lib/directives/border-radius.directive.mjs +0 -41
- package/esm2022/lib/directives/control.directive.mjs +0 -46
- package/esm2022/lib/directives/index.mjs +0 -4
- package/esm2022/lib/directives/item.directive.mjs +0 -117
- package/esm2022/lib/models/index.mjs +0 -7
- package/esm2022/lib/models/is-item.function.mjs +0 -8
- package/esm2022/lib/models/is-items.function.mjs +0 -5
- package/esm2022/lib/models/is-number.function.mjs +0 -5
- package/esm2022/lib/models/is-primitive.function.mjs +0 -7
- package/esm2022/lib/models/item.interface.mjs +0 -2
- package/esm2022/lib/models/primitive.type.mjs +0 -2
- package/esm2022/public-api.mjs +0 -6
- package/index.d.ts +0 -5
- package/lib/chaos-control.module.d.ts +0 -20
- package/lib/chaos-control.service.d.ts +0 -6
- package/lib/components/choice/choice.component.d.ts +0 -15
- package/lib/components/color/color.component.d.ts +0 -22
- package/lib/components/file/file.component.d.ts +0 -31
- package/lib/components/index.d.ts +0 -7
- package/lib/components/number/number.component.d.ts +0 -33
- package/lib/components/readonly/readonly.component.d.ts +0 -8
- package/lib/components/select/select.component.d.ts +0 -28
- package/lib/components/text/text.component.d.ts +0 -41
- package/lib/directives/border-radius.directive.d.ts +0 -12
- package/lib/directives/control.directive.d.ts +0 -18
- package/lib/directives/index.d.ts +0 -3
- package/lib/directives/item.directive.d.ts +0 -36
- package/lib/models/index.d.ts +0 -6
- package/lib/models/is-item.function.d.ts +0 -2
- package/lib/models/is-items.function.d.ts +0 -2
- package/lib/models/is-number.function.d.ts +0 -1
- package/lib/models/is-primitive.function.d.ts +0 -2
- package/lib/models/item.interface.d.ts +0 -6
- package/lib/models/primitive.type.d.ts +0 -1
- package/public-api.d.ts +0 -4
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
2
|
-
import { ControlDirective } from '../../directives';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class FileComponent extends ControlDirective implements ControlValueAccessor {
|
|
5
|
-
ngControl: NgControl;
|
|
6
|
-
get acceptedTypes(): string[];
|
|
7
|
-
set acceptedTypes(value: string[]);
|
|
8
|
-
_acceptedTypes: string[];
|
|
9
|
-
get sizeLimitMb(): number;
|
|
10
|
-
set sizeLimitMb(value: number);
|
|
11
|
-
_sizeLimitMb: number;
|
|
12
|
-
get multiple(): boolean;
|
|
13
|
-
set multiple(value: boolean);
|
|
14
|
-
_multiple: boolean;
|
|
15
|
-
showSize: boolean;
|
|
16
|
-
model: '' | null;
|
|
17
|
-
id: string;
|
|
18
|
-
constructor(ngControl: NgControl);
|
|
19
|
-
get fileNames(): string;
|
|
20
|
-
get sizeLimit(): string;
|
|
21
|
-
onFileChange(event: Event): void;
|
|
22
|
-
onChange(_model: FileList | null): void;
|
|
23
|
-
registerOnChange(fn: () => void): void;
|
|
24
|
-
writeValue(value: unknown): void;
|
|
25
|
-
private acceptedTypesValidator;
|
|
26
|
-
private invalidValidator;
|
|
27
|
-
private sizeLimitMbValidator;
|
|
28
|
-
private validate;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FileComponent, [{ self: true; }]>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FileComponent, "jo-file", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "sizeLimitMb": { "alias": "sizeLimitMb"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "showSize": { "alias": "showSize"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
31
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './choice/choice.component';
|
|
2
|
-
export * from './color/color.component';
|
|
3
|
-
export * from './file/file.component';
|
|
4
|
-
export * from './number/number.component';
|
|
5
|
-
export * from './readonly/readonly.component';
|
|
6
|
-
export * from './text/text.component';
|
|
7
|
-
export * from './select/select.component';
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
2
|
-
import { ControlDirective } from '../../directives';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class NumberComponent extends ControlDirective implements ControlValueAccessor {
|
|
5
|
-
ngControl: NgControl;
|
|
6
|
-
get min(): number;
|
|
7
|
-
set min(value: number);
|
|
8
|
-
_min: number;
|
|
9
|
-
get max(): number;
|
|
10
|
-
set max(value: number);
|
|
11
|
-
_max: number;
|
|
12
|
-
get step(): number;
|
|
13
|
-
set step(value: number);
|
|
14
|
-
_step: number;
|
|
15
|
-
mustBeInteger: boolean;
|
|
16
|
-
readonly sizePadding = 5;
|
|
17
|
-
constructor(ngControl: NgControl);
|
|
18
|
-
_model: number | null;
|
|
19
|
-
get model(): number | null;
|
|
20
|
-
set model(value: number | null);
|
|
21
|
-
get isDisabledAdd(): boolean;
|
|
22
|
-
get isDisabledSubtract(): boolean;
|
|
23
|
-
get maxDigitSize(): number;
|
|
24
|
-
onBeforeinput(e: Event): void;
|
|
25
|
-
add(e: HTMLInputElement): void;
|
|
26
|
-
subtract(e: HTMLInputElement): void;
|
|
27
|
-
onChange(_model: number | null): void;
|
|
28
|
-
registerOnChange(fn: () => void): void;
|
|
29
|
-
writeValue(value: number | null): void;
|
|
30
|
-
private validate;
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, [{ self: true; }]>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "jo-number", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
33
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { primitive } from '../../models';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class ReadonlyComponent {
|
|
4
|
-
model?: primitive;
|
|
5
|
-
constructor();
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ReadonlyComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ReadonlyComponent, "jo-readonly", never, { "model": { "alias": "model"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
8
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { ItemDirective } from '../../directives';
|
|
4
|
-
import { Item } from '../../models';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SelectComponent extends ItemDirective implements ControlValueAccessor {
|
|
7
|
-
ngControl: NgControl;
|
|
8
|
-
private hostElement;
|
|
9
|
-
dropGroup: ElementRef<HTMLDivElement>;
|
|
10
|
-
dropup: ElementRef<HTMLDialogElement>;
|
|
11
|
-
dropdown: ElementRef<HTMLDialogElement>;
|
|
12
|
-
dropHeightPx: number;
|
|
13
|
-
get searchTerm(): string;
|
|
14
|
-
set searchTerm(value: string);
|
|
15
|
-
_searchTerm: string;
|
|
16
|
-
isDropdownCloseToBottom: boolean;
|
|
17
|
-
id: string;
|
|
18
|
-
constructor(ngControl: NgControl, hostElement: ElementRef);
|
|
19
|
-
get activeItemValues(): string;
|
|
20
|
-
get isSelectedAll(): boolean;
|
|
21
|
-
onGlobalClick(event: MouseEvent): void;
|
|
22
|
-
onClickGroup(): void;
|
|
23
|
-
onClick(item: Item): void;
|
|
24
|
-
onClickSelectAll(): void;
|
|
25
|
-
closeDropdown(): void;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, [{ self: true; }, null]>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "jo-select", never, { "dropHeightPx": { "alias": "dropHeightPx"; "required": false; }; }, {}, never, ["*", "[rightAligned]"], false, never>;
|
|
28
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnDestroy, Renderer2, EventEmitter } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { ControlDirective } from '../../directives';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TextComponent extends ControlDirective implements OnDestroy, ControlValueAccessor {
|
|
7
|
-
ngControl: NgControl;
|
|
8
|
-
private renderer;
|
|
9
|
-
get placeholder(): string;
|
|
10
|
-
set placeholder(v: string);
|
|
11
|
-
_placeholder: string;
|
|
12
|
-
get minLength(): string | number | null | undefined;
|
|
13
|
-
set minLength(value: string | number | null | undefined);
|
|
14
|
-
_minLength: number | null;
|
|
15
|
-
get maxLength(): string | number | null | undefined;
|
|
16
|
-
set maxLength(value: string | number | null | undefined);
|
|
17
|
-
_maxLength: number | null;
|
|
18
|
-
isSpellCheck: boolean;
|
|
19
|
-
set isGrow(value: boolean | '');
|
|
20
|
-
_isGrow: boolean;
|
|
21
|
-
rows: number;
|
|
22
|
-
onBlur: EventEmitter<FocusEvent>;
|
|
23
|
-
onFocus: EventEmitter<FocusEvent>;
|
|
24
|
-
textareaElement?: ElementRef;
|
|
25
|
-
textareaHiddenElement?: ElementRef;
|
|
26
|
-
get model(): string | null;
|
|
27
|
-
set model(value: string | null);
|
|
28
|
-
_model: string | null;
|
|
29
|
-
id: string;
|
|
30
|
-
resizeSubject: Subject<void>;
|
|
31
|
-
constructor(ngControl: NgControl, renderer: Renderer2);
|
|
32
|
-
ngOnDestroy(): void;
|
|
33
|
-
onWindowResize(): void;
|
|
34
|
-
setTextareaHeight(): void;
|
|
35
|
-
onChange(_model: string | null): void;
|
|
36
|
-
registerOnChange(fn: () => void): void;
|
|
37
|
-
writeValue(v: string | null): void;
|
|
38
|
-
private validate;
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, [{ self: true; }, null]>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "jo-text", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isSpellCheck": { "alias": "isSpellCheck"; "required": false; }; "isGrow": { "alias": "isGrow"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, ["*"], false, never>;
|
|
41
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class BorderRadiusDirective {
|
|
3
|
-
get borderRadiusRight(): boolean | '';
|
|
4
|
-
set borderRadiusRight(value: boolean | '');
|
|
5
|
-
_borderRadiusRight: boolean;
|
|
6
|
-
get borderRadiusLeft(): boolean | '';
|
|
7
|
-
set borderRadiusLeft(value: boolean | '');
|
|
8
|
-
_borderRadiusLeft: boolean;
|
|
9
|
-
constructor();
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BorderRadiusDirective, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<BorderRadiusDirective, "[joBorderRadius]", never, { "borderRadiusRight": { "alias": "borderRadiusRight"; "required": false; }; "borderRadiusLeft": { "alias": "borderRadiusLeft"; "required": false; }; }, {}, never, never, false, never>;
|
|
12
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { OnDestroy } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { BorderRadiusDirective } from './border-radius.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ControlDirective extends BorderRadiusDirective implements OnDestroy {
|
|
6
|
-
get required(): boolean | '';
|
|
7
|
-
set required(value: boolean | '');
|
|
8
|
-
_required: boolean;
|
|
9
|
-
isDisabled: boolean;
|
|
10
|
-
validation: Subject<void>;
|
|
11
|
-
constructor();
|
|
12
|
-
ngOnDestroy(): void;
|
|
13
|
-
onTouched(): void;
|
|
14
|
-
registerOnTouched(fn: () => void): void;
|
|
15
|
-
setDisabledState(isDisabled: boolean): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ControlDirective, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ControlDirective, "[joControl]", never, { "required": { "alias": "required"; "required": false; }; }, {}, never, never, false, never>;
|
|
18
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
2
|
-
import { Item, primitive } from '../models';
|
|
3
|
-
import { ControlDirective } from './control.directive';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class ItemDirective extends ControlDirective implements ControlValueAccessor {
|
|
6
|
-
ngControl: NgControl;
|
|
7
|
-
get items(): {
|
|
8
|
-
key: boolean | number | string;
|
|
9
|
-
value: string;
|
|
10
|
-
[key: string]: unknown;
|
|
11
|
-
}[];
|
|
12
|
-
set items(value: {
|
|
13
|
-
key: boolean | number | string;
|
|
14
|
-
value: string;
|
|
15
|
-
[key: string]: unknown;
|
|
16
|
-
}[]);
|
|
17
|
-
_items: Item[];
|
|
18
|
-
filteredItems: Item[];
|
|
19
|
-
get limit(): number;
|
|
20
|
-
set limit(value: number);
|
|
21
|
-
_limit: number;
|
|
22
|
-
get isMultiple(): boolean | '';
|
|
23
|
-
set isMultiple(value: boolean | '');
|
|
24
|
-
_isMultiple: boolean;
|
|
25
|
-
set model(value: primitive[]);
|
|
26
|
-
_model: primitive[];
|
|
27
|
-
constructor(ngControl: NgControl);
|
|
28
|
-
onChange(_value: primitive[] | primitive | null): void;
|
|
29
|
-
registerOnChange(fn: () => void): void;
|
|
30
|
-
writeValue(value: primitive[] | primitive | null): void;
|
|
31
|
-
private invalidValidator;
|
|
32
|
-
private limitValidator;
|
|
33
|
-
private validate;
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ItemDirective, [{ self: true; }]>;
|
|
35
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ItemDirective, "[joItem]", never, { "items": { "alias": "items"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "isMultiple": { "alias": "isMultiple"; "required": false; }; }, {}, never, never, false, never>;
|
|
36
|
-
}
|
package/lib/models/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function isNumber(value: unknown): value is number;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type primitive = boolean | number | string;
|
package/public-api.d.ts
DELETED