@entake/particle 17.0.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/LICENSE +7 -0
- package/README.md +396 -0
- package/app/modules/accordion/accordion.component.d.ts +26 -0
- package/app/modules/accordion/accordion.module.d.ts +11 -0
- package/app/modules/accordion/directives/accordion-content.directive.d.ts +8 -0
- package/app/modules/accordion/directives/accordion-header.directive.d.ts +8 -0
- package/app/modules/accordion/directives/accordion-item.directive.d.ts +13 -0
- package/app/modules/background-carousel/background-carousel.directive.d.ts +42 -0
- package/app/modules/background-carousel/carousel-options.model.d.ts +30 -0
- package/app/modules/background-carousel/particle-background-carousel.module.d.ts +8 -0
- package/app/modules/checkbox/checkbox.component.d.ts +43 -0
- package/app/modules/checkbox/checkbox.module.d.ts +9 -0
- package/app/modules/color-picker/color-picker.component.d.ts +149 -0
- package/app/modules/color-picker/color-picker.module.d.ts +9 -0
- package/app/modules/date-picker/components/calendar/calendar.component.d.ts +211 -0
- package/app/modules/date-picker/components/date-range-picker/date-range-picker.component.d.ts +95 -0
- package/app/modules/date-picker/date-picker.component.d.ts +259 -0
- package/app/modules/date-picker/date-picker.module.d.ts +15 -0
- package/app/modules/dialog/dialog.component.d.ts +87 -0
- package/app/modules/dialog/dialog.module.d.ts +9 -0
- package/app/modules/dropdown/dropdown.component.d.ts +288 -0
- package/app/modules/dropdown/dropdown.module.d.ts +9 -0
- package/app/modules/dropdown/models/dropdown-option-group.model.d.ts +16 -0
- package/app/modules/dropdown/models/dropdown-option.model.d.ts +25 -0
- package/app/modules/endpoint-state/components/endpoint-state.component.d.ts +46 -0
- package/app/modules/endpoint-state/endpoint-state.module.d.ts +8 -0
- package/app/modules/icons/components/icon-select.component.d.ts +229 -0
- package/app/modules/icons/models/fontawesome-icons-brands.model.d.ts +13 -0
- package/app/modules/icons/models/fontawesome-icons-regular.model.d.ts +13 -0
- package/app/modules/icons/models/fontawesome-icons-solid.model.d.ts +13 -0
- package/app/modules/icons/models/particle-icons-light.model.d.ts +197 -0
- package/app/modules/icons/models/particle-icons-regular.model.d.ts +205 -0
- package/app/modules/icons/models/particle-icons-solid.model.d.ts +365 -0
- package/app/modules/icons/particle-icons.module.d.ts +13 -0
- package/app/modules/icons/services/icons.service.d.ts +44 -0
- package/app/modules/idle-timeout/idle-timeout.component.d.ts +35 -0
- package/app/modules/idle-timeout/idle-timer.d.ts +14 -0
- package/app/modules/idle-timeout/particle-idle-timeout.module.d.ts +9 -0
- package/app/modules/input-mask/input-mask.component.d.ts +86 -0
- package/app/modules/input-mask/input-mask.module.d.ts +8 -0
- package/app/modules/keyfilter/keyfilter.directive.d.ts +60 -0
- package/app/modules/keyfilter/keyfilter.module.d.ts +8 -0
- package/app/modules/layout/components/layout-full-framing/layout-full-framing.component.d.ts +27 -0
- package/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.d.ts +23 -0
- package/app/modules/layout/layout.module.d.ts +10 -0
- package/app/modules/loader/components/loader.component.d.ts +11 -0
- package/app/modules/loader/loader.module.d.ts +8 -0
- package/app/modules/multi-select/models/multi-select-option-group.model.d.ts +16 -0
- package/app/modules/multi-select/models/multi-select-option.model.d.ts +25 -0
- package/app/modules/multi-select/multi-select.component.d.ts +279 -0
- package/app/modules/multi-select/multi-select.module.d.ts +8 -0
- package/app/modules/notification/models/notification.model.d.ts +21 -0
- package/app/modules/notification/notification.component.d.ts +46 -0
- package/app/modules/notification/notification.module.d.ts +8 -0
- package/app/modules/notification/services/notification.service.d.ts +54 -0
- package/app/modules/ordinal-number-pipe/ordinal-number-pipe.module.d.ts +8 -0
- package/app/modules/ordinal-number-pipe/ordinal-number.pipe.d.ts +15 -0
- package/app/modules/paginator/pagination-event.model.d.ts +24 -0
- package/app/modules/paginator/paginator.component.d.ts +103 -0
- package/app/modules/paginator/particle-paginator.module.d.ts +13 -0
- package/app/modules/popover/popover.component.d.ts +140 -0
- package/app/modules/popover/popover.module.d.ts +9 -0
- package/app/modules/profile-pic/particle-profile-pic.module.d.ts +9 -0
- package/app/modules/profile-pic/profile-pic.component.d.ts +32 -0
- package/app/modules/progress-bar/progress-bar.component.d.ts +16 -0
- package/app/modules/progress-bar/progress-bar.module.d.ts +8 -0
- package/app/modules/push-container/particle-push-container.module.d.ts +9 -0
- package/app/modules/push-container/push-container-state.model.d.ts +7 -0
- package/app/modules/push-container/push-container.component.d.ts +137 -0
- package/app/modules/rich-text/particle-rich-text.module.d.ts +15 -0
- package/app/modules/rich-text/render-rich-text.component.d.ts +6 -0
- package/app/modules/rich-text/rich-text-capabilities.model.d.ts +7 -0
- package/app/modules/rich-text/rich-text.component.d.ts +48 -0
- package/app/modules/scroll-to-top/particle-scroll-to-top.module.d.ts +8 -0
- package/app/modules/scroll-to-top/scroll-to-top.component.d.ts +19 -0
- package/app/modules/slideover/particle-slideover.module.d.ts +8 -0
- package/app/modules/slideover/slideover.component.d.ts +35 -0
- package/app/modules/slider/slider.component.d.ts +143 -0
- package/app/modules/slider/slider.module.d.ts +9 -0
- package/app/modules/theming/components/theming.component.d.ts +43 -0
- package/app/modules/theming/models/theme.model.d.ts +88 -0
- package/app/modules/theming/services/theme-change-detection.service.d.ts +26 -0
- package/app/modules/theming/services/theming.service.d.ts +142 -0
- package/app/modules/theming/theming.module.d.ts +12 -0
- package/app/modules/toggle-switch/models/toggle-options.model.d.ts +11 -0
- package/app/modules/toggle-switch/toggle-switch.component.d.ts +43 -0
- package/app/modules/toggle-switch/toggle-switch.module.d.ts +8 -0
- package/app/modules/tooltip/tooltip.directive.d.ts +157 -0
- package/app/modules/tooltip/tooltip.module.d.ts +8 -0
- package/app/modules/week-picker/week-picker.component.d.ts +289 -0
- package/app/modules/week-picker/week-picker.module.d.ts +13 -0
- package/app/shared/enums/endpoint-status.enum.d.ts +9 -0
- package/app/shared/interceptors/json.interceptor.d.ts +17 -0
- package/app/shared/models/auditable.model.d.ts +21 -0
- package/app/shared/models/data-list.model.d.ts +9 -0
- package/app/shared/models/id.model.d.ts +9 -0
- package/app/shared/models/observable-container.d.ts +8 -0
- package/app/shared/models/particle-component-text.model.d.ts +211 -0
- package/app/shared/services/base-data.service.d.ts +130 -0
- package/app/shared/services/dialog.service.d.ts +10 -0
- package/app/shared/services/local-storage.service.d.ts +41 -0
- package/esm2022/app/modules/accordion/accordion.component.mjs +101 -0
- package/esm2022/app/modules/accordion/accordion.module.mjs +37 -0
- package/esm2022/app/modules/accordion/directives/accordion-content.directive.mjs +17 -0
- package/esm2022/app/modules/accordion/directives/accordion-header.directive.mjs +17 -0
- package/esm2022/app/modules/accordion/directives/accordion-item.directive.mjs +36 -0
- package/esm2022/app/modules/background-carousel/background-carousel.directive.mjs +91 -0
- package/esm2022/app/modules/background-carousel/carousel-options.model.mjs +36 -0
- package/esm2022/app/modules/background-carousel/particle-background-carousel.module.mjs +24 -0
- package/esm2022/app/modules/checkbox/checkbox.component.mjs +108 -0
- package/esm2022/app/modules/checkbox/checkbox.module.mjs +28 -0
- package/esm2022/app/modules/color-picker/color-picker.component.mjs +306 -0
- package/esm2022/app/modules/color-picker/color-picker.module.mjs +19 -0
- package/esm2022/app/modules/date-picker/components/calendar/calendar.component.mjs +496 -0
- package/esm2022/app/modules/date-picker/components/date-range-picker/date-range-picker.component.mjs +250 -0
- package/esm2022/app/modules/date-picker/date-picker.component.mjs +538 -0
- package/esm2022/app/modules/date-picker/date-picker.module.mjs +56 -0
- package/esm2022/app/modules/dialog/dialog.component.mjs +177 -0
- package/esm2022/app/modules/dialog/dialog.module.mjs +28 -0
- package/esm2022/app/modules/dropdown/dropdown.component.mjs +682 -0
- package/esm2022/app/modules/dropdown/dropdown.module.mjs +28 -0
- package/esm2022/app/modules/dropdown/models/dropdown-option-group.model.mjs +2 -0
- package/esm2022/app/modules/dropdown/models/dropdown-option.model.mjs +2 -0
- package/esm2022/app/modules/endpoint-state/components/endpoint-state.component.mjs +75 -0
- package/esm2022/app/modules/endpoint-state/endpoint-state.module.mjs +22 -0
- package/esm2022/app/modules/icons/components/icon-select.component.mjs +377 -0
- package/esm2022/app/modules/icons/models/fontawesome-icons-brands.model.mjs +471 -0
- package/esm2022/app/modules/icons/models/fontawesome-icons-regular.model.mjs +166 -0
- package/esm2022/app/modules/icons/models/fontawesome-icons-solid.model.mjs +1016 -0
- package/esm2022/app/modules/icons/models/particle-icons-light.model.mjs +310 -0
- package/esm2022/app/modules/icons/models/particle-icons-regular.model.mjs +324 -0
- package/esm2022/app/modules/icons/models/particle-icons-solid.model.mjs +581 -0
- package/esm2022/app/modules/icons/particle-icons.module.mjs +66 -0
- package/esm2022/app/modules/icons/services/icons.service.mjs +86 -0
- package/esm2022/app/modules/idle-timeout/idle-timeout.component.mjs +85 -0
- package/esm2022/app/modules/idle-timeout/idle-timer.mjs +66 -0
- package/esm2022/app/modules/idle-timeout/particle-idle-timeout.module.mjs +28 -0
- package/esm2022/app/modules/input-mask/input-mask.component.mjs +594 -0
- package/esm2022/app/modules/input-mask/input-mask.module.mjs +18 -0
- package/esm2022/app/modules/keyfilter/keyfilter.directive.mjs +158 -0
- package/esm2022/app/modules/keyfilter/keyfilter.module.mjs +18 -0
- package/esm2022/app/modules/layout/components/layout-full-framing/layout-full-framing.component.mjs +79 -0
- package/esm2022/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.mjs +65 -0
- package/esm2022/app/modules/layout/layout.module.mjs +33 -0
- package/esm2022/app/modules/loader/components/loader.component.mjs +30 -0
- package/esm2022/app/modules/loader/loader.module.mjs +24 -0
- package/esm2022/app/modules/multi-select/models/multi-select-option-group.model.mjs +2 -0
- package/esm2022/app/modules/multi-select/models/multi-select-option.model.mjs +2 -0
- package/esm2022/app/modules/multi-select/multi-select.component.mjs +665 -0
- package/esm2022/app/modules/multi-select/multi-select.module.mjs +18 -0
- package/esm2022/app/modules/notification/models/notification.model.mjs +2 -0
- package/esm2022/app/modules/notification/notification.component.mjs +122 -0
- package/esm2022/app/modules/notification/notification.module.mjs +18 -0
- package/esm2022/app/modules/notification/services/notification.service.mjs +84 -0
- package/esm2022/app/modules/ordinal-number-pipe/ordinal-number-pipe.module.mjs +20 -0
- package/esm2022/app/modules/ordinal-number-pipe/ordinal-number.pipe.mjs +49 -0
- package/esm2022/app/modules/paginator/pagination-event.model.mjs +29 -0
- package/esm2022/app/modules/paginator/paginator.component.mjs +207 -0
- package/esm2022/app/modules/paginator/particle-paginator.module.mjs +48 -0
- package/esm2022/app/modules/popover/popover.component.mjs +352 -0
- package/esm2022/app/modules/popover/popover.module.mjs +24 -0
- package/esm2022/app/modules/profile-pic/particle-profile-pic.module.mjs +28 -0
- package/esm2022/app/modules/profile-pic/profile-pic.component.mjs +74 -0
- package/esm2022/app/modules/progress-bar/progress-bar.component.mjs +43 -0
- package/esm2022/app/modules/progress-bar/progress-bar.module.mjs +24 -0
- package/esm2022/app/modules/push-container/particle-push-container.module.mjs +26 -0
- package/esm2022/app/modules/push-container/push-container-state.model.mjs +2 -0
- package/esm2022/app/modules/push-container/push-container.component.mjs +363 -0
- package/esm2022/app/modules/rich-text/particle-rich-text.module.mjs +64 -0
- package/esm2022/app/modules/rich-text/render-rich-text.component.mjs +18 -0
- package/esm2022/app/modules/rich-text/rich-text-capabilities.model.mjs +2 -0
- package/esm2022/app/modules/rich-text/rich-text.component.mjs +187 -0
- package/esm2022/app/modules/scroll-to-top/particle-scroll-to-top.module.mjs +24 -0
- package/esm2022/app/modules/scroll-to-top/scroll-to-top.component.mjs +49 -0
- package/esm2022/app/modules/slideover/particle-slideover.module.mjs +24 -0
- package/esm2022/app/modules/slideover/slideover.component.mjs +115 -0
- package/esm2022/app/modules/slider/slider.component.mjs +243 -0
- package/esm2022/app/modules/slider/slider.module.mjs +26 -0
- package/esm2022/app/modules/theming/components/theming.component.mjs +86 -0
- package/esm2022/app/modules/theming/models/theme.model.mjs +9 -0
- package/esm2022/app/modules/theming/services/theme-change-detection.service.mjs +38 -0
- package/esm2022/app/modules/theming/services/theming.service.mjs +507 -0
- package/esm2022/app/modules/theming/theming.module.mjs +55 -0
- package/esm2022/app/modules/toggle-switch/models/toggle-options.model.mjs +2 -0
- package/esm2022/app/modules/toggle-switch/toggle-switch.component.mjs +107 -0
- package/esm2022/app/modules/toggle-switch/toggle-switch.module.mjs +24 -0
- package/esm2022/app/modules/tooltip/tooltip.directive.mjs +381 -0
- package/esm2022/app/modules/tooltip/tooltip.module.mjs +18 -0
- package/esm2022/app/modules/week-picker/week-picker.component.mjs +511 -0
- package/esm2022/app/modules/week-picker/week-picker.module.mjs +40 -0
- package/esm2022/app/shared/enums/endpoint-status.enum.mjs +11 -0
- package/esm2022/app/shared/interceptors/json.interceptor.mjs +23 -0
- package/esm2022/app/shared/models/auditable.model.mjs +2 -0
- package/esm2022/app/shared/models/data-list.model.mjs +2 -0
- package/esm2022/app/shared/models/id.model.mjs +2 -0
- package/esm2022/app/shared/models/observable-container.mjs +15 -0
- package/esm2022/app/shared/models/particle-component-text.model.mjs +2 -0
- package/esm2022/app/shared/services/base-data.service.mjs +190 -0
- package/esm2022/app/shared/services/dialog.service.mjs +50 -0
- package/esm2022/app/shared/services/local-storage.service.mjs +60 -0
- package/esm2022/entake-particle.mjs +5 -0
- package/esm2022/public_api.mjs +98 -0
- package/fesm2022/entake-particle.mjs +12477 -0
- package/fesm2022/entake-particle.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/package.json +65 -0
- package/particle.css +1 -0
- package/public_api.d.ts +97 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { ElementRef, OnInit, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare const INPUTMASK_VALUE_ACCESSOR: any;
|
|
5
|
+
export declare class InputMaskComponent implements OnInit, ControlValueAccessor {
|
|
6
|
+
type: string;
|
|
7
|
+
slotChar: string;
|
|
8
|
+
autoClear: boolean;
|
|
9
|
+
style: any;
|
|
10
|
+
inputId: string;
|
|
11
|
+
styleClass: string;
|
|
12
|
+
placeholder: string;
|
|
13
|
+
size: number;
|
|
14
|
+
maxlength: number;
|
|
15
|
+
tabindex: string;
|
|
16
|
+
ariaLabel: string;
|
|
17
|
+
ariaRequired: boolean;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
readonly: boolean;
|
|
20
|
+
unmask: boolean;
|
|
21
|
+
name: string;
|
|
22
|
+
required: boolean;
|
|
23
|
+
characterPattern: string;
|
|
24
|
+
autoFocus: boolean;
|
|
25
|
+
autocomplete: string;
|
|
26
|
+
inputViewChild: ElementRef;
|
|
27
|
+
onComplete: EventEmitter<any>;
|
|
28
|
+
onFocus: EventEmitter<any>;
|
|
29
|
+
onBlur: EventEmitter<any>;
|
|
30
|
+
onInput: EventEmitter<any>;
|
|
31
|
+
value: any;
|
|
32
|
+
_mask: string;
|
|
33
|
+
input: HTMLInputElement;
|
|
34
|
+
filled: boolean;
|
|
35
|
+
defs: any;
|
|
36
|
+
tests: any[];
|
|
37
|
+
partialPosition: any;
|
|
38
|
+
firstNonMaskPos: number;
|
|
39
|
+
lastRequiredNonMaskPos: any;
|
|
40
|
+
len: number;
|
|
41
|
+
oldVal: string;
|
|
42
|
+
buffer: any;
|
|
43
|
+
defaultBuffer: string;
|
|
44
|
+
focusText: string;
|
|
45
|
+
caretTimeoutId: any;
|
|
46
|
+
androidChrome: boolean;
|
|
47
|
+
focused: boolean;
|
|
48
|
+
onModelChange: Function;
|
|
49
|
+
onModelTouched: Function;
|
|
50
|
+
constructor();
|
|
51
|
+
ngOnInit(): void;
|
|
52
|
+
get mask(): string;
|
|
53
|
+
set mask(val: string);
|
|
54
|
+
initMask(): void;
|
|
55
|
+
writeValue(value: any): void;
|
|
56
|
+
registerOnChange(fn: Function): void;
|
|
57
|
+
registerOnTouched(fn: Function): void;
|
|
58
|
+
setDisabledState(val: boolean): void;
|
|
59
|
+
caret(first?: number, last?: number): any;
|
|
60
|
+
isCompleted(): boolean;
|
|
61
|
+
getPlaceholder(i: number): string;
|
|
62
|
+
seekNext(pos: number): number;
|
|
63
|
+
seekPrev(pos: number): number;
|
|
64
|
+
shiftL(begin: number, end: number): void;
|
|
65
|
+
shiftR(pos: number): void;
|
|
66
|
+
handleAndroidInput(e: Event): void;
|
|
67
|
+
onInputBlur(e: Event): void;
|
|
68
|
+
onKeyDown(e: KeyboardEvent): void;
|
|
69
|
+
onKeyPress(e: KeyboardEvent): void;
|
|
70
|
+
/**
|
|
71
|
+
* Adjust cursor position if clicked on empty space ahead of the existing input
|
|
72
|
+
*/
|
|
73
|
+
onClick(): void;
|
|
74
|
+
clearBuffer(start: number, end: number): void;
|
|
75
|
+
writeBuffer(): void;
|
|
76
|
+
checkVal(allow?: boolean): number;
|
|
77
|
+
onInputFocus(event: Event): void;
|
|
78
|
+
onInputChange(event: Event): void;
|
|
79
|
+
handleInputChange(event: Event): void;
|
|
80
|
+
getUnmaskedValue(): string;
|
|
81
|
+
updateModel(e: any): void;
|
|
82
|
+
updateFilledState(): void;
|
|
83
|
+
focus(): void;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputMaskComponent, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputMaskComponent, "particle-input-mask", never, { "type": { "alias": "type"; "required": false; }; "slotChar": { "alias": "slotChar"; "required": false; }; "autoClear": { "alias": "autoClear"; "required": false; }; "style": { "alias": "style"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "unmask": { "alias": "unmask"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "characterPattern": { "alias": "characterPattern"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; }, { "onComplete": "onComplete"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onInput": "onInput"; }, never, never, false, never>;
|
|
86
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./input-mask.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleInputMaskModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleInputMaskModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleInputMaskModule, [typeof i1.InputMaskComponent], [typeof i2.CommonModule], [typeof i1.InputMaskComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleInputMaskModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Directive to apply key filtering to an HTML input element
|
|
5
|
+
*/
|
|
6
|
+
export declare class KeyfilterDirective {
|
|
7
|
+
private hostElement;
|
|
8
|
+
/**
|
|
9
|
+
* Array of keyboard key names that are always allowed
|
|
10
|
+
* (arrow keys, backspace, delete, tab, escape)
|
|
11
|
+
* @private
|
|
12
|
+
*/
|
|
13
|
+
private static readonly ALLOWED_KEYS;
|
|
14
|
+
/**
|
|
15
|
+
* Array of keyboard alpha key names
|
|
16
|
+
* @private
|
|
17
|
+
*/
|
|
18
|
+
private static readonly ALPHA_KEYS;
|
|
19
|
+
/**
|
|
20
|
+
* The type of filtering to apply
|
|
21
|
+
*/
|
|
22
|
+
filterType: 'alpha' | 'numeric' | 'alphanumeric' | 'digits';
|
|
23
|
+
/**
|
|
24
|
+
* Whether or not to allow spaces (default false)
|
|
25
|
+
*/
|
|
26
|
+
allowSpaces: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Determine if the input key is numeric (a digit)
|
|
29
|
+
* @param key the key to test
|
|
30
|
+
* @private
|
|
31
|
+
*/
|
|
32
|
+
private static keyIsNumeric;
|
|
33
|
+
private static keyIsDigit;
|
|
34
|
+
private static valueIsNumeric;
|
|
35
|
+
/**
|
|
36
|
+
* Determine if the input key is an alpha key (a letter of
|
|
37
|
+
* the English alphabet)
|
|
38
|
+
* @param key the key to test
|
|
39
|
+
* @private
|
|
40
|
+
*/
|
|
41
|
+
private static keyIsAlpha;
|
|
42
|
+
/**
|
|
43
|
+
* Dependency injection site
|
|
44
|
+
* @param hostElement
|
|
45
|
+
*/
|
|
46
|
+
constructor(hostElement: ElementRef<HTMLInputElement>);
|
|
47
|
+
/**
|
|
48
|
+
* Filter out keys based on the specified filter type
|
|
49
|
+
* @param event the keydown KeyboardEvent
|
|
50
|
+
*/
|
|
51
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
52
|
+
/**
|
|
53
|
+
* Prevent paste if input contains forbidden characters
|
|
54
|
+
* @param event the paste ClipboardEvent
|
|
55
|
+
*/
|
|
56
|
+
onPaste(event: ClipboardEvent): void;
|
|
57
|
+
onBlur(): void;
|
|
58
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeyfilterDirective, never>;
|
|
59
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<KeyfilterDirective, "[particleKeyfilter]", never, { "filterType": { "alias": "particleKeyfilter"; "required": false; }; "allowSpaces": { "alias": "allowSpaces"; "required": false; }; }, {}, never, never, false, never>;
|
|
60
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./keyfilter.directive";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleKeyfilterModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleKeyfilterModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleKeyfilterModule, [typeof i1.KeyfilterDirective], [typeof i2.CommonModule], [typeof i1.KeyfilterDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleKeyfilterModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { SlideoverComponent } from '../../../slideover/slideover.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LayoutFullFramingComponent {
|
|
5
|
+
mainContent: TemplateRef<any>;
|
|
6
|
+
rightSidebar: TemplateRef<any>;
|
|
7
|
+
header: TemplateRef<any>;
|
|
8
|
+
footer: TemplateRef<any>;
|
|
9
|
+
mainContentContainerClassList: string;
|
|
10
|
+
rightSidebarContainerClassList: string;
|
|
11
|
+
headerClassList: string;
|
|
12
|
+
footerClassList: string;
|
|
13
|
+
headerHeight: string;
|
|
14
|
+
footerHeight: string;
|
|
15
|
+
rightSidebarWidth: string;
|
|
16
|
+
breakpoint: number;
|
|
17
|
+
rightSidebarCollapsedTabOffset: number;
|
|
18
|
+
collapsedClassList: string;
|
|
19
|
+
slideover: SlideoverComponent;
|
|
20
|
+
onResize(event: any): void;
|
|
21
|
+
protected readonly window: Window & typeof globalThis;
|
|
22
|
+
get stickySidebarHeight(): string;
|
|
23
|
+
get contentSidebarHeight(): string;
|
|
24
|
+
constructor();
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutFullFramingComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutFullFramingComponent, "particle-layout-full-framing", never, { "mainContent": { "alias": "mainContent"; "required": false; }; "rightSidebar": { "alias": "rightSidebar"; "required": false; }; "header": { "alias": "header"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "mainContentContainerClassList": { "alias": "mainContentContainerClassList"; "required": false; }; "rightSidebarContainerClassList": { "alias": "rightSidebarContainerClassList"; "required": false; }; "headerClassList": { "alias": "headerClassList"; "required": false; }; "footerClassList": { "alias": "footerClassList"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "footerHeight": { "alias": "footerHeight"; "required": false; }; "rightSidebarWidth": { "alias": "rightSidebarWidth"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "rightSidebarCollapsedTabOffset": { "alias": "rightSidebarCollapsedTabOffset"; "required": false; }; "collapsedClassList": { "alias": "collapsedClassList"; "required": false; }; }, {}, never, never, false, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { SlideoverComponent } from '../../../slideover/slideover.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LayoutFullwidthSidebarComponent {
|
|
5
|
+
mainContent: TemplateRef<any>;
|
|
6
|
+
rightSidebar: TemplateRef<any>;
|
|
7
|
+
mainContentContainerClassList: string;
|
|
8
|
+
rightSidebarContainerClassList: string;
|
|
9
|
+
rightSidebarSticky: boolean;
|
|
10
|
+
headerHeight: string;
|
|
11
|
+
footerHeight: string;
|
|
12
|
+
rightSidebarWidth: string;
|
|
13
|
+
breakpoint: number;
|
|
14
|
+
rightSidebarCollapsedTabOffset: number;
|
|
15
|
+
collapsedClassList: string;
|
|
16
|
+
slideover: SlideoverComponent;
|
|
17
|
+
onResize(event: any): void;
|
|
18
|
+
protected readonly window: Window & typeof globalThis;
|
|
19
|
+
get stickySidebarHeight(): string;
|
|
20
|
+
constructor();
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutFullwidthSidebarComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutFullwidthSidebarComponent, "particle-layout-fullwidth-sidebar", never, { "mainContent": { "alias": "mainContent"; "required": false; }; "rightSidebar": { "alias": "rightSidebar"; "required": false; }; "mainContentContainerClassList": { "alias": "mainContentContainerClassList"; "required": false; }; "rightSidebarContainerClassList": { "alias": "rightSidebarContainerClassList"; "required": false; }; "rightSidebarSticky": { "alias": "rightSidebarSticky"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "footerHeight": { "alias": "footerHeight"; "required": false; }; "rightSidebarWidth": { "alias": "rightSidebarWidth"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; "rightSidebarCollapsedTabOffset": { "alias": "rightSidebarCollapsedTabOffset"; "required": false; }; "collapsedClassList": { "alias": "collapsedClassList"; "required": false; }; }, {}, never, never, false, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component";
|
|
3
|
+
import * as i2 from "./components/layout-full-framing/layout-full-framing.component";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "../slideover/particle-slideover.module";
|
|
6
|
+
export declare class ParticleLayoutModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleLayoutModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleLayoutModule, [typeof i1.LayoutFullwidthSidebarComponent, typeof i2.LayoutFullFramingComponent], [typeof i3.CommonModule, typeof i4.ParticleSlideoverModule], [typeof i1.LayoutFullwidthSidebarComponent, typeof i2.LayoutFullFramingComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleLayoutModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { LoaderText } from '../../../shared/models/particle-component-text.model';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class LoaderComponent {
|
|
4
|
+
text: LoaderText;
|
|
5
|
+
disableText: boolean;
|
|
6
|
+
protected backgroundStyle: string | undefined;
|
|
7
|
+
private _colors;
|
|
8
|
+
set colors(colors: Array<string>);
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "particle-loader", never, { "text": { "alias": "text"; "required": false; }; "disableText": { "alias": "disableText"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; }, {}, never, never, false, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./components/loader.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleLoaderModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleLoaderModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleLoaderModule, [typeof i1.LoaderComponent], [typeof i2.CommonModule], [typeof i1.LoaderComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleLoaderModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MultiSelectOption } from './multi-select-option.model';
|
|
2
|
+
/**
|
|
3
|
+
* Interface representing an array of multi-select options
|
|
4
|
+
* grouped under a label
|
|
5
|
+
*/
|
|
6
|
+
export interface MultiSelectOptionGroup {
|
|
7
|
+
type?: 'group';
|
|
8
|
+
/**
|
|
9
|
+
* The option group label
|
|
10
|
+
*/
|
|
11
|
+
groupLabel: string;
|
|
12
|
+
/**
|
|
13
|
+
* The group options
|
|
14
|
+
*/
|
|
15
|
+
options: Array<MultiSelectOption>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Interface representing a multi-select option
|
|
3
|
+
*/
|
|
4
|
+
export interface MultiSelectOption {
|
|
5
|
+
type?: 'option';
|
|
6
|
+
/**
|
|
7
|
+
* The value of the multi-select option
|
|
8
|
+
*/
|
|
9
|
+
value: string | number;
|
|
10
|
+
/**
|
|
11
|
+
* The label of the multi-select option
|
|
12
|
+
*/
|
|
13
|
+
label: string;
|
|
14
|
+
/**
|
|
15
|
+
* Whether or not the option is disabled
|
|
16
|
+
*/
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Data context object containing properties to fill
|
|
20
|
+
* multi-select option template placeholders
|
|
21
|
+
*/
|
|
22
|
+
dataContext?: {
|
|
23
|
+
[key: string]: unknown;
|
|
24
|
+
};
|
|
25
|
+
}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
import { AnimationEvent } from '@angular/animations';
|
|
2
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, QueryList, Renderer2, TemplateRef } from '@angular/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { BehaviorSubject, Observable } from 'rxjs';
|
|
5
|
+
import { MultiSelectOption } from './models/multi-select-option.model';
|
|
6
|
+
import { MultiSelectOptionGroup } from './models/multi-select-option-group.model';
|
|
7
|
+
import { MultiSelectText } from '../../shared/models/particle-component-text.model';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* Type representing the multi-select component option input
|
|
11
|
+
*/
|
|
12
|
+
declare type MultiSelectOptionInput = Array<MultiSelectOption | MultiSelectOptionGroup>;
|
|
13
|
+
/**
|
|
14
|
+
* Multi-select component
|
|
15
|
+
*/
|
|
16
|
+
export declare class MultiSelectComponent implements ControlValueAccessor {
|
|
17
|
+
private renderer;
|
|
18
|
+
private changeDetectorRef;
|
|
19
|
+
/**
|
|
20
|
+
* Set the value of the multi-select
|
|
21
|
+
* @param value the value to set
|
|
22
|
+
*/
|
|
23
|
+
set value(value: Array<string | number>);
|
|
24
|
+
get value(): Array<any>;
|
|
25
|
+
/**
|
|
26
|
+
* The multi-select options/option groups
|
|
27
|
+
*/
|
|
28
|
+
set options(options: MultiSelectOptionInput);
|
|
29
|
+
/**
|
|
30
|
+
* The amount of offset (in pixels) to place between the multi-select
|
|
31
|
+
* and its list overlay
|
|
32
|
+
* @private
|
|
33
|
+
*/
|
|
34
|
+
private static readonly LIST_OFFSET;
|
|
35
|
+
/**
|
|
36
|
+
* List of arrow key keycodes
|
|
37
|
+
* @private
|
|
38
|
+
*/
|
|
39
|
+
private static readonly ARROW_KEYS;
|
|
40
|
+
/**
|
|
41
|
+
* ViewChild of the multi-select
|
|
42
|
+
*/
|
|
43
|
+
multiSelect: ElementRef<HTMLDivElement>;
|
|
44
|
+
/**
|
|
45
|
+
* ViewChild of the multi-select button
|
|
46
|
+
*/
|
|
47
|
+
multiSelectButton: ElementRef<HTMLButtonElement>;
|
|
48
|
+
/**
|
|
49
|
+
* ViewChild of the multi-select list
|
|
50
|
+
*/
|
|
51
|
+
multiSelectList: ElementRef<HTMLDivElement>;
|
|
52
|
+
/**
|
|
53
|
+
* QueryList of multi-select option ViewChildren
|
|
54
|
+
*/
|
|
55
|
+
multiSelectOptions: QueryList<ElementRef<HTMLButtonElement>>;
|
|
56
|
+
/**
|
|
57
|
+
* ContentChild of the multi-select option template
|
|
58
|
+
*/
|
|
59
|
+
template: TemplateRef<HTMLElement>;
|
|
60
|
+
/**
|
|
61
|
+
* Whether the multi-select should be disabled
|
|
62
|
+
*/
|
|
63
|
+
disabled: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Class list to assign to the multi-select
|
|
66
|
+
*/
|
|
67
|
+
classList: string;
|
|
68
|
+
buttonClassList: string;
|
|
69
|
+
entryClassList: string;
|
|
70
|
+
text: MultiSelectText;
|
|
71
|
+
/**
|
|
72
|
+
* Style of the multi-select
|
|
73
|
+
*/
|
|
74
|
+
type: 'input' | 'expanded';
|
|
75
|
+
maxExpandedEntries: number;
|
|
76
|
+
expandedAsGrid: boolean;
|
|
77
|
+
collapsedButtonTemplate: TemplateRef<any>;
|
|
78
|
+
/**
|
|
79
|
+
* Event emitted on value change, emits the new value
|
|
80
|
+
*/
|
|
81
|
+
change: EventEmitter<(string | number)[]>;
|
|
82
|
+
/**
|
|
83
|
+
* BehaviorSubject tracking the input multi-select options/option groups
|
|
84
|
+
*/
|
|
85
|
+
readonly _options: BehaviorSubject<MultiSelectOptionInput>;
|
|
86
|
+
/**
|
|
87
|
+
* BehaviorSubject tracking the current value of the multi-select
|
|
88
|
+
*/
|
|
89
|
+
readonly _internalValue: BehaviorSubject<(string | number)[]>;
|
|
90
|
+
/**
|
|
91
|
+
* Observable map of option value (stringified if a number) to data context
|
|
92
|
+
*/
|
|
93
|
+
readonly dataContextMap$: Observable<{
|
|
94
|
+
[value: string]: {
|
|
95
|
+
[key: string]: unknown;
|
|
96
|
+
};
|
|
97
|
+
}>;
|
|
98
|
+
/**
|
|
99
|
+
* Observable map of stringified option value to boolean indicating the user's selections
|
|
100
|
+
*/
|
|
101
|
+
readonly selectionValueMap$: Observable<{
|
|
102
|
+
[key: string]: boolean;
|
|
103
|
+
}>;
|
|
104
|
+
/**
|
|
105
|
+
* The count of selected options as an Observable
|
|
106
|
+
*/
|
|
107
|
+
readonly selectionCount$: Observable<number>;
|
|
108
|
+
/**
|
|
109
|
+
* Unique ID to assign to the multiSelect
|
|
110
|
+
*/
|
|
111
|
+
readonly multiSelectId: any;
|
|
112
|
+
/**
|
|
113
|
+
* Whether to render the multi-select list
|
|
114
|
+
*/
|
|
115
|
+
render: boolean;
|
|
116
|
+
/**
|
|
117
|
+
* Whether the multi-select is open
|
|
118
|
+
*/
|
|
119
|
+
opened: boolean;
|
|
120
|
+
/**
|
|
121
|
+
* The index of the focused option in the multiSelect list
|
|
122
|
+
*/
|
|
123
|
+
selectionIndex: number;
|
|
124
|
+
optionCount: number;
|
|
125
|
+
/**
|
|
126
|
+
* The current value of the multiSelect
|
|
127
|
+
* @private
|
|
128
|
+
*/
|
|
129
|
+
private _value;
|
|
130
|
+
/**
|
|
131
|
+
* Removes options that do not have both a label and a value,
|
|
132
|
+
* also removes empty groups (or groups that have no valid options)
|
|
133
|
+
* @param options the options to sanitize
|
|
134
|
+
* @private
|
|
135
|
+
*/
|
|
136
|
+
private static sanitizeOptionInput;
|
|
137
|
+
/**
|
|
138
|
+
* Add option label to data context if not present. If $implicit
|
|
139
|
+
* value is not present, it will be added with the label as its value.
|
|
140
|
+
* If $implicit is already present, it will add a label key to the context
|
|
141
|
+
* @param label the option label
|
|
142
|
+
* @param dataContext the option data context
|
|
143
|
+
* @private
|
|
144
|
+
*/
|
|
145
|
+
private static addLabelToDataContext;
|
|
146
|
+
/**
|
|
147
|
+
* Function to call on change
|
|
148
|
+
*/
|
|
149
|
+
onChange: (value: any) => void;
|
|
150
|
+
/**
|
|
151
|
+
* Function to call on touch
|
|
152
|
+
*/
|
|
153
|
+
onTouched: () => any;
|
|
154
|
+
/**
|
|
155
|
+
* Dependency injection site
|
|
156
|
+
* @param renderer the Angular renderer
|
|
157
|
+
* @param changeDetectorRef reference to the Angular change detector
|
|
158
|
+
*/
|
|
159
|
+
constructor(renderer: Renderer2, changeDetectorRef: ChangeDetectorRef);
|
|
160
|
+
/**
|
|
161
|
+
* Write value
|
|
162
|
+
* @param value the value to write
|
|
163
|
+
*/
|
|
164
|
+
writeValue(value: Array<string | number>): void;
|
|
165
|
+
/**
|
|
166
|
+
* Register function on change
|
|
167
|
+
* @param fn the function to register
|
|
168
|
+
*/
|
|
169
|
+
registerOnChange(fn: any): void;
|
|
170
|
+
/**
|
|
171
|
+
* Register function on touch
|
|
172
|
+
* @param fn the function to register
|
|
173
|
+
*/
|
|
174
|
+
registerOnTouched(fn: any): void;
|
|
175
|
+
/**
|
|
176
|
+
* Set the disabled state
|
|
177
|
+
* @param isDisabled disabled or not
|
|
178
|
+
*/
|
|
179
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
180
|
+
/**
|
|
181
|
+
* Reposition and resize the multiSelect on window resize
|
|
182
|
+
*/
|
|
183
|
+
onWindowResize(): void;
|
|
184
|
+
/**
|
|
185
|
+
* Prevent default behavior for arrow key keydown event
|
|
186
|
+
* @param event the keydown KeyboardEvent
|
|
187
|
+
*/
|
|
188
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
189
|
+
/**
|
|
190
|
+
* Close the multi-select list on tab and handle arrow key navigation
|
|
191
|
+
* @param event the keyup KeyboardEvent
|
|
192
|
+
*/
|
|
193
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
194
|
+
/**
|
|
195
|
+
* Close the multi-select list (if opened) on click if outside the list
|
|
196
|
+
* @param event the click MouseEvent
|
|
197
|
+
*/
|
|
198
|
+
onClick(event: MouseEvent): void;
|
|
199
|
+
/**
|
|
200
|
+
* Close multi-select on escape keyup and focus on multi-select button
|
|
201
|
+
* @param event the keyup KeyboardEvent
|
|
202
|
+
*/
|
|
203
|
+
onEscapeKeyUp(event: Event): void;
|
|
204
|
+
/**
|
|
205
|
+
* Set focus to multi-select option on mouse enter and update selected index
|
|
206
|
+
* @param option the multiSelect option to focus
|
|
207
|
+
* @param index the index of the option to focus
|
|
208
|
+
*/
|
|
209
|
+
onMultiSelectOptionMouseEnter(option: HTMLButtonElement, index: number): void;
|
|
210
|
+
/**
|
|
211
|
+
* Set focus to multi-select option on mouse move and update selected index
|
|
212
|
+
* @param option the multiSelect option to focus
|
|
213
|
+
* @param index the index of the option to focus
|
|
214
|
+
*/
|
|
215
|
+
onMultiSelectOptionMouseMove(option: HTMLButtonElement, index: number): void;
|
|
216
|
+
/**
|
|
217
|
+
* Write value and close multi-select on option select
|
|
218
|
+
* @param value the value to write
|
|
219
|
+
* @param disabled whether or not the selected option is disabled
|
|
220
|
+
*/
|
|
221
|
+
onMultiSelectOptionSelect(value: string | number, disabled: boolean): void;
|
|
222
|
+
/**
|
|
223
|
+
* Open the multi-select list and align it
|
|
224
|
+
* @param event the click MouseEvent
|
|
225
|
+
*/
|
|
226
|
+
openMultiSelect(event: MouseEvent): void;
|
|
227
|
+
/**
|
|
228
|
+
* Close the multiSelect list
|
|
229
|
+
*/
|
|
230
|
+
closeMultiSelect(): void;
|
|
231
|
+
/**
|
|
232
|
+
* Position and resize the multi-select list on animation start if toState is open
|
|
233
|
+
* @param event the Angular AnimationEvent
|
|
234
|
+
*/
|
|
235
|
+
onAnimationStart(event: AnimationEvent): void;
|
|
236
|
+
/**
|
|
237
|
+
* Stop rendering the multi-select list on animation done if toState is close
|
|
238
|
+
* @param event the Angular AnimationEvent
|
|
239
|
+
*/
|
|
240
|
+
onAnimationDone(event: AnimationEvent): void;
|
|
241
|
+
/**
|
|
242
|
+
* If the input value is already in the value array, remove it. Otherwise add it
|
|
243
|
+
* @param value the selected value
|
|
244
|
+
* @private
|
|
245
|
+
*/
|
|
246
|
+
private handleMultiSelectOptionSelect;
|
|
247
|
+
/**
|
|
248
|
+
* Align the multi-select list with the multiSelect
|
|
249
|
+
* @private
|
|
250
|
+
*/
|
|
251
|
+
private positionMultiSelectList;
|
|
252
|
+
/**
|
|
253
|
+
* Match the multi-select list width to the multi-select's width
|
|
254
|
+
* @private
|
|
255
|
+
*/
|
|
256
|
+
private resizeMultiSelectList;
|
|
257
|
+
/**
|
|
258
|
+
* Handle arrow keyup event
|
|
259
|
+
* @param key the arrow key
|
|
260
|
+
*/
|
|
261
|
+
private onArrowKeyUp;
|
|
262
|
+
/**
|
|
263
|
+
* Get the next enabled multi-select option (relative to the current selection index).
|
|
264
|
+
* If the currently selected option is the final available option, it is
|
|
265
|
+
* returned. If no selection has been made, the first available option is returned
|
|
266
|
+
* @private
|
|
267
|
+
*/
|
|
268
|
+
private getNextOption;
|
|
269
|
+
/**
|
|
270
|
+
* Get the previous enabled multi-select option (relative to the current selection index).
|
|
271
|
+
* If the currently selected option is the first available option, it is
|
|
272
|
+
* returned
|
|
273
|
+
* @private
|
|
274
|
+
*/
|
|
275
|
+
private getPreviousOption;
|
|
276
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
|
|
277
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "particle-multi-select", never, { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; "buttonClassList": { "alias": "buttonClassList"; "required": false; }; "entryClassList": { "alias": "entryClassList"; "required": false; }; "text": { "alias": "text"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxExpandedEntries": { "alias": "maxExpandedEntries"; "required": false; }; "expandedAsGrid": { "alias": "expandedAsGrid"; "required": false; }; "collapsedButtonTemplate": { "alias": "collapsedButtonTemplate"; "required": false; }; }, { "change": "change"; }, ["template"], ["template"], false, never>;
|
|
278
|
+
}
|
|
279
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./multi-select.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleMultiSelectModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleMultiSelectModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleMultiSelectModule, [typeof i1.MultiSelectComponent], [typeof i2.CommonModule], [typeof i1.MultiSelectComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleMultiSelectModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Model representing a notification
|
|
3
|
+
*/
|
|
4
|
+
export interface Notification {
|
|
5
|
+
/**
|
|
6
|
+
* The notification ID
|
|
7
|
+
*/
|
|
8
|
+
id?: string;
|
|
9
|
+
/**
|
|
10
|
+
* The notification severity
|
|
11
|
+
*/
|
|
12
|
+
severity: 'success' | 'info' | 'warn' | 'error';
|
|
13
|
+
/**
|
|
14
|
+
* The notification summary
|
|
15
|
+
*/
|
|
16
|
+
summary: string;
|
|
17
|
+
/**
|
|
18
|
+
* The notification detail
|
|
19
|
+
*/
|
|
20
|
+
detail?: string;
|
|
21
|
+
}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { Notification } from './models/notification.model';
|
|
3
|
+
import { NotificationService } from './services/notification.service';
|
|
4
|
+
import { NotificationText } from '../../shared/models/particle-component-text.model';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* Component for displaying notifications
|
|
8
|
+
*/
|
|
9
|
+
export declare class NotificationComponent {
|
|
10
|
+
private service;
|
|
11
|
+
/**
|
|
12
|
+
* Dependency injection site
|
|
13
|
+
* @param service the NotificationService
|
|
14
|
+
*/
|
|
15
|
+
constructor(service: NotificationService);
|
|
16
|
+
text: NotificationText;
|
|
17
|
+
/**
|
|
18
|
+
* Array of notifications as an Observable
|
|
19
|
+
*/
|
|
20
|
+
readonly notifications$: Observable<Array<Notification>>;
|
|
21
|
+
/**
|
|
22
|
+
* Map of notification severity to color class
|
|
23
|
+
*/
|
|
24
|
+
readonly severityColorMap: {
|
|
25
|
+
success: string;
|
|
26
|
+
warn: string;
|
|
27
|
+
error: string;
|
|
28
|
+
info: string;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* Map of notification severity to icon class
|
|
32
|
+
*/
|
|
33
|
+
readonly severityIconMap: {
|
|
34
|
+
success: string;
|
|
35
|
+
warn: string;
|
|
36
|
+
error: string;
|
|
37
|
+
info: string;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Delete a notification
|
|
41
|
+
* @param id the ID of the notification to delete
|
|
42
|
+
*/
|
|
43
|
+
deleteNotification(id: string): void;
|
|
44
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "particle-notification", never, { "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
|
|
46
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./notification.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleNotificationModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleNotificationModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleNotificationModule, [typeof i1.NotificationComponent], [typeof i2.CommonModule], [typeof i1.NotificationComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleNotificationModule>;
|
|
8
|
+
}
|