@design-factory/design-factory 19.1.1 → 20.0.0-next.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 (162) hide show
  1. package/design-factory-initial-branding.css +1 -1
  2. package/design-factory.css +2 -2
  3. package/fesm2022/design-factory.mjs +406 -277
  4. package/fesm2022/design-factory.mjs.map +1 -1
  5. package/index.d.ts +1883 -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 +2 -1
  12. package/styles/scss/agnosui/_variables.scss +1 -1
  13. package/styles/scss/bootstrap/_variables.scss +13 -6
  14. package/styles/scss/components/accordion/_accordion.scss +5 -1
  15. package/styles/scss/components/alert/_alert.scss +6 -1
  16. package/styles/scss/components/badge/_badge.mixins.scss +2 -0
  17. package/styles/scss/components/badge/_badge.scss +157 -25
  18. package/styles/scss/components/breadcrumbs/_breadcrumbs.scss +8 -8
  19. package/styles/scss/components/breadcrumbs/_breadcrumbs.variables.scss +0 -2
  20. package/styles/scss/components/button/_button.scss +376 -59
  21. package/styles/scss/components/button/_button.variables.scss +1 -3
  22. package/styles/scss/components/checkbox/_checkbox.scss +11 -4
  23. package/styles/scss/components/dropdown/_dropdown.scss +3 -1
  24. package/styles/scss/components/dropdown/_dropdown.variables.scss +1 -0
  25. package/styles/scss/components/fieldset/_fieldset.scss +2 -2
  26. package/styles/scss/components/fieldset/_fieldset.variables.scss +1 -1
  27. package/styles/scss/components/fonts/_fonts-family.scss +8 -8
  28. package/styles/scss/components/fonts/multi-lang/_arabic.mixins.scss +5 -1
  29. package/styles/scss/components/fonts/multi-lang/_chinese.mixins.scss +13 -4
  30. package/styles/scss/components/fonts/multi-lang/_georgian.mixins.scss +5 -1
  31. package/styles/scss/components/fonts/multi-lang/_hebrew.mixins.scss +5 -1
  32. package/styles/scss/components/fonts/multi-lang/_japanese.mixins.scss +15 -5
  33. package/styles/scss/components/fonts/multi-lang/_korean.mixins.scss +12 -4
  34. package/styles/scss/components/footer/_footer.mixins.scss +36 -0
  35. package/styles/scss/components/footer/_footer.scss +49 -15
  36. package/styles/scss/components/footer/_footer.variables.scss +0 -1
  37. package/styles/scss/components/form/_form.scss +31 -1
  38. package/styles/scss/components/link/_link.mixins.scss +72 -75
  39. package/styles/scss/components/link/_link.scss +26 -32
  40. package/styles/scss/components/link/_link.variables.scss +3 -0
  41. package/styles/scss/components/list-group/_list-group.scss +30 -5
  42. package/styles/scss/components/list-group/_list-group.variables.scss +6 -2
  43. package/styles/scss/components/media/_media.scss +8 -1
  44. package/styles/scss/components/media/_media.variables.scss +2 -0
  45. package/styles/scss/components/navbar/_navbar.mixins.scss +55 -0
  46. package/styles/scss/components/navbar/_navbar.scss +180 -71
  47. package/styles/scss/components/navbar/_navbar.variables.scss +42 -13
  48. package/styles/scss/components/pagination/_pagination.scss +46 -2
  49. package/styles/scss/components/pagination/_pagination.variables.scss +3 -0
  50. package/styles/scss/components/popover/_popover.mixin.scss +1 -1
  51. package/styles/scss/components/popover/_popover.scss +1 -1
  52. package/styles/scss/components/popover/_popover.variables.scss +4 -0
  53. package/styles/scss/components/progressbar/_progressbar.scss +11 -0
  54. package/styles/scss/components/progressbar/_progressbar.variables.scss +5 -0
  55. package/styles/scss/components/radio/_radio.scss +11 -4
  56. package/styles/scss/components/radio/_radio.variables.scss +1 -0
  57. package/styles/scss/components/rating/_rating.scss +3 -1
  58. package/styles/scss/components/scrollspy/_scrollspy.scss +7 -0
  59. package/styles/scss/components/select/_select.mixin.scss +34 -0
  60. package/styles/scss/components/select/_select.scss +5 -19
  61. package/styles/scss/components/select/_select.variables.scss +2 -0
  62. package/styles/scss/components/speechbubble/_speechbubble.scss +19 -0
  63. package/styles/scss/components/speechbubble/_speechbubble.variables.scss +6 -0
  64. package/styles/scss/components/spinner/_spinner.scss +19 -0
  65. package/styles/scss/components/spinner/_spinner.variables.scss +6 -0
  66. package/styles/scss/components/stepper/_stepper.scss +29 -3
  67. package/styles/scss/components/stepper/_stepper.variables.scss +10 -1
  68. package/styles/scss/components/table/_advancedtables.scss +9 -5
  69. package/styles/scss/components/table/_table.scss +6 -0
  70. package/styles/scss/components/table/_table.variables.scss +3 -0
  71. package/styles/scss/components/tabs/_tabs.scss +7 -0
  72. package/styles/scss/components/toast/_toast.scss +31 -9
  73. package/styles/scss/components/tooltip/_tooltip.scss +7 -0
  74. package/styles/scss/themes/brand2023/_variables.scss +368 -447
  75. package/styles/scss/themes/brand2023/tokens/_figma.gen.scss +3028 -0
  76. package/styles/scss/themes/brand2023/tokens/_mapping.gen.scss +898 -0
  77. package/styles/scss/utilities/_common.utilities.scss +49 -1
  78. package/environment.d.ts +0 -4
  79. package/lib/angular/accessibility/accessibility.module.d.ts +0 -10
  80. package/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.d.ts +0 -7
  81. package/lib/angular/accessibility/directives/skip-link.directive.d.ts +0 -9
  82. package/lib/angular/alert/alert.module.d.ts +0 -8
  83. package/lib/angular/animation/ngbTransition.d.ts +0 -16
  84. package/lib/angular/animation/util.d.ts +0 -14
  85. package/lib/angular/card/card-advanced.module.d.ts +0 -8
  86. package/lib/angular/card/manage-card-selection.directive.d.ts +0 -13
  87. package/lib/angular/datepicker/datepicker-keyboard-nav.service.d.ts +0 -7
  88. package/lib/angular/datepicker/datepicker-range.directive.d.ts +0 -30
  89. package/lib/angular/datepicker/datepicker-range.service.d.ts +0 -32
  90. package/lib/angular/datepicker/datepicker.module.d.ts +0 -10
  91. package/lib/angular/df.module.d.ts +0 -26
  92. package/lib/angular/footer/footer.module.d.ts +0 -8
  93. package/lib/angular/icon/amadeus-icon.d.ts +0 -5
  94. package/lib/angular/icon/icon.module.d.ts +0 -8
  95. package/lib/angular/icon/insert/insert-icon.directive.d.ts +0 -12
  96. package/lib/angular/icon/insert/insert-icon.module.d.ts +0 -8
  97. package/lib/angular/inputs/click/trigger-click.directive.d.ts +0 -9
  98. package/lib/angular/inputs/icon/inputicon.directive.d.ts +0 -29
  99. package/lib/angular/inputs/input-advanced.module.d.ts +0 -10
  100. package/lib/angular/mediaqueries/ifMedia.directive.d.ts +0 -25
  101. package/lib/angular/mediaqueries/media.module.d.ts +0 -8
  102. package/lib/angular/mediaqueries/media.service.d.ts +0 -24
  103. package/lib/angular/mediaqueries/mediaUtils.service.d.ts +0 -75
  104. package/lib/angular/modal/modal.service.d.ts +0 -17
  105. package/lib/angular/popover/config/popover.config.d.ts +0 -7
  106. package/lib/angular/popover/popover.module.d.ts +0 -7
  107. package/lib/angular/progressbar/progressbar.component.d.ts +0 -61
  108. package/lib/angular/progressbar/progressbar.module.d.ts +0 -9
  109. package/lib/angular/progressindicator/default/default-spinner.component.d.ts +0 -8
  110. package/lib/angular/progressindicator/progressindicator-backdrop.component.d.ts +0 -8
  111. package/lib/angular/progressindicator/progressindicator-config.d.ts +0 -54
  112. package/lib/angular/progressindicator/progressindicator-container.component.d.ts +0 -11
  113. package/lib/angular/progressindicator/progressindicator-ref.d.ts +0 -9
  114. package/lib/angular/progressindicator/progressindicator.directive.d.ts +0 -16
  115. package/lib/angular/progressindicator/progressindicator.module.d.ts +0 -15
  116. package/lib/angular/progressindicator/progressindicator.service.d.ts +0 -33
  117. package/lib/angular/right-to-left/directionDetection.service.d.ts +0 -12
  118. package/lib/angular/selects/events/manage-badge-events.directive.d.ts +0 -15
  119. package/lib/angular/selects/nav/manage-nav-select.directive.d.ts +0 -20
  120. package/lib/angular/selects/option-highlight.directive.d.ts +0 -14
  121. package/lib/angular/selects/select.model.d.ts +0 -1
  122. package/lib/angular/selects/select.module.d.ts +0 -13
  123. package/lib/angular/sidenav/dfSideNavAnimation.d.ts +0 -7
  124. package/lib/angular/sidenav/dfSideNavCollapse.d.ts +0 -46
  125. package/lib/angular/sidenav/dfSideNavCollapse.module.d.ts +0 -9
  126. package/lib/angular/sidenav/dfSideNavCollapse.service.d.ts +0 -24
  127. package/lib/angular/sidenav/dfSideNavCollapseConfig.d.ts +0 -17
  128. package/lib/angular/sidenav/excludeTrap.directive.d.ts +0 -30
  129. package/lib/angular/sidenav/manage-sidenav.directive.d.ts +0 -10
  130. package/lib/angular/sidenav/sidenav-config.d.ts +0 -17
  131. package/lib/angular/sidenav/sidenav.component.d.ts +0 -43
  132. package/lib/angular/sidenav/sidenav.module.d.ts +0 -14
  133. package/lib/angular/sidenav/sidenav.service.d.ts +0 -179
  134. package/lib/angular/sidenav/sidenavlist.component.d.ts +0 -25
  135. package/lib/angular/slider/direction/sliderdirection.directive.d.ts +0 -13
  136. package/lib/angular/slider/lib/change-context.d.ts +0 -6
  137. package/lib/angular/slider/lib/compatibility-helper.d.ts +0 -7
  138. package/lib/angular/slider/lib/event-listener-helper.d.ts +0 -13
  139. package/lib/angular/slider/lib/event-listener.d.ts +0 -7
  140. package/lib/angular/slider/lib/math-helper.d.ts +0 -6
  141. package/lib/angular/slider/lib/options.d.ts +0 -241
  142. package/lib/angular/slider/lib/pointer-type.d.ts +0 -7
  143. package/lib/angular/slider/lib/slider-element.directive.d.ts +0 -51
  144. package/lib/angular/slider/lib/slider-handle.directive.d.ts +0 -22
  145. package/lib/angular/slider/lib/slider-label.directive.d.ts +0 -14
  146. package/lib/angular/slider/lib/slider.component.d.ts +0 -193
  147. package/lib/angular/slider/lib/tooltip-wrapper.component.d.ts +0 -13
  148. package/lib/angular/slider/lib/value-helper.d.ts +0 -13
  149. package/lib/angular/slider/slider.module.d.ts +0 -16
  150. package/lib/angular/stepper/stepper.component.d.ts +0 -30
  151. package/lib/angular/stepper/stepper.directive.d.ts +0 -37
  152. package/lib/angular/stepper/stepper.module.d.ts +0 -8
  153. package/lib/angular/stepper/stepper.service.d.ts +0 -132
  154. package/lib/angular/toast/toast.module.d.ts +0 -8
  155. package/lib/angular/tooltip/tooltip.module.d.ts +0 -9
  156. package/lib/angular/tooltip/truncate/tooltipTruncate.directive.d.ts +0 -19
  157. package/lib/angular/utils/html-element-helper.d.ts +0 -15
  158. package/lib/angular/utils/scrollbar.service.d.ts +0 -46
  159. package/lib/angular/utils/titleTruncate.directive.d.ts +0 -15
  160. package/lib/angular/waves-of-progress/waves.directive.d.ts +0 -36
  161. package/lib/angular/waves-of-progress/waves.module.d.ts +0 -7
  162. package/lib/index.d.ts +0 -70
@@ -61,7 +61,7 @@ $df-box-shadow: 0px 4px 8px 0px
61
61
  $color-values: $red + ' ' + $green + ' ' + $blue;
62
62
  @return rgb($red, $green, $blue);
63
63
  } @else {
64
- @if meta.type-of($colors) == 'string' and $colors == 'var(--df-white-rgb)' {
64
+ @if meta.type-of($colors) == 'string' and $colors == 'var(--#{$prefix}white-rgb)' {
65
65
  @return $white;
66
66
  }
67
67
  @error "Invalid value for $colors in function from-rgb().";
@@ -89,6 +89,17 @@ $df-box-shadow: 0px 4px 8px 0px
89
89
  @return rgba($var, var(--#{$prefix}#{$target-opacity}));
90
90
  }
91
91
 
92
+ // This function is a temporary solution.
93
+ // The first parameter is to for the new branding system, the other ones for the old one.
94
+ // It will be removed when the old branding will be removed, the var will be used directly in the code.
95
+ @function shades-css-var-brand2023($variableName, $color, $target: '', $isText: false, $isAlternative: false) {
96
+ @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
97
+ @return 'var(--#{$prefix}#{$variableName})';
98
+ } @else {
99
+ @return shades-css-var($color, $target, $isText, $isAlternative);
100
+ }
101
+ }
102
+
92
103
  @function shades-css-var($color, $target: '', $isText: false, $isAlternative: false) {
93
104
  @if $isAlternative == true {
94
105
  $color: $color + '-mirror';
@@ -107,12 +118,34 @@ $df-box-shadow: 0px 4px 8px 0px
107
118
  @return $var;
108
119
  }
109
120
 
121
+ // This function is a temporary solution.
122
+ // The first parameter is to for the new branding system, the other ones for the old one.
123
+ // It will be removed when the old branding will be removed, the var will be used directly in the code.
124
+ @function shades-rgb-css-var-brand2023($variableName, $color, $target: '', $isText: false) {
125
+ @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
126
+ @return 'var(--#{$prefix}#{$variableName})';
127
+ } @else {
128
+ @return shades-rgb-css-var($color, $target, $isText);
129
+ }
130
+ }
131
+
110
132
  @function shades-rgb-css-var($color, $target: '', $isText: false) {
111
133
  $var: shades-css-var($color, $target, $isText);
112
134
  $var: str-replace($var, ')', '-rgb)');
113
135
  @return $var;
114
136
  }
115
137
 
138
+ // This function is a temporary solution.
139
+ // The first parameter is to for the new branding system, the other ones for the old one.
140
+ // It will be removed when the old branding will be removed, the var will be used directly in the code.
141
+ @function variable-switch-brand2023($variableName, $value) {
142
+ @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
143
+ @return 'var(--#{$prefix}#{$variableName})';
144
+ } @else {
145
+ @return $value;
146
+ }
147
+ }
148
+
116
149
  // Override functions from BS
117
150
  @function to-rgb($value) {
118
151
  @if meta.type-of($value) != color {
@@ -162,3 +195,18 @@ $df-box-shadow: 0px 4px 8px 0px
162
195
 
163
196
  @return $max-ratio-color;
164
197
  }
198
+
199
+ // This function is a temporary solution.
200
+ // Old way of computing sizing was through rations, new way is to use tokens
201
+ // It will be adapted when switching to new branding only
202
+ @function get-sizing-brand2023($extension, $ratio, $font-size-to-scale: $font-size-base, $body: false) {
203
+ @if meta.variable-exists($name: 'df-enableBranding2023') and $df-enableBranding2023 {
204
+ @if $body {
205
+ @return map.get($df-size-ratios-font-body, $extension);
206
+ } @else {
207
+ @return map.get($df-size-ratios-font, $extension);
208
+ }
209
+ } @else {
210
+ @return calc($ratio * $font-size-to-scale);
211
+ }
212
+ }
package/environment.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare const environment: {
2
- animation: boolean;
3
- transitionTimerDelayMs: number;
4
- };
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./directives/skip-link.directive";
3
- import * as i2 from "./components/skip-links-container/skip-links-container.component";
4
- export { SkipLinksContainerComponent } from './components/skip-links-container/skip-links-container.component';
5
- export { SkipLinkDirective } from './directives/skip-link.directive';
6
- export declare class DfAccessibilityModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<DfAccessibilityModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfAccessibilityModule, never, [typeof i1.SkipLinkDirective, typeof i2.SkipLinksContainerComponent], [typeof i1.SkipLinkDirective, typeof i2.SkipLinksContainerComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<DfAccessibilityModule>;
10
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class SkipLinksContainerComponent {
3
- private readonly links;
4
- readonly inFocus: import("@angular/core").Signal<boolean>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinksContainerComponent, never>;
6
- static ɵcmp: i0.ɵɵComponentDeclaration<SkipLinksContainerComponent, "df-skip-links-container", never, {}, {}, ["links"], ["*"], true, never>;
7
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class SkipLinkDirective {
3
- readonly inFocus: import("@angular/core").WritableSignal<boolean>;
4
- private readonly element;
5
- private readonly document;
6
- focusOnTarget(): void;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinkDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<SkipLinkDirective, "[dfSkipLink]", never, {}, {}, never, never, true, never>;
9
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "../icon/insert/insert-icon.module";
3
- import * as i2 from "@ng-bootstrap/ng-bootstrap";
4
- export declare class DfAlertModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfAlertModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfAlertModule, never, [typeof i1.DfInsertIconModule], [typeof i2.NgbAlertModule, typeof i1.DfInsertIconModule]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfAlertModule>;
8
- }
@@ -1,16 +0,0 @@
1
- import { NgZone } from '@angular/core';
2
- import { Observable, Subject } from 'rxjs';
3
- export type NgbTransitionStartFn<T = any> = (element: HTMLElement, animation: boolean, context: T) => NgbTransitionEndFn | void;
4
- export type NgbTransitionEndFn = () => void;
5
- export interface NgbTransitionOptions<T> {
6
- animation: boolean;
7
- runningTransition: 'continue' | 'stop';
8
- context?: T;
9
- }
10
- export interface NgbTransitionCtx<T> {
11
- transition$: Subject<any>;
12
- complete: () => void;
13
- context: T;
14
- }
15
- export declare const ngbRunTransition: <T>(zone: NgZone, element: HTMLElement, startFn: NgbTransitionStartFn<T>, options: NgbTransitionOptions<T>) => Observable<undefined>;
16
- export declare const ngbCompleteTransition: (element: HTMLElement) => void;
@@ -1,14 +0,0 @@
1
- import { NgZone } from '@angular/core';
2
- import { OperatorFunction } from 'rxjs';
3
- /**
4
- * Creates an observable where all callbacks are executed inside a given zone
5
- *
6
- * @param zone Angular Zone element
7
- */
8
- export declare function runInZone<T>(zone: NgZone): OperatorFunction<T, T>;
9
- export declare function getTransitionDurationMs(element: HTMLElement): number;
10
- /**
11
- * Force a browser reflow
12
- * @param element element where to apply the reflow
13
- */
14
- export declare function reflow(element: HTMLElement): DOMRect;
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./manage-card-selection.directive";
3
- export { DfManageCardSelectionDirective } from './manage-card-selection.directive';
4
- export declare class DfAdvancedCardModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfAdvancedCardModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfAdvancedCardModule, never, [typeof i1.DfManageCardSelectionDirective], [typeof i1.DfManageCardSelectionDirective]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfAdvancedCardModule>;
8
- }
@@ -1,13 +0,0 @@
1
- import { AfterViewInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class DfManageCardSelectionDirective implements AfterViewInit {
4
- private input;
5
- readonly dfManageCardSelected: import("@angular/core").InputSignal<boolean>;
6
- private readonly element;
7
- private readonly renderer;
8
- constructor();
9
- ngAfterViewInit(): void;
10
- click(event: any): void;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<DfManageCardSelectionDirective, never>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfManageCardSelectionDirective, "[dfManageCardSelected]", never, { "dfManageCardSelected": { "alias": "dfManageCardSelected"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
13
- }
@@ -1,7 +0,0 @@
1
- import { NgbDatepicker, NgbDatepickerKeyboardService } from '@ng-bootstrap/ng-bootstrap';
2
- import * as i0 from "@angular/core";
3
- export declare class DfDatepickerKeyboardService extends NgbDatepickerKeyboardService {
4
- processKey(event: KeyboardEvent, dp: NgbDatepicker): void;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfDatepickerKeyboardService, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<DfDatepickerKeyboardService>;
7
- }
@@ -1,30 +0,0 @@
1
- import { ElementRef, OnInit, OnDestroy, DoCheck, AfterViewInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * My dfDatepickerRange directive
5
- */
6
- export declare class DfDatepickerRangeDirective implements OnInit, OnDestroy, DoCheck, AfterViewInit {
7
- private inputsElements;
8
- private isDisabled;
9
- private readonly siblingsNode;
10
- private readonly removeListener;
11
- private focusState;
12
- private direction?;
13
- private readonly renderer;
14
- readonly el: ElementRef<any>;
15
- private readonly dfDirectionServ;
16
- private readonly platformId;
17
- ngOnInit(): void;
18
- initInput(el: HTMLInputElement, index: number): void;
19
- removeFocus(): void;
20
- ngAfterViewInit(): void;
21
- /**
22
- * You need to manually update the direction or update the icon
23
- * if the direction (rtl / ltr) is changing dynamically
24
- */
25
- updateDirection(): void;
26
- ngDoCheck(): void;
27
- ngOnDestroy(): void;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<DfDatepickerRangeDirective, never>;
29
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfDatepickerRangeDirective, "[dfDatepickerRange]", ["dfDatepickerRange"], {}, {}, never, never, true, never>;
30
- }
@@ -1,32 +0,0 @@
1
- import { NgbCalendar, NgbDate, NgbDateParserFormatter, NgbDatepicker, NgbDropdown } from '@ng-bootstrap/ng-bootstrap';
2
- import * as i0 from "@angular/core";
3
- export declare class DfDatepickerRangeService {
4
- private readonly calendar;
5
- private readonly formatter;
6
- fromDate: NgbDate | null;
7
- toDate: NgbDate | null;
8
- hoveredDate: NgbDate | null;
9
- fromDateAsStr: string;
10
- toDateAsStr: string;
11
- startDate: NgbDate | null;
12
- getFocusBack: HTMLInputElement | HTMLButtonElement | null;
13
- dropDown?: NgbDropdown;
14
- isClosingOnToDate: boolean;
15
- datepicker: NgbDatepicker | null;
16
- constructor(calendar: NgbCalendar, formatter: NgbDateParserFormatter);
17
- onDateSelection(date: NgbDate): void;
18
- setFocus(): void;
19
- returnFocus(): void;
20
- openChange(event: boolean): void;
21
- toggle(dropDown: NgbDropdown, element?: HTMLInputElement | HTMLButtonElement | null, datepicker?: NgbDatepicker | null): void;
22
- isSelected(date: NgbDate): boolean;
23
- isFrom(date: NgbDate): boolean;
24
- isTo(date: NgbDate): boolean;
25
- isBetween(date: NgbDate): boolean;
26
- effectiveToDate(): NgbDate | null | undefined;
27
- parseInput(previous: NgbDate, typed: string): NgbDate | null;
28
- updateFrom(typed: string): void;
29
- updateTo(typed: string): void;
30
- static ɵfac: i0.ɵɵFactoryDeclaration<DfDatepickerRangeService, never>;
31
- static ɵprov: i0.ɵɵInjectableDeclaration<DfDatepickerRangeService>;
32
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@ng-bootstrap/ng-bootstrap";
3
- import * as i2 from "./datepicker-range.directive";
4
- import * as i3 from "../inputs/input-advanced.module";
5
- export { DfDatepickerRangeDirective } from './datepicker-range.directive';
6
- export declare class DfDatePickerModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<DfDatePickerModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfDatePickerModule, never, [typeof i1.NgbDropdownModule, typeof i2.DfDatepickerRangeDirective], [typeof i1.NgbDatepickerModule, typeof i3.DfAdvancedInputModule, typeof i2.DfDatepickerRangeDirective, typeof i1.NgbDropdownModule]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<DfDatePickerModule>;
10
- }
@@ -1,26 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./alert/alert.module";
3
- import * as i2 from "./datepicker/datepicker.module";
4
- import * as i3 from "./selects/select.module";
5
- import * as i4 from "./progressbar/progressbar.module";
6
- import * as i5 from "./progressindicator/progressindicator.module";
7
- import * as i6 from "./inputs/input-advanced.module";
8
- import * as i7 from "./accessibility/accessibility.module";
9
- import * as i8 from "./slider/slider.module";
10
- import * as i9 from "./popover/popover.module";
11
- import * as i10 from "./icon/icon.module";
12
- import * as i11 from "./tooltip/tooltip.module";
13
- import * as i12 from "./sidenav/sidenav.module";
14
- import * as i13 from "./sidenav/dfSideNavCollapse.module";
15
- import * as i14 from "./card/card-advanced.module";
16
- import * as i15 from "./footer/footer.module";
17
- import * as i16 from "./toast/toast.module";
18
- import * as i17 from "./stepper/stepper.module";
19
- /**
20
- * @deprecated Import only the needed modules or use standalone components instead of DfModule
21
- */
22
- export declare class DfModule {
23
- static ɵfac: i0.ɵɵFactoryDeclaration<DfModule, never>;
24
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfModule, never, [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule, typeof i17.DfStepperModule], [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule, typeof i17.DfStepperModule]>;
25
- static ɵinj: i0.ɵɵInjectorDeclaration<DfModule>;
26
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "../mediaqueries/media.module";
3
- import * as i2 from "@ng-bootstrap/ng-bootstrap";
4
- export declare class DfFooterModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfFooterModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfFooterModule, never, [typeof i1.DfMediaModule, typeof i2.NgbAccordionModule], [typeof i1.DfMediaModule, typeof i2.NgbAccordionModule]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfFooterModule>;
8
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class DfAmadeusIconComponent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<DfAmadeusIconComponent, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<DfAmadeusIconComponent, "df-amadeus-icon", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./amadeus-icon";
3
- export { DfAmadeusIconComponent } from './amadeus-icon';
4
- export declare class DfIconModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfIconModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfIconModule, never, [typeof i1.DfAmadeusIconComponent], [typeof i1.DfAmadeusIconComponent]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfIconModule>;
8
- }
@@ -1,12 +0,0 @@
1
- import { ElementRef, Renderer2, AfterViewInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class DfInsertIconDirective implements AfterViewInit {
4
- private readonly el;
5
- private readonly renderer;
6
- private readonly supportedCmps;
7
- constructor(el: ElementRef, renderer: Renderer2);
8
- ngAfterViewInit(): void;
9
- getIconClassFromClasses(cssClasses: DOMTokenList): string;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<DfInsertIconDirective, never>;
11
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfInsertIconDirective, "ngb-alert[dfInsertAlertIcon],ngb-toast[dfInsertToastIcon]", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./insert-icon.directive";
3
- export { DfInsertIconDirective } from './insert-icon.directive';
4
- export declare class DfInsertIconModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfInsertIconModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfInsertIconModule, never, [typeof i1.DfInsertIconDirective], [typeof i1.DfInsertIconDirective]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfInsertIconModule>;
8
- }
@@ -1,9 +0,0 @@
1
- import { ElementRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class DfTriggerClickDirective {
4
- private readonly elementRef;
5
- constructor(elementRef: ElementRef);
6
- triggerClick(event: KeyboardEvent | MouseEvent): void;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<DfTriggerClickDirective, never>;
8
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfTriggerClickDirective, "[dfTriggerClick]", never, {}, {}, never, never, true, never>;
9
- }
@@ -1,29 +0,0 @@
1
- import { OnInit, DoCheck, OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export type DfDirection = 'append' | 'prepend';
4
- /**
5
- * dfInputIcon directive
6
- * @deprecated `DfInputIconDirective` is deprecated and will be removed in DF 21, in favor of pure css.
7
- * To migrate and keep the same behavior, simply add the class `df-input-withicon` to the input element this directive was used on and remove the directive.
8
- */
9
- export declare class DfInputIconDirective implements OnInit, DoCheck, OnDestroy {
10
- readonly dfInputIcon: import("@angular/core").InputSignal<DfDirection[]>;
11
- private button;
12
- private removeListener?;
13
- private isDisabled;
14
- private readonly siblingsNode;
15
- private readonly renderer;
16
- private readonly el;
17
- ngDoCheck(): void;
18
- ngOnInit(): void;
19
- /**
20
- * onBlur catch blur event to set the focused to false
21
- */
22
- onBlur(): void;
23
- onFocus(): void;
24
- onTab(e: KeyboardEvent): void;
25
- ngOnDestroy(): void;
26
- private initButtonHandler;
27
- static ɵfac: i0.ɵɵFactoryDeclaration<DfInputIconDirective, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfInputIconDirective, "[dfInputIcon]", ["dfInputIcon"], { "dfInputIcon": { "alias": "dfInputIcon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
29
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./click/trigger-click.directive";
3
- import * as i2 from "./icon/inputicon.directive";
4
- export { DfTriggerClickDirective } from './click/trigger-click.directive';
5
- export { DfInputIconDirective } from './icon/inputicon.directive';
6
- export declare class DfAdvancedInputModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<DfAdvancedInputModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfAdvancedInputModule, never, [typeof i1.DfTriggerClickDirective, typeof i2.DfInputIconDirective], [typeof i1.DfTriggerClickDirective, typeof i2.DfInputIconDirective]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<DfAdvancedInputModule>;
10
- }
@@ -1,25 +0,0 @@
1
- import { OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Directive using the matchMedia JS feature (https://developer.mozilla.org/fr/docs/Web/API/Window/matchMedia)
5
- * to be able to add or remove an element like ngIf is doing.
6
- * Import DfMediaModule from DF to use all media elements provided
7
- */
8
- export declare class DfIfMediaDirective implements OnDestroy {
9
- private _viewInstance;
10
- /**
11
- * Input of the directive
12
- * @param mediaOrBreakpoints either media query string/Array of string or in case of BS usage a
13
- * string/Array of string of the breakpoints name (sm...).
14
- */
15
- readonly dfIfMedia: import("@angular/core").InputSignal<string | string[]>;
16
- private readonly _viewContainerRef;
17
- private readonly _template;
18
- private readonly _mediaService;
19
- private _subscription;
20
- constructor();
21
- ngOnDestroy(): void;
22
- private update;
23
- static ɵfac: i0.ɵɵFactoryDeclaration<DfIfMediaDirective, never>;
24
- static ɵdir: i0.ɵɵDirectiveDeclaration<DfIfMediaDirective, "[dfIfMedia]", never, { "dfIfMedia": { "alias": "dfIfMedia"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
25
- }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./ifMedia.directive";
3
- export { DfIfMediaDirective } from './ifMedia.directive';
4
- export declare class DfMediaModule {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfMediaModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfMediaModule, never, [typeof i1.DfIfMediaDirective], [typeof i1.DfIfMediaDirective]>;
7
- static ɵinj: i0.ɵɵInjectorDeclaration<DfMediaModule>;
8
- }
@@ -1,24 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import { DfBreakpoints, DfMediaObserver } from './mediaUtils.service';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Services you can use to get indication about the current width screen of your application
6
- * the matchMedia JS feature (https://developer.mozilla.org/fr/docs/Web/API/Window/matchMedia)
7
- */
8
- export declare class DfMedia {
9
- private readonly mediaObserver;
10
- private readonly _breakPointsService;
11
- constructor(mediaObserver: DfMediaObserver, _breakPointsService: DfBreakpoints);
12
- initQueries(mediaOrBreakpoints: string | string[], breakPoints?: {
13
- [key: string]: string;
14
- }): string[];
15
- /**
16
- * Getter to have the observable indication if you are or not in the current scope of your queries
17
- * If one queries is matching result is `True` otherwise result is `False`
18
- * @param mediaOrBreakpoints either media query string/Array of string or/and in case of BS usage a
19
- * string/Array of string of the breakpoints name (sm...).
20
- */
21
- getObservable(mediaOrBreakpoints: string | string[]): Observable<boolean>;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<DfMedia, never>;
23
- static ɵprov: i0.ɵɵInjectableDeclaration<DfMedia>;
24
- }
@@ -1,75 +0,0 @@
1
- import { InjectionToken, OnDestroy } from '@angular/core';
2
- import { BehaviorSubject, Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export declare const DF_BREAKPOINTS_VAR_DEFAULT: {
5
- xs: string;
6
- sm: string;
7
- md: string;
8
- lg: string;
9
- xl: string;
10
- xxl: string;
11
- xxxl: string;
12
- };
13
- export declare const BREAKPOINTS_VARS: InjectionToken<{
14
- xs: string;
15
- sm: string;
16
- md: string;
17
- lg: string;
18
- xl: string;
19
- xxl: string;
20
- xxxl: string;
21
- }>;
22
- export declare class DfBreakpoints {
23
- private readonly _breakPointsVar;
24
- private readonly platformID;
25
- private readonly _breakPoints$;
26
- constructor(_breakPointsVar: {
27
- [breakpoint: string]: string;
28
- }, platformID: Object);
29
- get breakPoints$(): Observable<{} | null>;
30
- private initBreakpoints;
31
- generate(sizes: any[][]): {};
32
- static ɵfac: i0.ɵɵFactoryDeclaration<DfBreakpoints, never>;
33
- static ɵprov: i0.ɵɵInjectableDeclaration<DfBreakpoints>;
34
- }
35
- export interface MediaQueryListMeta {
36
- mediaQueryList: MediaQueryList;
37
- mediaQueryList$: BehaviorSubject<MediaQueryListEvent>;
38
- }
39
- export interface MediaBreakpointsState {
40
- matches: boolean;
41
- breakpoints: {
42
- [key: string]: boolean;
43
- };
44
- }
45
- export declare class DfMediaQuery {
46
- private readonly _isBrowser;
47
- constructor(platformId: Object);
48
- notSupported(query: string): Partial<MediaQueryList>;
49
- matchMedia(query: string): MediaQueryList;
50
- static ɵfac: i0.ɵɵFactoryDeclaration<DfMediaQuery, never>;
51
- static ɵprov: i0.ɵɵInjectableDeclaration<DfMediaQuery>;
52
- }
53
- export declare class DfMediaObserver implements OnDestroy {
54
- private readonly _mediaQuery;
55
- private readonly _subscription;
56
- private readonly _queries;
57
- constructor(_mediaQuery: DfMediaQuery);
58
- /**
59
- * Verifies if at least one of the provided media-queries is matching
60
- * the current viewport
61
- */
62
- matches(queries: string[] | string): boolean;
63
- /**
64
- * Produces an observable for a set of media-queries that will emit
65
- * meta information for any changes of the given queries.
66
- * @param value One or more media-queries to be observed.
67
- * @returns A stream of matches meta object for the given media-queries.
68
- */
69
- observe(queries: string | string[]): Observable<MediaBreakpointsState>;
70
- ngOnDestroy(): void;
71
- private _flattenQueries;
72
- private _registerQuery;
73
- static ɵfac: i0.ɵɵFactoryDeclaration<DfMediaObserver, never>;
74
- static ɵprov: i0.ɵɵInjectableDeclaration<DfMediaObserver>;
75
- }
@@ -1,17 +0,0 @@
1
- import { NgbModalOptions, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
2
- import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
3
- import { RendererFactory2 } from '@angular/core';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * @deprecated `DfModalService` is deprecated, use `NgbModal` from ng-bootstrap instead.
7
- * Please note that `NgbModal` adds 'modal-open' class to the body while DfModalService adds 'df-modal-open' class. Both classes include the same styles, but you may need to update your stylesheets if you were overriding 'df-modal-open' in your application.
8
- */
9
- export declare class DfModalService {
10
- private modalService;
11
- private rendererFactory;
12
- private renderer;
13
- constructor(modalService: NgbModal, rendererFactory: RendererFactory2);
14
- open(content: any, options?: NgbModalOptions): NgbModalRef;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<DfModalService, never>;
16
- static ɵprov: i0.ɵɵInjectableDeclaration<DfModalService>;
17
- }
@@ -1,7 +0,0 @@
1
- import { NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';
2
- import * as i0 from "@angular/core";
3
- export declare class DfPopoverConfig extends NgbPopoverConfig {
4
- autoClose: "outside";
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DfPopoverConfig, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<DfPopoverConfig>;
7
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@ng-bootstrap/ng-bootstrap";
3
- export declare class DfPopoverModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<DfPopoverModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<DfPopoverModule, never, never, [typeof i1.NgbPopoverModule]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<DfPopoverModule>;
7
- }
@@ -1,61 +0,0 @@
1
- import { OnDestroy, OnInit } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import * as i0 from "@angular/core";
4
- export declare class DfProgressbarComponent implements OnInit, OnDestroy {
5
- readonly PERCENTAGE_PLACEHOLDER = "%PERCENTAGE%";
6
- readonly FADING_DELAY_MS = 1500;
7
- readonly infiniteAnimation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
8
- /**
9
- * Current value of the progressBar. If 'maxValue' is not defined, value represents a percentage. Otherwise, progress
10
- * bar percentage value will be computed based on the ratio of 'value/maxValue'
11
- */
12
- readonly value: import("@angular/core").InputSignalWithTransform<number, unknown>;
13
- readonly maxValue: import("@angular/core").InputSignalWithTransform<number, unknown>;
14
- readonly innerValue: import("@angular/core").WritableSignal<number>;
15
- readonly percentageValue: import("@angular/core").Signal<number>;
16
- readonly percentageValueChange: import("@angular/core").OutputEmitterRef<number>;
17
- /**
18
- * Observable used to trigger the start of the loading.
19
- * When emitting, progressbar will start to randomly increment toward 100%.
20
- */
21
- readonly start$: import("@angular/core").InputSignal<Observable<any> | undefined>;
22
- /**
23
- * Observable used to trigger the end of the loading.
24
- * When emitting, it forces the progressbar to reach 100%.
25
- */
26
- readonly end$: import("@angular/core").InputSignal<Observable<any> | undefined>;
27
- /**
28
- * Id of the label used to describe the progress bar.
29
- * It is used in priority compared to the ariaLabel.
30
- */
31
- readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
32
- /**
33
- * Aria label used to describe the progress bar if no ariaLabelledBy is specified.
34
- */
35
- readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
36
- readonly text: import("@angular/core").InputSignal<string>;
37
- readonly computedText: import("@angular/core").Signal<string>;
38
- readonly displayProgressBar: import("@angular/core").WritableSignal<boolean>;
39
- private startSubscription?;
40
- private endSubscription?;
41
- private intervalId;
42
- private animationOngoing;
43
- constructor();
44
- ngOnInit(): void;
45
- ngOnDestroy(): void;
46
- /**
47
- * Randomly increase the percentage but making sure that it can never reach 100%
48
- */
49
- private increasePercentage;
50
- /**
51
- * Clears the 'setInterval' function so that the automatic increase of the progressbar stops
52
- */
53
- private stopAutomaticIncrement;
54
- /**
55
- * Periodically calls a function which increments the value of the progressbar
56
- */
57
- private startAutomaticIncrement;
58
- private resetProgressBarValues;
59
- static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressbarComponent, never>;
60
- static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressbarComponent, "df-progressbar", never, { "infiniteAnimation": { "alias": "infiniteAnimation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "start$": { "alias": "start$"; "required": false; "isSignal": true; }; "end$": { "alias": "end$"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "percentageValueChange": "percentageValueChange"; }, never, never, true, never>;
61
- }