@design-factory/design-factory 19.1.3 → 20.0.0-next.1

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 (181) hide show
  1. package/design-factory-initial-branding.css +1 -1
  2. package/design-factory.css +2 -2
  3. package/fesm2022/design-factory.mjs +511 -389
  4. package/fesm2022/design-factory.mjs.map +1 -1
  5. package/index.d.ts +1801 -2
  6. package/package.json +14 -16
  7. package/schematics/migrations/20_0_0/navbar-toggler-logo-svg/index.d.ts +7 -0
  8. package/schematics/migrations/20_0_0/navbar-toggler-logo-svg/index.js +47 -0
  9. package/schematics/migrations/migration.json +6 -0
  10. package/styles/scss/_common.scss +1 -1
  11. package/styles/scss/_common.variables.scss +4 -2
  12. package/styles/scss/_variables.scss +1 -0
  13. package/styles/scss/agnosui/_variables.scss +2 -2
  14. package/styles/scss/bootstrap/_variables.scss +13 -6
  15. package/styles/scss/components/accordion/_accordion.scss +12 -1
  16. package/styles/scss/components/alert/_alert.scss +15 -7
  17. package/styles/scss/components/badge/_badge.mixins.scss +12 -0
  18. package/styles/scss/components/badge/_badge.scss +263 -75
  19. package/styles/scss/components/badge/_badge.variables.scss +8 -0
  20. package/styles/scss/components/brand-color/_brand-color.mixins.scss +2 -2
  21. package/styles/scss/components/breadcrumbs/_breadcrumbs.scss +12 -9
  22. package/styles/scss/components/breadcrumbs/_breadcrumbs.variables.scss +3 -3
  23. package/styles/scss/components/button/_button.scss +384 -59
  24. package/styles/scss/components/button/_button.variables.scss +1 -3
  25. package/styles/scss/components/card/_card.scss +14 -0
  26. package/styles/scss/components/card/_card.variables.scss +2 -0
  27. package/styles/scss/components/carousel/_carousel.scss +2 -2
  28. package/styles/scss/components/checkbox/_checkbox.scss +11 -4
  29. package/styles/scss/components/datepicker/_datepicker.scss +1 -1
  30. package/styles/scss/components/dropdown/_dropdown.scss +4 -2
  31. package/styles/scss/components/dropdown/_dropdown.variables.scss +1 -0
  32. package/styles/scss/components/fieldset/_fieldset.scss +2 -2
  33. package/styles/scss/components/fieldset/_fieldset.variables.scss +1 -1
  34. package/styles/scss/components/fonts/_fonts-family.scss +8 -8
  35. package/styles/scss/components/fonts/multi-lang/_arabic.mixins.scss +5 -1
  36. package/styles/scss/components/fonts/multi-lang/_chinese.mixins.scss +13 -4
  37. package/styles/scss/components/fonts/multi-lang/_georgian.mixins.scss +5 -1
  38. package/styles/scss/components/fonts/multi-lang/_hebrew.mixins.scss +5 -1
  39. package/styles/scss/components/fonts/multi-lang/_japanese.mixins.scss +15 -5
  40. package/styles/scss/components/fonts/multi-lang/_korean.mixins.scss +12 -4
  41. package/styles/scss/components/footer/_footer.mixins.scss +36 -0
  42. package/styles/scss/components/footer/_footer.scss +49 -15
  43. package/styles/scss/components/footer/_footer.variables.scss +0 -1
  44. package/styles/scss/components/form/_form.scss +31 -1
  45. package/styles/scss/components/icon/_amadeus-icon.scss +2 -2
  46. package/styles/scss/components/inputs/_inputs.mixin.scss +2 -2
  47. package/styles/scss/components/inputs/_inputs.scss +3 -3
  48. package/styles/scss/components/link/_link.mixins.scss +72 -75
  49. package/styles/scss/components/link/_link.scss +26 -32
  50. package/styles/scss/components/link/_link.variables.scss +3 -0
  51. package/styles/scss/components/list-group/_list-group.scss +30 -5
  52. package/styles/scss/components/list-group/_list-group.variables.scss +6 -2
  53. package/styles/scss/components/media/_media.scss +8 -1
  54. package/styles/scss/components/media/_media.variables.scss +2 -0
  55. package/styles/scss/components/modal/_modal.scss +17 -4
  56. package/styles/scss/components/modal/_modal.variables.scss +1 -0
  57. package/styles/scss/components/navbar/_navbar.mixins.scss +55 -0
  58. package/styles/scss/components/navbar/_navbar.scss +180 -71
  59. package/styles/scss/components/navbar/_navbar.variables.scss +42 -13
  60. package/styles/scss/components/pagination/_pagination.scss +51 -2
  61. package/styles/scss/components/pagination/_pagination.variables.scss +3 -0
  62. package/styles/scss/components/popover/_popover.mixin.scss +1 -1
  63. package/styles/scss/components/popover/_popover.scss +1 -1
  64. package/styles/scss/components/popover/_popover.variables.scss +4 -0
  65. package/styles/scss/components/progressbar/_progressbar.scss +11 -0
  66. package/styles/scss/components/progressbar/_progressbar.variables.scss +5 -0
  67. package/styles/scss/components/radio/_radio.scss +11 -4
  68. package/styles/scss/components/radio/_radio.variables.scss +1 -0
  69. package/styles/scss/components/rating/_rating.scss +21 -3
  70. package/styles/scss/components/scrollspy/_scrollspy.scss +8 -1
  71. package/styles/scss/components/select/_select.mixin.scss +34 -0
  72. package/styles/scss/components/select/_select.scss +5 -19
  73. package/styles/scss/components/select/_select.variables.scss +2 -0
  74. package/styles/scss/components/sidenav/_sidenav.scss +2 -2
  75. package/styles/scss/components/speechbubble/_speechbubble.scss +19 -0
  76. package/styles/scss/components/speechbubble/_speechbubble.variables.scss +6 -0
  77. package/styles/scss/components/spinner/_spinner.scss +19 -0
  78. package/styles/scss/components/spinner/_spinner.variables.scss +6 -0
  79. package/styles/scss/components/stepper/_stepper.scss +29 -3
  80. package/styles/scss/components/stepper/_stepper.variables.scss +13 -4
  81. package/styles/scss/components/table/_advancedtables.scss +9 -5
  82. package/styles/scss/components/table/_table.scss +6 -0
  83. package/styles/scss/components/table/_table.variables.scss +3 -0
  84. package/styles/scss/components/tabs/_tabs.scss +12 -1
  85. package/styles/scss/components/timepicker/_timepicker.scss +5 -0
  86. package/styles/scss/components/timepicker/_timepicker.variables.scss +1 -0
  87. package/styles/scss/components/toast/_toast.scss +31 -9
  88. package/styles/scss/components/toggle/_toggle.scss +2 -1
  89. package/styles/scss/components/toggle/_toggle.variables.scss +1 -0
  90. package/styles/scss/components/tooltip/_tooltip.scss +12 -0
  91. package/styles/scss/components/tooltip/_tooltip.variables.scss +4 -0
  92. package/styles/scss/df-styles.scss +1 -0
  93. package/styles/scss/themes/brand2023/_variables.scss +477 -457
  94. package/styles/scss/themes/brand2023/tokens/_figma.gen.scss +3028 -0
  95. package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss +898 -0
  96. package/styles/scss/utilities/_common.utilities.scss +49 -1
  97. package/environment.d.ts +0 -4
  98. package/lib/angular/accessibility/accessibility.module.d.ts +0 -10
  99. package/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.d.ts +0 -7
  100. package/lib/angular/accessibility/directives/skip-link.directive.d.ts +0 -9
  101. package/lib/angular/alert/alert.module.d.ts +0 -8
  102. package/lib/angular/animation/ngbTransition.d.ts +0 -16
  103. package/lib/angular/animation/util.d.ts +0 -14
  104. package/lib/angular/card/card-advanced.module.d.ts +0 -8
  105. package/lib/angular/card/manage-card-selection.directive.d.ts +0 -13
  106. package/lib/angular/datepicker/datepicker-keyboard-nav.service.d.ts +0 -7
  107. package/lib/angular/datepicker/datepicker-range.directive.d.ts +0 -30
  108. package/lib/angular/datepicker/datepicker-range.service.d.ts +0 -32
  109. package/lib/angular/datepicker/datepicker.module.d.ts +0 -10
  110. package/lib/angular/df.module.d.ts +0 -26
  111. package/lib/angular/footer/footer.module.d.ts +0 -8
  112. package/lib/angular/icon/amadeus-icon.d.ts +0 -5
  113. package/lib/angular/icon/icon.module.d.ts +0 -8
  114. package/lib/angular/icon/insert/insert-icon.directive.d.ts +0 -12
  115. package/lib/angular/icon/insert/insert-icon.module.d.ts +0 -8
  116. package/lib/angular/inputs/click/trigger-click.directive.d.ts +0 -9
  117. package/lib/angular/inputs/icon/inputicon.directive.d.ts +0 -29
  118. package/lib/angular/inputs/input-advanced.module.d.ts +0 -10
  119. package/lib/angular/mediaqueries/ifMedia.directive.d.ts +0 -25
  120. package/lib/angular/mediaqueries/media.module.d.ts +0 -8
  121. package/lib/angular/mediaqueries/media.service.d.ts +0 -24
  122. package/lib/angular/mediaqueries/mediaUtils.service.d.ts +0 -75
  123. package/lib/angular/modal/modal.service.d.ts +0 -17
  124. package/lib/angular/popover/config/popover.config.d.ts +0 -7
  125. package/lib/angular/popover/popover.module.d.ts +0 -7
  126. package/lib/angular/progressbar/progressbar.component.d.ts +0 -61
  127. package/lib/angular/progressbar/progressbar.module.d.ts +0 -9
  128. package/lib/angular/progressindicator/default/default-spinner.component.d.ts +0 -8
  129. package/lib/angular/progressindicator/progressindicator-backdrop.component.d.ts +0 -8
  130. package/lib/angular/progressindicator/progressindicator-config.d.ts +0 -54
  131. package/lib/angular/progressindicator/progressindicator-container.component.d.ts +0 -11
  132. package/lib/angular/progressindicator/progressindicator-ref.d.ts +0 -9
  133. package/lib/angular/progressindicator/progressindicator.directive.d.ts +0 -16
  134. package/lib/angular/progressindicator/progressindicator.module.d.ts +0 -15
  135. package/lib/angular/progressindicator/progressindicator.service.d.ts +0 -33
  136. package/lib/angular/right-to-left/directionDetection.service.d.ts +0 -12
  137. package/lib/angular/selects/events/manage-badge-events.directive.d.ts +0 -15
  138. package/lib/angular/selects/nav/manage-nav-select.directive.d.ts +0 -20
  139. package/lib/angular/selects/option-highlight.directive.d.ts +0 -14
  140. package/lib/angular/selects/select.model.d.ts +0 -1
  141. package/lib/angular/selects/select.module.d.ts +0 -13
  142. package/lib/angular/sidenav/dfSideNavAnimation.d.ts +0 -7
  143. package/lib/angular/sidenav/dfSideNavCollapse.d.ts +0 -46
  144. package/lib/angular/sidenav/dfSideNavCollapse.module.d.ts +0 -9
  145. package/lib/angular/sidenav/dfSideNavCollapse.service.d.ts +0 -24
  146. package/lib/angular/sidenav/dfSideNavCollapseConfig.d.ts +0 -17
  147. package/lib/angular/sidenav/excludeTrap.directive.d.ts +0 -30
  148. package/lib/angular/sidenav/manage-sidenav.directive.d.ts +0 -10
  149. package/lib/angular/sidenav/sidenav-config.d.ts +0 -17
  150. package/lib/angular/sidenav/sidenav.component.d.ts +0 -43
  151. package/lib/angular/sidenav/sidenav.module.d.ts +0 -14
  152. package/lib/angular/sidenav/sidenav.service.d.ts +0 -180
  153. package/lib/angular/sidenav/sidenavlist.component.d.ts +0 -25
  154. package/lib/angular/slider/direction/sliderdirection.directive.d.ts +0 -13
  155. package/lib/angular/slider/lib/change-context.d.ts +0 -6
  156. package/lib/angular/slider/lib/compatibility-helper.d.ts +0 -7
  157. package/lib/angular/slider/lib/event-listener-helper.d.ts +0 -13
  158. package/lib/angular/slider/lib/event-listener.d.ts +0 -7
  159. package/lib/angular/slider/lib/math-helper.d.ts +0 -6
  160. package/lib/angular/slider/lib/options.d.ts +0 -241
  161. package/lib/angular/slider/lib/pointer-type.d.ts +0 -7
  162. package/lib/angular/slider/lib/slider-element.directive.d.ts +0 -51
  163. package/lib/angular/slider/lib/slider-handle.directive.d.ts +0 -22
  164. package/lib/angular/slider/lib/slider-label.directive.d.ts +0 -14
  165. package/lib/angular/slider/lib/slider.component.d.ts +0 -193
  166. package/lib/angular/slider/lib/tooltip-wrapper.component.d.ts +0 -13
  167. package/lib/angular/slider/lib/value-helper.d.ts +0 -13
  168. package/lib/angular/slider/slider.module.d.ts +0 -16
  169. package/lib/angular/stepper/stepper.component.d.ts +0 -30
  170. package/lib/angular/stepper/stepper.directive.d.ts +0 -37
  171. package/lib/angular/stepper/stepper.module.d.ts +0 -8
  172. package/lib/angular/stepper/stepper.service.d.ts +0 -132
  173. package/lib/angular/toast/toast.module.d.ts +0 -8
  174. package/lib/angular/tooltip/tooltip.module.d.ts +0 -9
  175. package/lib/angular/tooltip/truncate/tooltipTruncate.directive.d.ts +0 -19
  176. package/lib/angular/utils/html-element-helper.d.ts +0 -15
  177. package/lib/angular/utils/scrollbar.service.d.ts +0 -46
  178. package/lib/angular/utils/titleTruncate.directive.d.ts +0 -15
  179. package/lib/angular/waves-of-progress/waves.directive.d.ts +0 -36
  180. package/lib/angular/waves-of-progress/waves.module.d.ts +0 -7
  181. package/lib/index.d.ts +0 -70
@@ -1,180 +0,0 @@
1
- import { OnDestroy, TemplateRef } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import { DfSideNavConfig } from './sidenav-config';
4
- import * as i0 from "@angular/core";
5
- export interface DfSideNavItem {
6
- value: string;
7
- title?: string;
8
- icon?: string | TemplateRef<any>;
9
- isExternal?: boolean;
10
- isActive?: boolean;
11
- isCollapsed?: boolean;
12
- breakpoints?: string[];
13
- subMenus?: DfSideNavItem[];
14
- type?: DfNavItemType;
15
- class?: string;
16
- }
17
- export declare enum DfNavItemType {
18
- subMenus = 0,
19
- actionButton = 1,
20
- routerLink = 2,
21
- link = 3,
22
- externalLink = 4,
23
- separator = 5,
24
- template = 6,
25
- title = 7
26
- }
27
- /**
28
- * A service for managing the sidenav panel.
29
- * This service is included at root level
30
- *
31
- * Creating a sidenav is straightforward: use [DfSideNavComponent](#/components/sidenav/api#DfSideNavComponent) component
32
- */
33
- export declare class DfSideNavService implements OnDestroy {
34
- private readonly config;
35
- type: typeof DfNavItemType;
36
- private readonly _sideNavItems$;
37
- private readonly _isMinmized$;
38
- private readonly _isCollapsed$;
39
- private readonly _isPresent$;
40
- private readonly _activeItem$;
41
- private readonly _isInMenuOverlay$;
42
- private readonly _isAppOverlay$;
43
- private _isAppOverlayMode;
44
- private _items;
45
- private readonly subscription;
46
- constructor(config: DfSideNavConfig);
47
- ngOnDestroy(): void;
48
- /**
49
- * Use this to init the list of Elements from your sidenav
50
- *
51
- *
52
- * Second option withRouter is to be set to false if you are not passing link string for the angular Router
53
- * Here we are not deep copying the array --> the function will change it
54
- */
55
- initItems(items: DfSideNavItem[], withRouter?: boolean): void;
56
- /**
57
- * Use this to inactivate the list of Elements from your sidenav
58
- * isActive properties of all items will be set to false recursively
59
- *
60
- */
61
- inactiveItems(list: DfSideNavItem[]): void;
62
- /**
63
- * Use this to active the item pass as input
64
- * This function inactivate all the other items of the service
65
- * It will then dispatch the list of items of the sideNav to activeItem$
66
- *
67
- */
68
- activeItem(item: DfSideNavItem): void;
69
- /**
70
- * Getter to know when to put/remove the overlay.
71
- * `True` in case of overlay needed
72
- *
73
- */
74
- get isAppOverlay$(): Observable<boolean>;
75
- /**
76
- * Getter to know if the sidenav is in an overlay panel or not
77
- * `True` in case of overlay panel
78
- *
79
- */
80
- get isInMenuOverlay$(): Observable<boolean>;
81
- /**
82
- * Getter to know the current activeItem a user clicked on
83
- *
84
- */
85
- get activeItem$(): Observable<DfSideNavItem | null>;
86
- /**
87
- * Getter to know if the sideNav is present in the page
88
- * SideNav may be collapsed here or not
89
- *
90
- */
91
- get isPresent$(): Observable<boolean>;
92
- /**
93
- * Future Options
94
- */
95
- get isMinimized$(): Observable<boolean>;
96
- /**
97
- * Getter to know if the SideNav is collapsed or not
98
- * If `true` the SideNav is collapsed
99
- *
100
- */
101
- get isCollapsed$(): Observable<boolean>;
102
- /**
103
- * Getter of the SideNav Items after they have beens changed
104
- *
105
- */
106
- get sideNavItems$(): Observable<DfSideNavItem[]>;
107
- /**
108
- * Getter to know the mode Apply for the SideNav
109
- * If `true` the SideNav can be in overlay (but not necessary is).
110
- *
111
- */
112
- get isAppOverlayMode(): boolean;
113
- get items(): DfSideNavItem[];
114
- /**
115
- * Use this to toggle a SideNav Item (either from expand to collapse or the other way around).
116
- * isCollapsed attribute of the input item is changed.
117
- * All items are push again to the stream of items.
118
- * This is used internally by the SideNav in case of click and Enter on an Item with subMenus
119
- */
120
- toggle(itemInput: DfSideNavItem): void;
121
- /**
122
- *
123
- * @param itemInput
124
- */
125
- collapseItem(itemInput: DfSideNavItem): void;
126
- /**
127
- * Use this to collapseAll items
128
- */
129
- collapseAllItems(): void;
130
- /**
131
- * Use this to set/unset the SideNav in an Overlay Menu
132
- * If input is `True` then the SideNav will be in an Overlay Menu
133
- * (when not collapsed)
134
- *
135
- */
136
- setInMenuSideNav(on: boolean): void;
137
- /**
138
- * Use this to collapse the SideNav
139
- *
140
- */
141
- hideSideNav(): void;
142
- /**
143
- * Use this to make the SideNav visible (uncollapse)
144
- *
145
- */
146
- showSideNav(): void;
147
- /**
148
- * Use this to toggle the SideNav status collapse/visible
149
- *
150
- */
151
- toggleSideNav(): void;
152
- removeSideBar(): void;
153
- /**
154
- * Use this to set the App Overlay Mode
155
- * Input `True` if you want to set the AppOverlay
156
- * An event is send to isAppOverlay$ depending on your status
157
- * if Input = `True` and isCollapsed = `False` then isAppOverlay$
158
- * will be `True`
159
- *
160
- */
161
- setAppOverlayMode(on: boolean): void;
162
- setSideNav(): void;
163
- /**
164
- *
165
- * @param itemInput
166
- * @param itemsList
167
- */
168
- private collapse;
169
- /**
170
- *
171
- * @param itemsList
172
- */
173
- private collapseAll;
174
- private setActiveItem;
175
- private addNavItemType;
176
- private dispatchSideNavItems;
177
- private updateOverLay;
178
- static ɵfac: i0.ɵɵFactoryDeclaration<DfSideNavService, never>;
179
- static ɵprov: i0.ɵɵInjectableDeclaration<DfSideNavService>;
180
- }
@@ -1,25 +0,0 @@
1
- import { DfSideNavService } from './sidenav.service';
2
- import type { DfSideNavItem } from './sidenav.service';
3
- import { DfSideNavIconDirective, DfSideNavItemDirective } from './sidenav.component';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * SideNav is a component to provide navigation feature with a panel on the side of your page
7
- *
8
- * It supports several options as:
9
- * - Being in an overlay menu or not
10
- * - Being collapsed or not
11
- * - Can be used with or without Angular Router
12
- * - Can be used with media queries to adjust behavior to different breakpoints (see media section)
13
- */
14
- export declare class DfSideNavListComponent {
15
- readonly items: import("@angular/core").InputSignal<DfSideNavItem[]>;
16
- readonly tplIcon: import("@angular/core").InputSignal<DfSideNavIconDirective | undefined>;
17
- readonly tplItem: import("@angular/core").InputSignal<DfSideNavItemDirective | undefined>;
18
- readonly currentItem: import("@angular/core").InputSignal<DfSideNavItem | undefined>;
19
- readonly id: import("@angular/core").InputSignal<string | undefined>;
20
- readonly controlledUniqueId: string;
21
- readonly sideNavService: DfSideNavService;
22
- getControlledUniqueId(): string;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<DfSideNavListComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<DfSideNavListComponent, "df-sidenavlist", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "tplIcon": { "alias": "tplIcon"; "required": false; "isSignal": true; }; "tplItem": { "alias": "tplItem"; "required": false; "isSignal": true; }; "currentItem": { "alias": "currentItem"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
25
- }
@@ -1,13 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @deprecated DfSliderDirectionDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
5
- */
6
- export declare class DfSliderDirectionDirective implements OnInit {
7
- readonly dfSliderDirection: import("@angular/core").InputSignal<any>;
8
- private readonly elementRef;
9
- private readonly rtlDirectionService;
10
- ngOnInit(): void;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<DfSliderDirectionDirective, never>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfSliderDirectionDirective, "[dfSliderDirection]", never, { "dfSliderDirection": { "alias": "dfSliderDirection"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
13
- }
@@ -1,6 +0,0 @@
1
- import { PointerType } from './pointer-type';
2
- export declare class ChangeContext {
3
- value?: number;
4
- highValue?: number;
5
- pointerType?: PointerType;
6
- }
@@ -1,7 +0,0 @@
1
- /** Helper with compatibility functions to support different browsers */
2
- export declare class CompatibilityHelper {
3
- /** Workaround for TouchEvent constructor sadly not being available on all browsers (e.g. Firefox, Safari) */
4
- static isTouchEvent(event: any): boolean;
5
- /** Detect presence of ResizeObserver API */
6
- static isResizeObserverAvailable(): boolean;
7
- }
@@ -1,13 +0,0 @@
1
- import { Renderer2 } from '@angular/core';
2
- import { EventListener } from './event-listener';
3
- export declare const supportsPassiveEvents: boolean;
4
- /**
5
- * Helper class to attach event listeners to DOM elements with debounce support using rxjs
6
- */
7
- export declare class EventListenerHelper {
8
- private renderer;
9
- constructor(renderer: Renderer2);
10
- attachPassiveEventListener(nativeElement: any, eventName: string, callback: (event: any) => void, throttleInterval?: number): EventListener;
11
- detachEventListener(eventListener: EventListener): void;
12
- attachEventListener(nativeElement: any, eventName: string, callback: (event: any) => void, throttleInterval?: number): EventListener;
13
- }
@@ -1,7 +0,0 @@
1
- import { Subject, Subscription } from 'rxjs';
2
- export declare class EventListener {
3
- eventName?: string;
4
- events?: Subject<Event>;
5
- eventsSubscription?: Subscription;
6
- teardownCallback?: () => void;
7
- }
@@ -1,6 +0,0 @@
1
- /** Helper with mathematical functions */
2
- export declare class MathHelper {
3
- static roundToPrecisionLimit(value: number, precisionLimit: number): number;
4
- static isModuloWithinPrecisionLimit(value: number, modulo: number, precisionLimit: number): boolean;
5
- static clampToRange(value: number, floor: number, ceil: number): number;
6
- }
@@ -1,241 +0,0 @@
1
- import { PointerType } from './pointer-type';
2
- /** Label type */
3
- export declare enum LabelType {
4
- /** Label above low pointer */
5
- Low = 0,
6
- /** Label above high pointer */
7
- High = 1,
8
- /** Label for minimum slider value */
9
- Floor = 2,
10
- /** Label for maximum slider value */
11
- Ceil = 3,
12
- /** Label below legend tick */
13
- TickValue = 4
14
- }
15
- /** Function to translate label value into text */
16
- export type TranslateFunction = (value: number, label: LabelType) => string;
17
- /** Function to combind */
18
- export type CombineLabelsFunction = (minLabel: string, maxLabel: string) => string;
19
- /** Function to provide legend */
20
- export type GetLegendFunction = (value: number) => string;
21
- export type GetStepLegendFunction = (step: CustomStepDefinition) => string;
22
- /** Function converting slider value to slider position */
23
- export type ValueToPositionFunction = (val: number, minVal: number, maxVal: number) => number;
24
- /** Function converting slider position to slider value */
25
- export type PositionToValueFunction = (percent: number, minVal: number, maxVal: number) => number;
26
- /**
27
- * Custom step definition
28
- *
29
- * This can be used to specify custom values and legend values for slider ticks
30
- */
31
- export interface CustomStepDefinition {
32
- /** Value */
33
- value: number;
34
- /** Legend (label for the value) */
35
- legend?: string;
36
- }
37
- /** Slider options */
38
- export declare class Options {
39
- /** Minimum value for a slider.
40
- Not applicable when using stepsArray. */
41
- floor?: number;
42
- /** Maximum value for a slider.
43
- Not applicable when using stepsArray. */
44
- ceil?: number;
45
- /** Step between each value.
46
- Not applicable when using stepsArray. */
47
- step?: number;
48
- /** The minimum range authorized on the slider.
49
- Applies to range slider only.
50
- When using stepsArray, expressed as index into stepsArray. */
51
- minRange?: number;
52
- /** The maximum range authorized on the slider.
53
- Applies to range slider only.
54
- When using stepsArray, expressed as index into stepsArray. */
55
- maxRange?: number;
56
- /** Set to true to have a push behavior. When the min handle goes above the max,
57
- the max is moved as well (and vice-versa). The range between min and max is
58
- defined by the step option (defaults to 1) and can also be overriden by
59
- the minRange option. Applies to range slider only. */
60
- pushRange?: boolean;
61
- /** The minimum value authorized on the slider.
62
- When using stepsArray, expressed as index into stepsArray. */
63
- minLimit?: number;
64
- /** The maximum value authorized on the slider.
65
- When using stepsArray, expressed as index into stepsArray. */
66
- maxLimit?: number;
67
- /** Custom translate function. Use this if you want to translate values displayed
68
- on the slider. */
69
- translate?: TranslateFunction;
70
- /** Custom function for combining overlapping labels in range slider.
71
- It takes the min and max values (already translated with translate fuction)
72
- and should return how these two values should be combined.
73
- If not provided, the default function will join the two values with
74
- ' - ' as separator. */
75
- combineLabels?: CombineLabelsFunction;
76
- /** Use to display legend under ticks (thus, it needs to be used along with
77
- showTicks or showTicksValues). The function will be called with each tick
78
- value and returned content will be displayed under the tick as a legend.
79
- If the returned value is null, then no legend is displayed under
80
- the corresponding tick.You can also directly provide the legend values
81
- in the stepsArray option. */
82
- getLegend?: GetLegendFunction;
83
- /** Use to display a custom legend of a stepItem from stepsArray.
84
- It will be the same as getLegend but for stepsArray. */
85
- getStepLegend?: GetStepLegendFunction;
86
- /** If you want to display a slider with non linear/number steps.
87
- Just pass an array with each slider value and that's it; the floor, ceil and step settings
88
- of the slider will be computed automatically.
89
- By default, the value model and valueHigh model values will be the value of the selected item
90
- in the stepsArray.
91
- They can also be bound to the index of the selected item by setting the bindIndexForStepsArray
92
- option to true. */
93
- stepsArray?: CustomStepDefinition[];
94
- /** Set to true to bind the index of the selected item to value model and valueHigh model. */
95
- bindIndexForStepsArray?: boolean;
96
- /** When set to true and using a range slider, the range can be dragged by the selection bar.
97
- Applies to range slider only. */
98
- draggableRange?: boolean;
99
- /** Same as draggableRange but the slider range can't be changed.
100
- Applies to range slider only. */
101
- draggableRangeOnly?: boolean;
102
- /** Set to true to always show the selection bar before the slider handle. */
103
- showSelectionBar?: boolean;
104
- /** Set to true to always show the selection bar after the slider handle. */
105
- showSelectionBarEnd?: boolean;
106
- /** Set a number to draw the selection bar between this value and the slider handle.
107
- When using stepsArray, expressed as index into stepsArray. */
108
- showSelectionBarFromValue?: number;
109
- /** Only for range slider. Set to true to visualize in different colour the areas
110
- on the left/right (top/bottom for vertical range slider) of selection bar between the handles. */
111
- showOuterSelectionBars?: boolean;
112
- /** Set to true to hide pointer labels */
113
- hidePointerLabels?: boolean;
114
- /** Set to true to hide min / max labels */
115
- hideLimitLabels?: boolean;
116
- /** Set to false to disable the auto-hiding behavior of the limit labels. */
117
- autoHideLimitLabels?: boolean;
118
- /** Set to true to make the slider read-only. */
119
- readOnly?: boolean;
120
- /** Set to true to disable the slider. */
121
- disabled?: boolean;
122
- /** Set to true to display a tick for each step of the slider. */
123
- showTicks?: boolean;
124
- /** Set to true to display a tick and the step value for each step of the slider.. */
125
- showTicksValues?: boolean;
126
- tickStep?: number;
127
- tickValueStep?: number;
128
- /** Use to display ticks at specific positions.
129
- The array contains the index of the ticks that should be displayed.
130
- For example, [0, 1, 5] will display a tick for the first, second and sixth values. */
131
- ticksArray?: number[];
132
- /** Used to display a tooltip when a tick is hovered.
133
- Set to a function that returns the tooltip content for a given value. */
134
- ticksTooltip?: (value: number) => string;
135
- /** Same as ticksTooltip but for ticks values. */
136
- ticksValuesTooltip?: (value: number) => string;
137
- /** Set to true to display the slider vertically.
138
- The slider will take the full height of its parent.
139
- Changing this value at runtime is not currently supported. */
140
- vertical?: boolean;
141
- /** Function that returns the current color of the selection bar.
142
- If your color won't change, don't use this option but set it through CSS.
143
- If the returned color depends on a model value (either value or valueHigh),
144
- you should use the argument passed to the function.
145
- Indeed, when the function is called, there is no certainty that the model
146
- has already been updated.*/
147
- getSelectionBarColor?: (minValue: number, maxValue?: number) => string;
148
- /** Function that returns the color of a tick. showTicks must be enabled. */
149
- getTickColor?: (value: number) => string;
150
- /** Function that returns the current color of a pointer.
151
- If your color won't change, don't use this option but set it through CSS.
152
- If the returned color depends on a model value (either value or valueHigh),
153
- you should use the argument passed to the function.
154
- Indeed, when the function is called, there is no certainty that the model has already been updated.
155
- To handle range slider pointers independently, you should evaluate pointerType within the given
156
- function where "min" stands for value model and "max" for valueHigh model values. */
157
- getPointerColor?: (value: number, pointerType: PointerType) => string;
158
- /** Handles are focusable (on click or with tab) and can be modified using the following keyboard controls:
159
- Left/bottom arrows: -1
160
- Right/top arrows: +1
161
- Page-down: -10%
162
- Page-up: +10%
163
- Home: minimum value
164
- End: maximum value
165
- */
166
- keyboardSupport?: boolean;
167
- /** If you display the slider in an element that uses transform: scale(0.5), set the scale value to 2
168
- so that the slider is rendered properly and the events are handled correctly. */
169
- scale?: number;
170
- /** If you display the slider in an element that uses transform: rotate(90deg), set the rotate value to 90
171
- so that the slider is rendered properly and the events are handled correctly. Value is in degrees. */
172
- rotate?: number;
173
- /** Set to true to force the value(s) to be rounded to the step, even when modified from the outside.
174
- When set to false, if the model values are modified from outside the slider, they are not rounded
175
- and can be between two steps. */
176
- enforceStep?: boolean;
177
- /** Set to true to force the value(s) to be normalised to allowed range (floor to ceil), even when modified from the outside.
178
- When set to false, if the model values are modified from outside the slider, and they are outside allowed range,
179
- the slider may be rendered incorrectly. However, setting this to false may be useful if you want to perform custom normalisation. */
180
- enforceRange?: boolean;
181
- /** Set to true to force the value(s) to be rounded to the nearest step value, even when modified from the outside.
182
- When set to false, if the model values are modified from outside the slider, and they are outside allowed range,
183
- the slider may be rendered incorrectly. However, setting this to false may be useful if you want to perform custom normalisation. */
184
- enforceStepsArray?: boolean;
185
- /** Set to true to prevent to user from switching the min and max handles. Applies to range slider only. */
186
- noSwitching?: boolean;
187
- /** Set to true to only bind events on slider handles. */
188
- onlyBindHandles?: boolean;
189
- /** Set to true to show graphs right to left.
190
- If vertical is true it will be from top to bottom and left / right arrow functions reversed. */
191
- rightToLeft?: boolean;
192
- /** Set to true to reverse keyboard navigation:
193
- Right/top arrows: -1
194
- Left/bottom arrows: +1
195
- Page-up: -10%
196
- Page-down: +10%
197
- End: minimum value
198
- Home: maximum value
199
- */
200
- reversedControls?: boolean;
201
- /** Set to true to keep the slider labels inside the slider bounds. */
202
- boundPointerLabels?: boolean;
203
- /** Set to true to use a logarithmic scale to display the slider. */
204
- logScale?: boolean;
205
- /** Function that returns the position on the slider for a given value.
206
- The position must be a percentage between 0 and 1.
207
- The function should be monotonically increasing or decreasing; otherwise the slider may behave incorrectly. */
208
- customValueToPosition?: ValueToPositionFunction;
209
- /** Function that returns the value for a given position on the slider.
210
- The position is a percentage between 0 and 1.
211
- The function should be monotonically increasing or decreasing; otherwise the slider may behave incorrectly. */
212
- customPositionToValue?: PositionToValueFunction;
213
- /** Precision limit for calculated values.
214
- Values used in calculations will be rounded to this number of significant digits
215
- to prevent accumulating small floating-point errors. */
216
- precisionLimit?: number;
217
- /** Use to display the selection bar as a gradient.
218
- The given object must contain from and to properties which are colors. */
219
- selectionBarGradient?: {
220
- from: string;
221
- to: string;
222
- };
223
- /** Use to add a label directly to the slider for accessibility. Adds the aria-label attribute. */
224
- ariaLabel?: string;
225
- /** Use instead of ariaLabel to reference the id of an element which will be used to label the slider.
226
- Adds the aria-labelledby attribute. */
227
- ariaLabelledBy?: string;
228
- /** Use to add a label directly to the slider range for accessibility. Adds the aria-label attribute. */
229
- ariaLabelHigh?: string;
230
- /** Use instead of ariaLabelHigh to reference the id of an element which will be used to label the slider range.
231
- Adds the aria-labelledby attribute. */
232
- ariaLabelledByHigh?: string;
233
- /** Use to increase rendering performance. If the value is not provided, the slider calculates the with/height of the handle */
234
- handleDimension?: number;
235
- /** Use to increase rendering performance. If the value is not provided, the slider calculates the with/height of the bar */
236
- barDimension?: number;
237
- /** Enable/disable CSS animations */
238
- animate?: boolean;
239
- /** Enable/disable CSS animations while moving the slider */
240
- animateOnMove?: boolean;
241
- }
@@ -1,7 +0,0 @@
1
- /** Pointer type */
2
- export declare enum PointerType {
3
- /** Low pointer */
4
- Min = 0,
5
- /** High pointer */
6
- Max = 1
7
- }
@@ -1,51 +0,0 @@
1
- import { ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * @deprecated SliderElementDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
5
- */
6
- export declare class SliderElementDirective {
7
- protected elemRef: ElementRef;
8
- protected renderer: Renderer2;
9
- protected changeDetectionRef: ChangeDetectorRef;
10
- private _position;
11
- get position(): number;
12
- private _dimension;
13
- get dimension(): number;
14
- private _alwaysHide;
15
- get alwaysHide(): boolean;
16
- private _vertical;
17
- get vertical(): boolean;
18
- private _scale;
19
- get scale(): number;
20
- private _rotate;
21
- get rotate(): number;
22
- opacity: number;
23
- visibility: string;
24
- left: string;
25
- bottom: string;
26
- height: string;
27
- width: string;
28
- transform: string;
29
- private eventListenerHelper;
30
- private eventListeners;
31
- private readonly platformId;
32
- constructor(elemRef: ElementRef, renderer: Renderer2, changeDetectionRef: ChangeDetectorRef);
33
- setAlwaysHide(hide: boolean): void;
34
- hide(): void;
35
- show(): void;
36
- isVisible(): boolean;
37
- setVertical(vertical: boolean): void;
38
- setScale(scale: number): void;
39
- setRotate(rotate: number): void;
40
- getRotate(): number;
41
- setPosition(pos: number): void;
42
- calculateDimension(): void;
43
- setDimension(dim: number): void;
44
- getBoundingClientRect(): ClientRect;
45
- on(eventName: string, callback: (event: any) => void, debounceInterval?: number): void;
46
- onPassive(eventName: string, callback: (event: any) => void, debounceInterval?: number): void;
47
- off(eventName?: string): void;
48
- private isRefDestroyed;
49
- static ɵfac: i0.ɵɵFactoryDeclaration<SliderElementDirective, never>;
50
- static ɵdir: i0.ɵɵDirectiveDeclaration<SliderElementDirective, "[ngxSliderElement]", never, {}, {}, never, never, true, never>;
51
- }
@@ -1,22 +0,0 @@
1
- import { ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
2
- import { SliderElementDirective } from './slider-element.directive';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @deprecated SliderHandleDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
6
- */
7
- export declare class SliderHandleDirective extends SliderElementDirective {
8
- active: boolean;
9
- role: string;
10
- tabindex: string;
11
- ariaOrientation: string;
12
- ariaLabel: string;
13
- ariaLabelledBy: string;
14
- ariaValueNow: string;
15
- ariaValueText: string;
16
- ariaValueMin: string;
17
- ariaValueMax: string;
18
- constructor(elemRef: ElementRef, renderer: Renderer2, changeDetectionRef: ChangeDetectorRef);
19
- focus(): void;
20
- static ɵfac: i0.ɵɵFactoryDeclaration<SliderHandleDirective, never>;
21
- static ɵdir: i0.ɵɵDirectiveDeclaration<SliderHandleDirective, "[ngxSliderHandle]", never, {}, {}, never, never, true, never>;
22
- }
@@ -1,14 +0,0 @@
1
- import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
2
- import { SliderElementDirective } from './slider-element.directive';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * @deprecated SliderLabelDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
6
- */
7
- export declare class SliderLabelDirective extends SliderElementDirective {
8
- private _value?;
9
- get value(): string;
10
- constructor(elemRef: ElementRef, renderer: Renderer2, changeDetectionRef: ChangeDetectorRef);
11
- setValue(value: string): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<SliderLabelDirective, never>;
13
- static ɵdir: i0.ɵɵDirectiveDeclaration<SliderLabelDirective, "[ngxSliderLabel]", never, {}, {}, never, never, true, never>;
14
- }