@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.
Files changed (208) hide show
  1. package/LICENSE +7 -0
  2. package/README.md +396 -0
  3. package/app/modules/accordion/accordion.component.d.ts +26 -0
  4. package/app/modules/accordion/accordion.module.d.ts +11 -0
  5. package/app/modules/accordion/directives/accordion-content.directive.d.ts +8 -0
  6. package/app/modules/accordion/directives/accordion-header.directive.d.ts +8 -0
  7. package/app/modules/accordion/directives/accordion-item.directive.d.ts +13 -0
  8. package/app/modules/background-carousel/background-carousel.directive.d.ts +42 -0
  9. package/app/modules/background-carousel/carousel-options.model.d.ts +30 -0
  10. package/app/modules/background-carousel/particle-background-carousel.module.d.ts +8 -0
  11. package/app/modules/checkbox/checkbox.component.d.ts +43 -0
  12. package/app/modules/checkbox/checkbox.module.d.ts +9 -0
  13. package/app/modules/color-picker/color-picker.component.d.ts +149 -0
  14. package/app/modules/color-picker/color-picker.module.d.ts +9 -0
  15. package/app/modules/date-picker/components/calendar/calendar.component.d.ts +211 -0
  16. package/app/modules/date-picker/components/date-range-picker/date-range-picker.component.d.ts +95 -0
  17. package/app/modules/date-picker/date-picker.component.d.ts +259 -0
  18. package/app/modules/date-picker/date-picker.module.d.ts +15 -0
  19. package/app/modules/dialog/dialog.component.d.ts +87 -0
  20. package/app/modules/dialog/dialog.module.d.ts +9 -0
  21. package/app/modules/dropdown/dropdown.component.d.ts +288 -0
  22. package/app/modules/dropdown/dropdown.module.d.ts +9 -0
  23. package/app/modules/dropdown/models/dropdown-option-group.model.d.ts +16 -0
  24. package/app/modules/dropdown/models/dropdown-option.model.d.ts +25 -0
  25. package/app/modules/endpoint-state/components/endpoint-state.component.d.ts +46 -0
  26. package/app/modules/endpoint-state/endpoint-state.module.d.ts +8 -0
  27. package/app/modules/icons/components/icon-select.component.d.ts +229 -0
  28. package/app/modules/icons/models/fontawesome-icons-brands.model.d.ts +13 -0
  29. package/app/modules/icons/models/fontawesome-icons-regular.model.d.ts +13 -0
  30. package/app/modules/icons/models/fontawesome-icons-solid.model.d.ts +13 -0
  31. package/app/modules/icons/models/particle-icons-light.model.d.ts +197 -0
  32. package/app/modules/icons/models/particle-icons-regular.model.d.ts +205 -0
  33. package/app/modules/icons/models/particle-icons-solid.model.d.ts +365 -0
  34. package/app/modules/icons/particle-icons.module.d.ts +13 -0
  35. package/app/modules/icons/services/icons.service.d.ts +44 -0
  36. package/app/modules/idle-timeout/idle-timeout.component.d.ts +35 -0
  37. package/app/modules/idle-timeout/idle-timer.d.ts +14 -0
  38. package/app/modules/idle-timeout/particle-idle-timeout.module.d.ts +9 -0
  39. package/app/modules/input-mask/input-mask.component.d.ts +86 -0
  40. package/app/modules/input-mask/input-mask.module.d.ts +8 -0
  41. package/app/modules/keyfilter/keyfilter.directive.d.ts +60 -0
  42. package/app/modules/keyfilter/keyfilter.module.d.ts +8 -0
  43. package/app/modules/layout/components/layout-full-framing/layout-full-framing.component.d.ts +27 -0
  44. package/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.d.ts +23 -0
  45. package/app/modules/layout/layout.module.d.ts +10 -0
  46. package/app/modules/loader/components/loader.component.d.ts +11 -0
  47. package/app/modules/loader/loader.module.d.ts +8 -0
  48. package/app/modules/multi-select/models/multi-select-option-group.model.d.ts +16 -0
  49. package/app/modules/multi-select/models/multi-select-option.model.d.ts +25 -0
  50. package/app/modules/multi-select/multi-select.component.d.ts +279 -0
  51. package/app/modules/multi-select/multi-select.module.d.ts +8 -0
  52. package/app/modules/notification/models/notification.model.d.ts +21 -0
  53. package/app/modules/notification/notification.component.d.ts +46 -0
  54. package/app/modules/notification/notification.module.d.ts +8 -0
  55. package/app/modules/notification/services/notification.service.d.ts +54 -0
  56. package/app/modules/ordinal-number-pipe/ordinal-number-pipe.module.d.ts +8 -0
  57. package/app/modules/ordinal-number-pipe/ordinal-number.pipe.d.ts +15 -0
  58. package/app/modules/paginator/pagination-event.model.d.ts +24 -0
  59. package/app/modules/paginator/paginator.component.d.ts +103 -0
  60. package/app/modules/paginator/particle-paginator.module.d.ts +13 -0
  61. package/app/modules/popover/popover.component.d.ts +140 -0
  62. package/app/modules/popover/popover.module.d.ts +9 -0
  63. package/app/modules/profile-pic/particle-profile-pic.module.d.ts +9 -0
  64. package/app/modules/profile-pic/profile-pic.component.d.ts +32 -0
  65. package/app/modules/progress-bar/progress-bar.component.d.ts +16 -0
  66. package/app/modules/progress-bar/progress-bar.module.d.ts +8 -0
  67. package/app/modules/push-container/particle-push-container.module.d.ts +9 -0
  68. package/app/modules/push-container/push-container-state.model.d.ts +7 -0
  69. package/app/modules/push-container/push-container.component.d.ts +137 -0
  70. package/app/modules/rich-text/particle-rich-text.module.d.ts +15 -0
  71. package/app/modules/rich-text/render-rich-text.component.d.ts +6 -0
  72. package/app/modules/rich-text/rich-text-capabilities.model.d.ts +7 -0
  73. package/app/modules/rich-text/rich-text.component.d.ts +48 -0
  74. package/app/modules/scroll-to-top/particle-scroll-to-top.module.d.ts +8 -0
  75. package/app/modules/scroll-to-top/scroll-to-top.component.d.ts +19 -0
  76. package/app/modules/slideover/particle-slideover.module.d.ts +8 -0
  77. package/app/modules/slideover/slideover.component.d.ts +35 -0
  78. package/app/modules/slider/slider.component.d.ts +143 -0
  79. package/app/modules/slider/slider.module.d.ts +9 -0
  80. package/app/modules/theming/components/theming.component.d.ts +43 -0
  81. package/app/modules/theming/models/theme.model.d.ts +88 -0
  82. package/app/modules/theming/services/theme-change-detection.service.d.ts +26 -0
  83. package/app/modules/theming/services/theming.service.d.ts +142 -0
  84. package/app/modules/theming/theming.module.d.ts +12 -0
  85. package/app/modules/toggle-switch/models/toggle-options.model.d.ts +11 -0
  86. package/app/modules/toggle-switch/toggle-switch.component.d.ts +43 -0
  87. package/app/modules/toggle-switch/toggle-switch.module.d.ts +8 -0
  88. package/app/modules/tooltip/tooltip.directive.d.ts +157 -0
  89. package/app/modules/tooltip/tooltip.module.d.ts +8 -0
  90. package/app/modules/week-picker/week-picker.component.d.ts +289 -0
  91. package/app/modules/week-picker/week-picker.module.d.ts +13 -0
  92. package/app/shared/enums/endpoint-status.enum.d.ts +9 -0
  93. package/app/shared/interceptors/json.interceptor.d.ts +17 -0
  94. package/app/shared/models/auditable.model.d.ts +21 -0
  95. package/app/shared/models/data-list.model.d.ts +9 -0
  96. package/app/shared/models/id.model.d.ts +9 -0
  97. package/app/shared/models/observable-container.d.ts +8 -0
  98. package/app/shared/models/particle-component-text.model.d.ts +211 -0
  99. package/app/shared/services/base-data.service.d.ts +130 -0
  100. package/app/shared/services/dialog.service.d.ts +10 -0
  101. package/app/shared/services/local-storage.service.d.ts +41 -0
  102. package/esm2022/app/modules/accordion/accordion.component.mjs +101 -0
  103. package/esm2022/app/modules/accordion/accordion.module.mjs +37 -0
  104. package/esm2022/app/modules/accordion/directives/accordion-content.directive.mjs +17 -0
  105. package/esm2022/app/modules/accordion/directives/accordion-header.directive.mjs +17 -0
  106. package/esm2022/app/modules/accordion/directives/accordion-item.directive.mjs +36 -0
  107. package/esm2022/app/modules/background-carousel/background-carousel.directive.mjs +91 -0
  108. package/esm2022/app/modules/background-carousel/carousel-options.model.mjs +36 -0
  109. package/esm2022/app/modules/background-carousel/particle-background-carousel.module.mjs +24 -0
  110. package/esm2022/app/modules/checkbox/checkbox.component.mjs +108 -0
  111. package/esm2022/app/modules/checkbox/checkbox.module.mjs +28 -0
  112. package/esm2022/app/modules/color-picker/color-picker.component.mjs +306 -0
  113. package/esm2022/app/modules/color-picker/color-picker.module.mjs +19 -0
  114. package/esm2022/app/modules/date-picker/components/calendar/calendar.component.mjs +496 -0
  115. package/esm2022/app/modules/date-picker/components/date-range-picker/date-range-picker.component.mjs +250 -0
  116. package/esm2022/app/modules/date-picker/date-picker.component.mjs +538 -0
  117. package/esm2022/app/modules/date-picker/date-picker.module.mjs +56 -0
  118. package/esm2022/app/modules/dialog/dialog.component.mjs +177 -0
  119. package/esm2022/app/modules/dialog/dialog.module.mjs +28 -0
  120. package/esm2022/app/modules/dropdown/dropdown.component.mjs +682 -0
  121. package/esm2022/app/modules/dropdown/dropdown.module.mjs +28 -0
  122. package/esm2022/app/modules/dropdown/models/dropdown-option-group.model.mjs +2 -0
  123. package/esm2022/app/modules/dropdown/models/dropdown-option.model.mjs +2 -0
  124. package/esm2022/app/modules/endpoint-state/components/endpoint-state.component.mjs +75 -0
  125. package/esm2022/app/modules/endpoint-state/endpoint-state.module.mjs +22 -0
  126. package/esm2022/app/modules/icons/components/icon-select.component.mjs +377 -0
  127. package/esm2022/app/modules/icons/models/fontawesome-icons-brands.model.mjs +471 -0
  128. package/esm2022/app/modules/icons/models/fontawesome-icons-regular.model.mjs +166 -0
  129. package/esm2022/app/modules/icons/models/fontawesome-icons-solid.model.mjs +1016 -0
  130. package/esm2022/app/modules/icons/models/particle-icons-light.model.mjs +310 -0
  131. package/esm2022/app/modules/icons/models/particle-icons-regular.model.mjs +324 -0
  132. package/esm2022/app/modules/icons/models/particle-icons-solid.model.mjs +581 -0
  133. package/esm2022/app/modules/icons/particle-icons.module.mjs +66 -0
  134. package/esm2022/app/modules/icons/services/icons.service.mjs +86 -0
  135. package/esm2022/app/modules/idle-timeout/idle-timeout.component.mjs +85 -0
  136. package/esm2022/app/modules/idle-timeout/idle-timer.mjs +66 -0
  137. package/esm2022/app/modules/idle-timeout/particle-idle-timeout.module.mjs +28 -0
  138. package/esm2022/app/modules/input-mask/input-mask.component.mjs +594 -0
  139. package/esm2022/app/modules/input-mask/input-mask.module.mjs +18 -0
  140. package/esm2022/app/modules/keyfilter/keyfilter.directive.mjs +158 -0
  141. package/esm2022/app/modules/keyfilter/keyfilter.module.mjs +18 -0
  142. package/esm2022/app/modules/layout/components/layout-full-framing/layout-full-framing.component.mjs +79 -0
  143. package/esm2022/app/modules/layout/components/layout-fullwidth-sidebar/layout-fullwidth-sidebar.component.mjs +65 -0
  144. package/esm2022/app/modules/layout/layout.module.mjs +33 -0
  145. package/esm2022/app/modules/loader/components/loader.component.mjs +30 -0
  146. package/esm2022/app/modules/loader/loader.module.mjs +24 -0
  147. package/esm2022/app/modules/multi-select/models/multi-select-option-group.model.mjs +2 -0
  148. package/esm2022/app/modules/multi-select/models/multi-select-option.model.mjs +2 -0
  149. package/esm2022/app/modules/multi-select/multi-select.component.mjs +665 -0
  150. package/esm2022/app/modules/multi-select/multi-select.module.mjs +18 -0
  151. package/esm2022/app/modules/notification/models/notification.model.mjs +2 -0
  152. package/esm2022/app/modules/notification/notification.component.mjs +122 -0
  153. package/esm2022/app/modules/notification/notification.module.mjs +18 -0
  154. package/esm2022/app/modules/notification/services/notification.service.mjs +84 -0
  155. package/esm2022/app/modules/ordinal-number-pipe/ordinal-number-pipe.module.mjs +20 -0
  156. package/esm2022/app/modules/ordinal-number-pipe/ordinal-number.pipe.mjs +49 -0
  157. package/esm2022/app/modules/paginator/pagination-event.model.mjs +29 -0
  158. package/esm2022/app/modules/paginator/paginator.component.mjs +207 -0
  159. package/esm2022/app/modules/paginator/particle-paginator.module.mjs +48 -0
  160. package/esm2022/app/modules/popover/popover.component.mjs +352 -0
  161. package/esm2022/app/modules/popover/popover.module.mjs +24 -0
  162. package/esm2022/app/modules/profile-pic/particle-profile-pic.module.mjs +28 -0
  163. package/esm2022/app/modules/profile-pic/profile-pic.component.mjs +74 -0
  164. package/esm2022/app/modules/progress-bar/progress-bar.component.mjs +43 -0
  165. package/esm2022/app/modules/progress-bar/progress-bar.module.mjs +24 -0
  166. package/esm2022/app/modules/push-container/particle-push-container.module.mjs +26 -0
  167. package/esm2022/app/modules/push-container/push-container-state.model.mjs +2 -0
  168. package/esm2022/app/modules/push-container/push-container.component.mjs +363 -0
  169. package/esm2022/app/modules/rich-text/particle-rich-text.module.mjs +64 -0
  170. package/esm2022/app/modules/rich-text/render-rich-text.component.mjs +18 -0
  171. package/esm2022/app/modules/rich-text/rich-text-capabilities.model.mjs +2 -0
  172. package/esm2022/app/modules/rich-text/rich-text.component.mjs +187 -0
  173. package/esm2022/app/modules/scroll-to-top/particle-scroll-to-top.module.mjs +24 -0
  174. package/esm2022/app/modules/scroll-to-top/scroll-to-top.component.mjs +49 -0
  175. package/esm2022/app/modules/slideover/particle-slideover.module.mjs +24 -0
  176. package/esm2022/app/modules/slideover/slideover.component.mjs +115 -0
  177. package/esm2022/app/modules/slider/slider.component.mjs +243 -0
  178. package/esm2022/app/modules/slider/slider.module.mjs +26 -0
  179. package/esm2022/app/modules/theming/components/theming.component.mjs +86 -0
  180. package/esm2022/app/modules/theming/models/theme.model.mjs +9 -0
  181. package/esm2022/app/modules/theming/services/theme-change-detection.service.mjs +38 -0
  182. package/esm2022/app/modules/theming/services/theming.service.mjs +507 -0
  183. package/esm2022/app/modules/theming/theming.module.mjs +55 -0
  184. package/esm2022/app/modules/toggle-switch/models/toggle-options.model.mjs +2 -0
  185. package/esm2022/app/modules/toggle-switch/toggle-switch.component.mjs +107 -0
  186. package/esm2022/app/modules/toggle-switch/toggle-switch.module.mjs +24 -0
  187. package/esm2022/app/modules/tooltip/tooltip.directive.mjs +381 -0
  188. package/esm2022/app/modules/tooltip/tooltip.module.mjs +18 -0
  189. package/esm2022/app/modules/week-picker/week-picker.component.mjs +511 -0
  190. package/esm2022/app/modules/week-picker/week-picker.module.mjs +40 -0
  191. package/esm2022/app/shared/enums/endpoint-status.enum.mjs +11 -0
  192. package/esm2022/app/shared/interceptors/json.interceptor.mjs +23 -0
  193. package/esm2022/app/shared/models/auditable.model.mjs +2 -0
  194. package/esm2022/app/shared/models/data-list.model.mjs +2 -0
  195. package/esm2022/app/shared/models/id.model.mjs +2 -0
  196. package/esm2022/app/shared/models/observable-container.mjs +15 -0
  197. package/esm2022/app/shared/models/particle-component-text.model.mjs +2 -0
  198. package/esm2022/app/shared/services/base-data.service.mjs +190 -0
  199. package/esm2022/app/shared/services/dialog.service.mjs +50 -0
  200. package/esm2022/app/shared/services/local-storage.service.mjs +60 -0
  201. package/esm2022/entake-particle.mjs +5 -0
  202. package/esm2022/public_api.mjs +98 -0
  203. package/fesm2022/entake-particle.mjs +12477 -0
  204. package/fesm2022/entake-particle.mjs.map +1 -0
  205. package/index.d.ts +5 -0
  206. package/package.json +65 -0
  207. package/particle.css +1 -0
  208. 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
+ }