@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,48 @@
|
|
|
1
|
+
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Editor } from '@tiptap/core';
|
|
3
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
4
|
+
import { RichTextEditorText } from '../../shared/models/particle-component-text.model';
|
|
5
|
+
import { RichTextCapabilities } from './rich-text-capabilities.model';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare const RICH_TEXT_VALUE_ACCESSOR: any;
|
|
8
|
+
export declare class RichTextComponent implements ControlValueAccessor, AfterViewInit {
|
|
9
|
+
placeholder: string;
|
|
10
|
+
hideControls: boolean;
|
|
11
|
+
height: string;
|
|
12
|
+
get readonly(): boolean;
|
|
13
|
+
set readonly(readonly: boolean);
|
|
14
|
+
text: RichTextEditorText;
|
|
15
|
+
capabilities: RichTextCapabilities;
|
|
16
|
+
borderRadius: string;
|
|
17
|
+
textChanged: EventEmitter<{
|
|
18
|
+
htmlValue: string;
|
|
19
|
+
textValue: string;
|
|
20
|
+
}>;
|
|
21
|
+
showDialog: any;
|
|
22
|
+
dialogLink: string;
|
|
23
|
+
/**
|
|
24
|
+
* Function called on change
|
|
25
|
+
*/
|
|
26
|
+
onChange: ((value: string) => void) | undefined;
|
|
27
|
+
/**
|
|
28
|
+
* Function called on touch
|
|
29
|
+
*/
|
|
30
|
+
onTouched: (() => void) | undefined;
|
|
31
|
+
private _value;
|
|
32
|
+
private _editable;
|
|
33
|
+
protected readonly window: Window & typeof globalThis;
|
|
34
|
+
editor: Editor;
|
|
35
|
+
get value(): any;
|
|
36
|
+
set value(value: string);
|
|
37
|
+
ngAfterViewInit(): void;
|
|
38
|
+
onBlur(): void;
|
|
39
|
+
writeValue(value: string): void;
|
|
40
|
+
registerOnChange(fn: any): void;
|
|
41
|
+
registerOnTouched(fn: any): void;
|
|
42
|
+
setDisabledState(isDisabled: boolean): void;
|
|
43
|
+
openLinkDialog(): void;
|
|
44
|
+
changeEditorLink(action: string): void;
|
|
45
|
+
focus(position?: any): void;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RichTextComponent, never>;
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RichTextComponent, "particle-rich-text", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "hideControls": { "alias": "hideControls"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "text": { "alias": "text"; "required": false; }; "capabilities": { "alias": "capabilities"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; }, { "textChanged": "textChanged"; }, never, never, false, never>;
|
|
48
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./scroll-to-top.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleScrollToTopModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleScrollToTopModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleScrollToTopModule, [typeof i1.ScrollToTopComponent], [typeof i2.CommonModule], [typeof i1.ScrollToTopComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleScrollToTopModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
|
|
2
|
+
import { BehaviorSubject } from 'rxjs';
|
|
3
|
+
import { ScrollToTopText } from '../../shared/models/particle-component-text.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ScrollToTopComponent implements OnDestroy, AfterViewInit {
|
|
6
|
+
renderer: Renderer2;
|
|
7
|
+
content: HTMLElement;
|
|
8
|
+
scrollDistance: number;
|
|
9
|
+
bottomOffset: number;
|
|
10
|
+
text: ScrollToTopText;
|
|
11
|
+
$scrollTop: BehaviorSubject<number>;
|
|
12
|
+
private _listener;
|
|
13
|
+
constructor(renderer: Renderer2);
|
|
14
|
+
ngAfterViewInit(): void;
|
|
15
|
+
ngOnDestroy(): void;
|
|
16
|
+
scrollToTop(): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollToTopComponent, never>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollToTopComponent, "particle-scroll-to-top", never, { "content": { "alias": "content"; "required": false; }; "scrollDistance": { "alias": "scrollDistance"; "required": false; }; "bottomOffset": { "alias": "bottomOffset"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./slideover.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleSlideoverModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleSlideoverModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleSlideoverModule, [typeof i1.SlideoverComponent], [typeof i2.CommonModule], [typeof i1.SlideoverComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleSlideoverModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
2
|
+
import { SlideoverText } from '../../shared/models/particle-component-text.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SlideoverComponent implements AfterViewInit, OnDestroy {
|
|
5
|
+
private _position;
|
|
6
|
+
slideoverOpen: boolean;
|
|
7
|
+
visible: boolean;
|
|
8
|
+
set position(position: string);
|
|
9
|
+
get position(): string;
|
|
10
|
+
modal: boolean;
|
|
11
|
+
width: string;
|
|
12
|
+
height: string;
|
|
13
|
+
bgClass: string;
|
|
14
|
+
text: SlideoverText;
|
|
15
|
+
/**
|
|
16
|
+
* Breakpoint that will make the container take over the screen when it's crossed.
|
|
17
|
+
*/
|
|
18
|
+
breakpoint: number;
|
|
19
|
+
opened: EventEmitter<any>;
|
|
20
|
+
closed: EventEmitter<any>;
|
|
21
|
+
overlay: ElementRef;
|
|
22
|
+
breakpointExceeded: boolean;
|
|
23
|
+
constructor();
|
|
24
|
+
onResize(event: any): void;
|
|
25
|
+
private _determineBreakpointExceeded;
|
|
26
|
+
open(): void;
|
|
27
|
+
close(): void;
|
|
28
|
+
toggle(): void;
|
|
29
|
+
private addModalMask;
|
|
30
|
+
private removeModalMask;
|
|
31
|
+
ngOnDestroy(): void;
|
|
32
|
+
ngAfterViewInit(): void;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SlideoverComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SlideoverComponent, "particle-slideover", never, { "position": { "alias": "position"; "required": false; }; "modal": { "alias": "modal"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "bgClass": { "alias": "bgClass"; "required": false; }; "text": { "alias": "text"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, ["*"], false, never>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { SliderText } from '../../shared/models/particle-component-text.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Component that wraps the native HTML5 slider
|
|
7
|
+
*/
|
|
8
|
+
export declare class SliderComponent implements ControlValueAccessor, OnInit {
|
|
9
|
+
private changeDetectorRef;
|
|
10
|
+
/**
|
|
11
|
+
* ViewChild of the slider input
|
|
12
|
+
*/
|
|
13
|
+
sliderInput: ElementRef<HTMLInputElement>;
|
|
14
|
+
/**
|
|
15
|
+
* Set the value of the component
|
|
16
|
+
* @param value the value to set
|
|
17
|
+
*/
|
|
18
|
+
set value(value: number);
|
|
19
|
+
/**
|
|
20
|
+
* Set the minimum slider value
|
|
21
|
+
* @param min the value to set
|
|
22
|
+
*/
|
|
23
|
+
set min(min: number);
|
|
24
|
+
/**
|
|
25
|
+
* Set the maximum slider value
|
|
26
|
+
* @param max the value to set
|
|
27
|
+
*/
|
|
28
|
+
set max(max: number);
|
|
29
|
+
/**
|
|
30
|
+
* Set the slider step size
|
|
31
|
+
* @param step the value to set
|
|
32
|
+
*/
|
|
33
|
+
set step(step: number);
|
|
34
|
+
/**
|
|
35
|
+
* Set the disabled state of the slider/input
|
|
36
|
+
* @param disabled the value to set
|
|
37
|
+
*/
|
|
38
|
+
set disabled(disabled: boolean);
|
|
39
|
+
/**
|
|
40
|
+
* Set the input class list
|
|
41
|
+
* @param inputClassList the value to set
|
|
42
|
+
*/
|
|
43
|
+
set inputClassList(inputClassList: string);
|
|
44
|
+
/**
|
|
45
|
+
* The unit being represented by the slider
|
|
46
|
+
*/
|
|
47
|
+
unit: string;
|
|
48
|
+
/**
|
|
49
|
+
* The aria-label to append to the slider/input
|
|
50
|
+
*/
|
|
51
|
+
ariaLabel: string;
|
|
52
|
+
text: SliderText;
|
|
53
|
+
/**
|
|
54
|
+
* Event emitted on slider/slider input input event
|
|
55
|
+
*/
|
|
56
|
+
input: EventEmitter<number>;
|
|
57
|
+
/**
|
|
58
|
+
* The internal value of the component
|
|
59
|
+
*/
|
|
60
|
+
_value: number;
|
|
61
|
+
/**
|
|
62
|
+
* The minimum slider value
|
|
63
|
+
*/
|
|
64
|
+
_min: number;
|
|
65
|
+
/**
|
|
66
|
+
* The maximum slider value
|
|
67
|
+
*/
|
|
68
|
+
_max: number;
|
|
69
|
+
/**
|
|
70
|
+
* The step size of the slider
|
|
71
|
+
*/
|
|
72
|
+
_step: number;
|
|
73
|
+
/**
|
|
74
|
+
* Whether the slider is disabled or not
|
|
75
|
+
*/
|
|
76
|
+
_disabled: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* The class list to apply to the number input
|
|
79
|
+
*/
|
|
80
|
+
_inputClassList: string;
|
|
81
|
+
/**
|
|
82
|
+
* The width of the colored section of the slider bar
|
|
83
|
+
*/
|
|
84
|
+
sliderWidth: number;
|
|
85
|
+
/**
|
|
86
|
+
* Function to call on change
|
|
87
|
+
*/
|
|
88
|
+
onChange: (value: any) => void;
|
|
89
|
+
/**
|
|
90
|
+
* Function to call on touch
|
|
91
|
+
*/
|
|
92
|
+
onTouched: () => any;
|
|
93
|
+
/**
|
|
94
|
+
* Dependency injection site
|
|
95
|
+
* @param changeDetectorRef the Angular ChangeDetectorRef
|
|
96
|
+
*/
|
|
97
|
+
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
98
|
+
/**
|
|
99
|
+
* Get the value of the component
|
|
100
|
+
*/
|
|
101
|
+
get value(): number;
|
|
102
|
+
/**
|
|
103
|
+
* Init component
|
|
104
|
+
*/
|
|
105
|
+
ngOnInit(): void;
|
|
106
|
+
/**
|
|
107
|
+
* Set internal value when external value changes
|
|
108
|
+
* @param value the external value
|
|
109
|
+
*/
|
|
110
|
+
writeValue(value: number): void;
|
|
111
|
+
/**
|
|
112
|
+
* Register onChange function
|
|
113
|
+
* @param fn the function to register
|
|
114
|
+
*/
|
|
115
|
+
registerOnChange(fn: any): void;
|
|
116
|
+
/**
|
|
117
|
+
* Register onTouched function
|
|
118
|
+
* @param fn the function to register
|
|
119
|
+
*/
|
|
120
|
+
registerOnTouched(fn: any): void;
|
|
121
|
+
/**
|
|
122
|
+
* Set the disabled state of the component
|
|
123
|
+
* @param isDisabled disabled or not
|
|
124
|
+
*/
|
|
125
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
126
|
+
/**
|
|
127
|
+
* Update value on input
|
|
128
|
+
* @param value the new value of the component
|
|
129
|
+
*/
|
|
130
|
+
handleInput(value: number): void;
|
|
131
|
+
/**
|
|
132
|
+
* Prevent the paste event from completing
|
|
133
|
+
* @param event the paste ClipboardEvent
|
|
134
|
+
*/
|
|
135
|
+
preventPaste(event: ClipboardEvent): void;
|
|
136
|
+
/**
|
|
137
|
+
* Set the slider width
|
|
138
|
+
* @private
|
|
139
|
+
*/
|
|
140
|
+
private setSliderWidth;
|
|
141
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
|
|
142
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "particle-slider", never, { "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputClassList": { "alias": "inputClassList"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "input": "input"; }, never, never, false, never>;
|
|
143
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./slider.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/forms";
|
|
5
|
+
export declare class ParticleSliderModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleSliderModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleSliderModule, [typeof i1.SliderComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.SliderComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleSliderModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ThemingService } from '../services/theming.service';
|
|
2
|
+
import { Theme } from '../models/theme.model';
|
|
3
|
+
import { DropdownOption } from '../../dropdown/models/dropdown-option.model';
|
|
4
|
+
import { ThemingText } from '../../../shared/models/particle-component-text.model';
|
|
5
|
+
import { Observable } from 'rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* This will produce a dropdown that can be embedded to allow a user to choose their theme.
|
|
9
|
+
*/
|
|
10
|
+
export declare class ThemingComponent {
|
|
11
|
+
private themingService;
|
|
12
|
+
/**
|
|
13
|
+
* Constructor
|
|
14
|
+
*
|
|
15
|
+
* @param themingService
|
|
16
|
+
*/
|
|
17
|
+
constructor(themingService: ThemingService);
|
|
18
|
+
/**
|
|
19
|
+
* Override class for the embedded dropdown
|
|
20
|
+
*/
|
|
21
|
+
selectClass: string;
|
|
22
|
+
/**
|
|
23
|
+
* ID for the embedded dropdown (allows for linking a label)
|
|
24
|
+
*/
|
|
25
|
+
selectId: string;
|
|
26
|
+
text: ThemingText;
|
|
27
|
+
/**
|
|
28
|
+
* Selected Theme ID
|
|
29
|
+
*/
|
|
30
|
+
private _themeId;
|
|
31
|
+
/**
|
|
32
|
+
* List of available themes
|
|
33
|
+
*/
|
|
34
|
+
readonly options$: Observable<Array<DropdownOption>>;
|
|
35
|
+
readonly themes$: Observable<Array<Theme>>;
|
|
36
|
+
readonly selectedTheme$: Observable<Theme>;
|
|
37
|
+
/**
|
|
38
|
+
* Update the user's selected theme
|
|
39
|
+
*/
|
|
40
|
+
changeTheme(selectedValue: string | number, themes: Array<Theme>): void;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ThemingComponent, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ThemingComponent, "particle-theming", never, { "selectClass": { "alias": "selectClass"; "required": false; }; "selectId": { "alias": "selectId"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, never, false, never>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
export declare const Z_INDEX_LAYERS: {
|
|
2
|
+
BASE: string;
|
|
3
|
+
FRAME: string;
|
|
4
|
+
OVERLAY: string;
|
|
5
|
+
DIALOG: string;
|
|
6
|
+
NOTIFICATION: string;
|
|
7
|
+
};
|
|
8
|
+
export interface Theme {
|
|
9
|
+
themeId: string;
|
|
10
|
+
isDefault: boolean;
|
|
11
|
+
name: string;
|
|
12
|
+
layoutColors: ThemeLayoutColors;
|
|
13
|
+
layoutVariables: ThemeLayoutVariables;
|
|
14
|
+
stylingVariables: ThemeStylingVariables;
|
|
15
|
+
colorPalette: ThemeColorPalette;
|
|
16
|
+
buttonColorPalette: ThemeButtonColorPalette;
|
|
17
|
+
fonts: Array<ThemeFont>;
|
|
18
|
+
accessibility: ThemeAccessibility;
|
|
19
|
+
zIndexList?: Array<string>;
|
|
20
|
+
}
|
|
21
|
+
export interface ThemeLayoutColors {
|
|
22
|
+
menuColor: string;
|
|
23
|
+
headerColor: string;
|
|
24
|
+
footerColor: string;
|
|
25
|
+
bodyColor: string;
|
|
26
|
+
contentColor: string;
|
|
27
|
+
}
|
|
28
|
+
export interface ThemeColorPalette {
|
|
29
|
+
bgRed: string;
|
|
30
|
+
bgOrange: string;
|
|
31
|
+
bgYellow: string;
|
|
32
|
+
bgGreen: string;
|
|
33
|
+
bgBlue: string;
|
|
34
|
+
bgPurple: string;
|
|
35
|
+
bgBrown: string;
|
|
36
|
+
bgGrey: string;
|
|
37
|
+
extension: Array<ThemeColorPaletteExtension>;
|
|
38
|
+
}
|
|
39
|
+
export interface ThemeButtonColorPalette {
|
|
40
|
+
okButtonColor: string;
|
|
41
|
+
cancelButtonColor: string;
|
|
42
|
+
deleteButtonColor: string;
|
|
43
|
+
saveButtonColor: string;
|
|
44
|
+
nextButtonColor: string;
|
|
45
|
+
previousButtonColor: string;
|
|
46
|
+
openButtonColor: string;
|
|
47
|
+
closeButtonColor: string;
|
|
48
|
+
}
|
|
49
|
+
export interface ThemeLayoutVariables {
|
|
50
|
+
disableGlobalHeaderFooter: boolean;
|
|
51
|
+
headerHeight: string;
|
|
52
|
+
footerHeight: string;
|
|
53
|
+
menuWidth?: string;
|
|
54
|
+
}
|
|
55
|
+
export interface ThemeStylingVariables {
|
|
56
|
+
inputTextSize: string;
|
|
57
|
+
inputLabelSize: string;
|
|
58
|
+
inputHeight: string;
|
|
59
|
+
inputBgColor: string;
|
|
60
|
+
inputPadding: string;
|
|
61
|
+
borderColor: string;
|
|
62
|
+
borderSize: string;
|
|
63
|
+
borderRadius: string;
|
|
64
|
+
tooltipBackgroundColor: string;
|
|
65
|
+
tooltipTextSize: string;
|
|
66
|
+
tooltipBorderSize: string;
|
|
67
|
+
tooltipBorderColor: string;
|
|
68
|
+
tooltipCaretSize?: string;
|
|
69
|
+
}
|
|
70
|
+
export interface ThemeColorPaletteExtension {
|
|
71
|
+
className: string;
|
|
72
|
+
color?: string;
|
|
73
|
+
textColor?: string;
|
|
74
|
+
}
|
|
75
|
+
export interface ThemeFont {
|
|
76
|
+
name: string;
|
|
77
|
+
id?: string;
|
|
78
|
+
source?: 'google' | 'adobe';
|
|
79
|
+
isDefault?: boolean;
|
|
80
|
+
isSerif?: boolean;
|
|
81
|
+
}
|
|
82
|
+
export interface ThemeAccessibility {
|
|
83
|
+
enabled: boolean;
|
|
84
|
+
highlightColor: string;
|
|
85
|
+
highlightThickness: string;
|
|
86
|
+
highlightOffset: string;
|
|
87
|
+
hoverEnabled: boolean;
|
|
88
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Service to allow for components/services to listen for theme changes
|
|
5
|
+
*/
|
|
6
|
+
export declare class ThemeChangeDetectionService {
|
|
7
|
+
/**
|
|
8
|
+
* Subject that fires when the theme is changed
|
|
9
|
+
* @private
|
|
10
|
+
*/
|
|
11
|
+
private readonly _themeChanged;
|
|
12
|
+
/**
|
|
13
|
+
* Dependency injection site
|
|
14
|
+
*/
|
|
15
|
+
constructor();
|
|
16
|
+
/**
|
|
17
|
+
* Trigger a theme change event
|
|
18
|
+
*/
|
|
19
|
+
changeTheme(): void;
|
|
20
|
+
/**
|
|
21
|
+
* Listen for theme change events
|
|
22
|
+
*/
|
|
23
|
+
listen(): Observable<void>;
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ThemeChangeDetectionService, never>;
|
|
25
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ThemeChangeDetectionService>;
|
|
26
|
+
}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { Theme } from '../models/theme.model';
|
|
3
|
+
import { ThemeChangeDetectionService } from './theme-change-detection.service';
|
|
4
|
+
import { LocalStorageService } from '../../../shared/services/local-storage.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class ThemingService {
|
|
7
|
+
private localStorageService;
|
|
8
|
+
private themeChangeDetectionService;
|
|
9
|
+
private readonly defaultZIndexes;
|
|
10
|
+
/**
|
|
11
|
+
* Prefix used to build the key for local storage of the theme
|
|
12
|
+
*/
|
|
13
|
+
private readonly THEME_KEY;
|
|
14
|
+
/**
|
|
15
|
+
* A private BehaviorSubject to store the loaded themes
|
|
16
|
+
*/
|
|
17
|
+
private themes;
|
|
18
|
+
private $selectedTheme;
|
|
19
|
+
get selectedTheme(): Observable<Theme>;
|
|
20
|
+
/**
|
|
21
|
+
* Key for the product this is deployed into
|
|
22
|
+
*/
|
|
23
|
+
protected applicationName: string;
|
|
24
|
+
/**
|
|
25
|
+
* Constructor
|
|
26
|
+
*
|
|
27
|
+
* @param localStorageService
|
|
28
|
+
* @param themeChangeDetectionService
|
|
29
|
+
*/
|
|
30
|
+
constructor(localStorageService: LocalStorageService, themeChangeDetectionService: ThemeChangeDetectionService);
|
|
31
|
+
/**
|
|
32
|
+
* Converts a JSON property name to snake case
|
|
33
|
+
*
|
|
34
|
+
* @param prop
|
|
35
|
+
*/
|
|
36
|
+
private toSnakeCase;
|
|
37
|
+
private toKebabCase;
|
|
38
|
+
private convertUnderscoreToDash;
|
|
39
|
+
/**
|
|
40
|
+
* For the given color, it'll lighten or darken the color by the percentage supplied. Positive percent will lighten, negative to darken.
|
|
41
|
+
*
|
|
42
|
+
* @param color
|
|
43
|
+
* @param percent
|
|
44
|
+
*/
|
|
45
|
+
private lightenDarkenColor;
|
|
46
|
+
/**
|
|
47
|
+
* Converts a hex value to a Javascript object with r,g, and b variables.
|
|
48
|
+
*
|
|
49
|
+
* @param hex
|
|
50
|
+
*/
|
|
51
|
+
private hexToRgb;
|
|
52
|
+
/**
|
|
53
|
+
* Generates a random hex color
|
|
54
|
+
*/
|
|
55
|
+
getRandomColor(): string;
|
|
56
|
+
/**
|
|
57
|
+
* On App Initialization (in app.component.ts, ngOnInit) call this to load themes and apply the user selected theme or default theme.
|
|
58
|
+
*
|
|
59
|
+
* @param applicationName
|
|
60
|
+
* @param themes
|
|
61
|
+
*/
|
|
62
|
+
appInit(applicationName: string, themes: Theme[]): void;
|
|
63
|
+
/**
|
|
64
|
+
* Return the themes for the current app
|
|
65
|
+
*/
|
|
66
|
+
getThemes(): Observable<Theme[]>;
|
|
67
|
+
/**
|
|
68
|
+
* Apply the selected theme
|
|
69
|
+
*/
|
|
70
|
+
applySettings(): void;
|
|
71
|
+
/**
|
|
72
|
+
* Constructs a theme object based on another theme object
|
|
73
|
+
*
|
|
74
|
+
* @param theme
|
|
75
|
+
*/
|
|
76
|
+
generateTheme(theme?: Theme): Theme;
|
|
77
|
+
/**
|
|
78
|
+
* Returns a list of the color classes specifically based on the properties of the theme model
|
|
79
|
+
*/
|
|
80
|
+
getClassesFromTheme(theme: Theme): string[];
|
|
81
|
+
/**
|
|
82
|
+
* Returns the user selected theme from local storage
|
|
83
|
+
*/
|
|
84
|
+
getTheme(): Theme;
|
|
85
|
+
/**
|
|
86
|
+
* Persists the user selected theme in local storage
|
|
87
|
+
*
|
|
88
|
+
* @param settings
|
|
89
|
+
*/
|
|
90
|
+
saveTheme(settings: Theme): void;
|
|
91
|
+
/**
|
|
92
|
+
* Writes the theme information to a style tag in the header so that the theme is applied.
|
|
93
|
+
*
|
|
94
|
+
* @param theme
|
|
95
|
+
* @param prefix
|
|
96
|
+
*/
|
|
97
|
+
changeColors(theme: Theme, prefix?: string): void;
|
|
98
|
+
private addHashmark;
|
|
99
|
+
private addFonts;
|
|
100
|
+
private fontExists;
|
|
101
|
+
removeThemeFromHeader(prefix: string): void;
|
|
102
|
+
/**
|
|
103
|
+
* Determines the contrast between a given color and its auto-selected text color
|
|
104
|
+
*
|
|
105
|
+
* @param color
|
|
106
|
+
*/
|
|
107
|
+
getContrast(color: string): number;
|
|
108
|
+
/**
|
|
109
|
+
* Calculates luminance
|
|
110
|
+
*
|
|
111
|
+
* @param r
|
|
112
|
+
* @param g
|
|
113
|
+
* @param b
|
|
114
|
+
*/
|
|
115
|
+
private luminance;
|
|
116
|
+
private isDarkTheme;
|
|
117
|
+
/**
|
|
118
|
+
* Calculates the contrast
|
|
119
|
+
*
|
|
120
|
+
* @param rgb1
|
|
121
|
+
* @param rgb2
|
|
122
|
+
*/
|
|
123
|
+
private contrast;
|
|
124
|
+
/**
|
|
125
|
+
* Returns the maximally contrasting text color for the supplied background color
|
|
126
|
+
*
|
|
127
|
+
* @param color
|
|
128
|
+
*/
|
|
129
|
+
getTextColor(color: string): string;
|
|
130
|
+
/**
|
|
131
|
+
* Generates the CSS for each of the colors in the theme. Will write the base color and 9 light and dark variants of the given color.
|
|
132
|
+
*
|
|
133
|
+
* @param style
|
|
134
|
+
* @param color
|
|
135
|
+
* @param className
|
|
136
|
+
*/
|
|
137
|
+
private generateColors;
|
|
138
|
+
getDefaultZIndexes(): Array<string>;
|
|
139
|
+
private createZIndexes;
|
|
140
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ThemingService, never>;
|
|
141
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ThemingService>;
|
|
142
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./components/theming.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "@angular/platform-browser";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "@angular/platform-browser/animations";
|
|
7
|
+
import * as i6 from "../dropdown/dropdown.module";
|
|
8
|
+
export declare class ParticleThemingModule {
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleThemingModule, never>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleThemingModule, [typeof i1.ThemingComponent], [typeof i2.CommonModule, typeof i3.BrowserModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.BrowserAnimationsModule, typeof i6.ParticleDropdownModule], [typeof i1.ThemingComponent]>;
|
|
11
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleThemingModule>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ToggleOptions {
|
|
2
|
+
affirmativeColorClass?: string;
|
|
3
|
+
affirmativeLabel?: string;
|
|
4
|
+
affirmativeIcon?: string;
|
|
5
|
+
negativeColorClass?: string;
|
|
6
|
+
negativeLabel?: string;
|
|
7
|
+
negativeIcon?: string;
|
|
8
|
+
accessibilityLabel?: string;
|
|
9
|
+
toggleSwitchWidth: number;
|
|
10
|
+
toggleTrackWidth: number;
|
|
11
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { ToggleOptions } from './models/toggle-options.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ToggleSwitchComponent implements ControlValueAccessor {
|
|
6
|
+
private changeDetectorRef;
|
|
7
|
+
private _options$;
|
|
8
|
+
options$: import("rxjs").Observable<ToggleOptions>;
|
|
9
|
+
set options(options: ToggleOptions);
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
change: EventEmitter<boolean>;
|
|
12
|
+
private _value;
|
|
13
|
+
get value(): boolean;
|
|
14
|
+
set value(value: boolean);
|
|
15
|
+
/**
|
|
16
|
+
* Function called on change
|
|
17
|
+
*/
|
|
18
|
+
onChange: ((value: boolean) => void) | undefined;
|
|
19
|
+
/**
|
|
20
|
+
* Function called on touch
|
|
21
|
+
*/
|
|
22
|
+
onTouched: (() => void) | undefined;
|
|
23
|
+
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
24
|
+
handleClick(): void;
|
|
25
|
+
/**
|
|
26
|
+
* Register function on change
|
|
27
|
+
* @param fn the function to register
|
|
28
|
+
*/
|
|
29
|
+
registerOnChange(fn: any): void;
|
|
30
|
+
/**
|
|
31
|
+
* Register function on touch
|
|
32
|
+
* @param fn the function to register
|
|
33
|
+
*/
|
|
34
|
+
registerOnTouched(fn: any): void;
|
|
35
|
+
/**
|
|
36
|
+
* Set the disabled state
|
|
37
|
+
* @param isDisabled disabled or not
|
|
38
|
+
*/
|
|
39
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
40
|
+
writeValue(value: boolean): void;
|
|
41
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
|
|
42
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitchComponent, "particle-toggle-switch", never, { "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
|
|
43
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./toggle-switch.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class ParticleToggleSwitchModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ParticleToggleSwitchModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleToggleSwitchModule, [typeof i1.ToggleSwitchComponent], [typeof i2.CommonModule], [typeof i1.ToggleSwitchComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ParticleToggleSwitchModule>;
|
|
8
|
+
}
|