@ptsecurity/mosaic 15.6.0 → 15.7.2

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 (124) hide show
  1. package/_theming.scss +19 -0
  2. package/_visual.scss +2 -0
  3. package/autocomplete/autocomplete-trigger.directive.d.ts +5 -15
  4. package/checkbox/_checkbox-theme.scss +4 -0
  5. package/core/formatters/index.d.ts +1 -1
  6. package/core/formatters/number/formatter.d.ts +25 -0
  7. package/core/locales/en-US.d.ts +1 -2
  8. package/core/locales/es-LA.d.ts +9 -0
  9. package/core/locales/fa-IR.d.ts +9 -0
  10. package/core/locales/locale-service.d.ts +39 -5
  11. package/core/locales/pt-BR.d.ts +9 -0
  12. package/core/locales/ru-RU.d.ts +1 -2
  13. package/core/locales/zh-CN.d.ts +9 -0
  14. package/core/option/option.d.ts +36 -7
  15. package/core/overlay/overlay-position-map.d.ts +7 -1
  16. package/core/styles/_variables.scss +1 -0
  17. package/core/styles/theming/_theming.scss +1 -0
  18. package/datepicker/calendar-header.component.d.ts +8 -2
  19. package/datepicker/calendar.component.d.ts +3 -4
  20. package/datepicker/month-view.component.d.ts +3 -4
  21. package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +27 -24
  22. package/esm2020/core/formatters/index.mjs +6 -2
  23. package/esm2020/core/formatters/number/formatter.mjs +90 -1
  24. package/esm2020/core/locales/en-US.mjs +3 -4
  25. package/esm2020/core/locales/es-LA.mjs +11 -2
  26. package/esm2020/core/locales/fa-IR.mjs +11 -2
  27. package/esm2020/core/locales/locale-service.mjs +4 -4
  28. package/esm2020/core/locales/pt-BR.mjs +11 -2
  29. package/esm2020/core/locales/ru-RU.mjs +3 -4
  30. package/esm2020/core/locales/zh-CN.mjs +11 -2
  31. package/esm2020/core/option/option.mjs +43 -7
  32. package/esm2020/core/overlay/overlay-position-map.mjs +7 -1
  33. package/esm2020/core/version.mjs +2 -2
  34. package/esm2020/datepicker/calendar-header.component.mjs +8 -7
  35. package/esm2020/datepicker/calendar.component.mjs +5 -14
  36. package/esm2020/datepicker/datepicker-input.directive.mjs +7 -6
  37. package/esm2020/datepicker/month-view.component.mjs +6 -15
  38. package/esm2020/file-upload/multiple-file-upload.component.mjs +9 -5
  39. package/esm2020/file-upload/single-file-upload.component.mjs +10 -6
  40. package/esm2020/loader-overlay/loader-overlay.component.mjs +2 -2
  41. package/esm2020/modal/modal.component.mjs +6 -5
  42. package/esm2020/modal/modal.module.mjs +8 -4
  43. package/esm2020/navbar/navbar.component.mjs +18 -9
  44. package/esm2020/navbar/vertical-navbar.component.mjs +9 -6
  45. package/esm2020/select/select.component.mjs +23 -9
  46. package/esm2020/tabs/tab.component.mjs +13 -4
  47. package/esm2020/timezone/timezone-select.component.mjs +2 -2
  48. package/esm2020/title/title.directive.mjs +2 -2
  49. package/esm2020/toast/toast.module.mjs +10 -4
  50. package/esm2020/tree/tree-option.component.mjs +6 -3
  51. package/esm2020/tree/tree-selection.component.mjs +6 -5
  52. package/esm2020/tree-select/tree-select.component.mjs +3 -3
  53. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +30 -24
  54. package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  55. package/fesm2015/ptsecurity-mosaic-core.mjs +189 -22
  56. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  57. package/fesm2015/ptsecurity-mosaic-datepicker.mjs +20 -36
  58. package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  59. package/fesm2015/ptsecurity-mosaic-file-upload.mjs +15 -7
  60. package/fesm2015/ptsecurity-mosaic-file-upload.mjs.map +1 -1
  61. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +2 -2
  62. package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  63. package/fesm2015/ptsecurity-mosaic-modal.mjs +10 -5
  64. package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
  65. package/fesm2015/ptsecurity-mosaic-navbar.mjs +23 -15
  66. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  67. package/fesm2015/ptsecurity-mosaic-select.mjs +23 -8
  68. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  69. package/fesm2015/ptsecurity-mosaic-tabs.mjs +12 -3
  70. package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
  71. package/fesm2015/ptsecurity-mosaic-timezone.mjs +2 -2
  72. package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
  73. package/fesm2015/ptsecurity-mosaic-title.mjs +1 -1
  74. package/fesm2015/ptsecurity-mosaic-title.mjs.map +1 -1
  75. package/fesm2015/ptsecurity-mosaic-toast.mjs +8 -2
  76. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
  77. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +2 -2
  78. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  79. package/fesm2015/ptsecurity-mosaic-tree.mjs +11 -6
  80. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  81. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +27 -24
  82. package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
  83. package/fesm2020/ptsecurity-mosaic-core.mjs +189 -21
  84. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  85. package/fesm2020/ptsecurity-mosaic-datepicker.mjs +20 -36
  86. package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  87. package/fesm2020/ptsecurity-mosaic-file-upload.mjs +15 -7
  88. package/fesm2020/ptsecurity-mosaic-file-upload.mjs.map +1 -1
  89. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +2 -2
  90. package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
  91. package/fesm2020/ptsecurity-mosaic-modal.mjs +10 -5
  92. package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
  93. package/fesm2020/ptsecurity-mosaic-navbar.mjs +23 -15
  94. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  95. package/fesm2020/ptsecurity-mosaic-select.mjs +22 -8
  96. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  97. package/fesm2020/ptsecurity-mosaic-tabs.mjs +12 -3
  98. package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
  99. package/fesm2020/ptsecurity-mosaic-timezone.mjs +2 -2
  100. package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
  101. package/fesm2020/ptsecurity-mosaic-title.mjs +1 -1
  102. package/fesm2020/ptsecurity-mosaic-title.mjs.map +1 -1
  103. package/fesm2020/ptsecurity-mosaic-toast.mjs +8 -2
  104. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
  105. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +2 -2
  106. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  107. package/fesm2020/ptsecurity-mosaic-tree.mjs +10 -6
  108. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  109. package/file-upload/multiple-file-upload.component.d.ts +4 -3
  110. package/file-upload/single-file-upload.component.d.ts +4 -3
  111. package/form-field/_form-field-theme.scss +4 -0
  112. package/loader-overlay/loader-overlay.scss +3 -0
  113. package/modal/modal.module.d.ts +2 -1
  114. package/modal/modal.scss +14 -2
  115. package/navbar/navbar.component.d.ts +5 -2
  116. package/navbar/vertical-navbar.component.d.ts +4 -2
  117. package/package.json +4 -7
  118. package/prebuilt-themes/dark-theme.css +1 -1
  119. package/prebuilt-themes/default-theme.css +1 -1
  120. package/prebuilt-visual/default-visual.css +1 -1
  121. package/radio/_radio-theme.scss +4 -0
  122. package/select/select.component.d.ts +12 -9
  123. package/select/select.scss +1 -1
  124. package/tree/tree-option.scss +4 -2
package/_theming.scss CHANGED
@@ -139,6 +139,7 @@ $light-color-scheme-foreground-text: #19252f;
139
139
  $light-color-scheme-foreground-text-less-contrast: #6d7a86;
140
140
  $light-color-scheme-foreground-text-disabled: #8c99a5;
141
141
  $light-color-scheme-foreground-text-error: #db3c55;
142
+ $light-color-scheme-foreground-text-warning: #a26e0c;
142
143
  $light-color-scheme-foreground-text-success: #016b37;
143
144
  $light-color-scheme-foreground-divider: #d7dee4;
144
145
  $light-color-scheme-foreground-border: #bdc7d1;
@@ -165,6 +166,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
165
166
  $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
166
167
  $dark-color-scheme-foreground-text-disabled: #6d7a86;
167
168
  $dark-color-scheme-foreground-text-error: #ee6f79;
169
+ $dark-color-scheme-foreground-text-warning: #e19f12;
168
170
  $dark-color-scheme-foreground-text-success: #4ba96c;
169
171
  $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
170
172
  $dark-color-scheme-foreground-border: #515e69;
@@ -6020,6 +6022,7 @@ $light-warning: mc-palette($light-color-scheme-warning-palette, $light-color-sch
6020
6022
  text-disabled: $light-color-scheme-foreground-text-disabled,
6021
6023
  text-error: $light-color-scheme-foreground-text-error,
6022
6024
  text-success: $light-color-scheme-foreground-text-success,
6025
+ text-warning: $light-color-scheme-foreground-text-warning,
6023
6026
 
6024
6027
  divider: $light-color-scheme-foreground-divider,
6025
6028
  border: $light-color-scheme-foreground-border,
@@ -6097,6 +6100,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
6097
6100
  text-disabled: $dark-color-scheme-foreground-text-disabled,
6098
6101
  text-error: $dark-color-scheme-foreground-text-error,
6099
6102
  text-success: $dark-color-scheme-foreground-text-success,
6103
+ text-warning: $dark-color-scheme-foreground-text-warning,
6100
6104
 
6101
6105
  divider: $dark-color-scheme-foreground-divider,
6102
6106
  border: $dark-color-scheme-foreground-border,
@@ -6140,6 +6144,8 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
6140
6144
  text-disabled: map-get($tokens, '#{$scheme}-foreground-text-disabled'),
6141
6145
  text-error: map-get($tokens, '#{$scheme}-foreground-text-error'),
6142
6146
  text-success: map-get($tokens, '#{$scheme}-foreground-text-success'),
6147
+ text-warning: map-get($tokens, '#{$scheme}-foreground-text-warning'),
6148
+
6143
6149
 
6144
6150
  divider: map-get($tokens, '#{$scheme}-foreground-divider'),
6145
6151
  border: map-get($tokens, '#{$scheme}-foreground-border'),
@@ -7155,6 +7161,7 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
7155
7161
  > .mc-icon-button {
7156
7162
  color: map-get($button-toggle, color);
7157
7163
  border-color: map-get($button-toggle-group, border);
7164
+ background: inherit;
7158
7165
 
7159
7166
  & .mc-icon {
7160
7167
  color: map-get($button-toggle, icon);
@@ -7334,6 +7341,10 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
7334
7341
  }
7335
7342
  }
7336
7343
 
7344
+ & .mc-hint {
7345
+ color: map-get($foreground, text-less-contrast);
7346
+ }
7347
+
7337
7348
  &.mc-primary {
7338
7349
  @include mc-checkbox-color(map-get($checkbox, default));
7339
7350
 
@@ -7992,6 +8003,10 @@ $mc-datepicker-today-fade-amount: 0.2;
7992
8003
  color: map-get($hint, text-color);
7993
8004
  }
7994
8005
 
8006
+ &.mc-warning {
8007
+ color: map-get($foreground, text-warning);
8008
+ }
8009
+
7995
8010
  &.mc-error {
7996
8011
  color: map-get($foreground, text-error);
7997
8012
  }
@@ -9026,6 +9041,10 @@ button {
9026
9041
  }
9027
9042
 
9028
9043
  .mc-radio-button {
9044
+ & .mc-hint {
9045
+ color: map-get($foreground, text-less-contrast);
9046
+ }
9047
+
9029
9048
  & .mc-radio-button__outer-circle {
9030
9049
  border-color: map-get($radio, outer-circle_border);
9031
9050
  background: map-get($background, background);
package/_visual.scss CHANGED
@@ -93,6 +93,7 @@ $light-color-scheme-foreground-text: #19252f;
93
93
  $light-color-scheme-foreground-text-less-contrast: #6d7a86;
94
94
  $light-color-scheme-foreground-text-disabled: #8c99a5;
95
95
  $light-color-scheme-foreground-text-error: #db3c55;
96
+ $light-color-scheme-foreground-text-warning: #a26e0c;
96
97
  $light-color-scheme-foreground-text-success: #016b37;
97
98
  $light-color-scheme-foreground-divider: #d7dee4;
98
99
  $light-color-scheme-foreground-border: #bdc7d1;
@@ -119,6 +120,7 @@ $dark-color-scheme-foreground-text: #d7dee4;
119
120
  $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
120
121
  $dark-color-scheme-foreground-text-disabled: #6d7a86;
121
122
  $dark-color-scheme-foreground-text-error: #ee6f79;
123
+ $dark-color-scheme-foreground-text-warning: #e19f12;
122
124
  $dark-color-scheme-foreground-text-success: #4ba96c;
123
125
  $dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
124
126
  $dark-color-scheme-foreground-border: #515e69;
@@ -1,9 +1,9 @@
1
1
  import { Directionality } from '@angular/cdk/bidi';
2
2
  import { Overlay, ScrollStrategy } from '@angular/cdk/overlay';
3
3
  import { ViewportRuler } from '@angular/cdk/scrolling';
4
- import { ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
4
+ import { AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, NgZone, OnDestroy, ViewContainerRef } from '@angular/core';
5
5
  import { ControlValueAccessor } from '@angular/forms';
6
- import { McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
6
+ import { KeyboardNavigationHandler, McOption, McOptionSelectionChange } from '@ptsecurity/mosaic/core';
7
7
  import { McFormField } from '@ptsecurity/mosaic/form-field';
8
8
  import { Observable } from 'rxjs';
9
9
  import { McAutocompleteOrigin } from './autocomplete-origin.directive';
@@ -14,8 +14,6 @@ import * as i0 from "@angular/core";
14
14
  * to properly calculate the scrollTop of the panel. Because we are not
15
15
  * actually focusing the active item, scroll must be handled manually.
16
16
  */
17
- /** The height of each autocomplete option. */
18
- export declare const AUTOCOMPLETE_OPTION_HEIGHT = 32;
19
17
  /** The total height of the autocomplete panel. */
20
18
  export declare const AUTOCOMPLETE_PANEL_HEIGHT = 256;
21
19
  export declare const AUTOCOMPLETE_BORDER_WIDTH: number;
@@ -37,7 +35,7 @@ export declare const MAT_AUTOCOMPLETE_VALUE_ACCESSOR: any;
37
35
  * @docs-private
38
36
  */
39
37
  export declare function getMcAutocompleteMissingPanelError(): Error;
40
- export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDestroy {
38
+ export declare class McAutocompleteTrigger implements AfterViewInit, ControlValueAccessor, OnDestroy, KeyboardNavigationHandler {
41
39
  private elementRef;
42
40
  private viewContainerRef;
43
41
  private changeDetectorRef;
@@ -92,6 +90,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
92
90
  /** Stream of keyboard events that can close the panel. */
93
91
  private readonly closeKeyEventStream;
94
92
  constructor(elementRef: ElementRef<HTMLInputElement>, viewContainerRef: ViewContainerRef, changeDetectorRef: ChangeDetectorRef, overlay: Overlay, zone: NgZone, scrollStrategy: any, dir: Directionality, formField: McFormField, document: any, viewportRuler?: ViewportRuler | undefined);
93
+ ngAfterViewInit(): void;
95
94
  ngOnDestroy(): void;
96
95
  /** `View -> model callback called when value changes` */
97
96
  onChange: (value: any) => void;
@@ -118,6 +117,7 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
118
117
  handleInput(event: KeyboardEvent): void;
119
118
  handleFocus(): void;
120
119
  handleClick($event: MouseEvent): void;
120
+ scrollActiveOptionIntoView(): void;
121
121
  /** Stream of clicks outside of the autocomplete panel. */
122
122
  private getOutsideClickStream;
123
123
  /**
@@ -125,16 +125,6 @@ export declare class McAutocompleteTrigger implements ControlValueAccessor, OnDe
125
125
  * arrow function in order to preserve the context.
126
126
  */
127
127
  private windowBlurHandler;
128
- /**
129
- * Given that we are not actually focusing active options, we must manually adjust scroll
130
- * to reveal options below the fold. First, we find the offset of the option from the top
131
- * of the panel. If that offset is below the fold, the new scrollTop will be the offset -
132
- * the panel height + the option height, so the active option will be just visible at the
133
- * bottom of the panel. If that offset is above the top of the visible panel, the new scrollTop
134
- * will become the offset. If that offset is visible within the panel already, the scrollTop is
135
- * not adjusted.
136
- */
137
- private scrollToOption;
138
128
  /**
139
129
  * This method listens to a stream of panel closing actions and resets the
140
130
  * stream every time the option list changes.
@@ -62,6 +62,10 @@
62
62
  }
63
63
  }
64
64
 
65
+ & .mc-hint {
66
+ color: map-get($foreground, text-less-contrast);
67
+ }
68
+
65
69
  &.mc-primary {
66
70
  @include mc-checkbox-color(map.get($checkbox, default));
67
71
 
@@ -3,7 +3,7 @@ import * as i1 from "./number/formatter";
3
3
  import * as i2 from "./date/formatter.pipe";
4
4
  export declare class McFormattersModule {
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<McFormattersModule, never>;
6
- static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<McFormattersModule, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe], never, [typeof i1.McDecimalPipe, typeof i1.McTableNumberPipe, typeof i2.AbsoluteDateFormatterPipe, typeof i2.AbsoluteDateTimeFormatterPipe, typeof i2.AbsoluteDateShortFormatterPipe, typeof i2.AbsoluteShortDateTimeFormatterPipe, typeof i2.RelativeDateFormatterPipe, typeof i2.RelativeDateTimeFormatterPipe, typeof i2.RelativeShortDateFormatterPipe, typeof i2.RelativeShortDateTimeFormatterPipe, typeof i2.RangeDateFormatterPipe, typeof i2.RangeShortDateFormatterPipe, typeof i2.RangeDateTimeFormatterPipe, typeof i2.RangeShortDateTimeFormatterPipe, typeof i2.RangeMiddleDateTimeFormatterPipe]>;
7
7
  static ɵinj: i0.ɵɵInjectorDeclaration<McFormattersModule>;
8
8
  }
9
9
  export * from './number/formatter';
@@ -30,8 +30,33 @@ export declare class McDecimalPipe implements PipeTransform {
30
30
  * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
31
31
  */
32
32
  transform(value: any, digitsInfo?: string, locale?: string): string | null;
33
+ isSpecialFormatForRULocale(locale: string, value: number, grouping?: boolean): boolean;
33
34
  static ɵfac: i0.ɵɵFactoryDeclaration<McDecimalPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
34
35
  static ɵpipe: i0.ɵɵPipeDeclaration<McDecimalPipe, "mcNumber", false>;
35
36
  static ɵprov: i0.ɵɵInjectableDeclaration<McDecimalPipe>;
36
37
  }
38
+ export declare class McTableNumberPipe implements PipeTransform {
39
+ private id;
40
+ private localeService;
41
+ private readonly options;
42
+ constructor(id: string, localeService: McLocaleService, options: ParsedDigitsInfo);
43
+ /**
44
+ * @param value The number to be formatted.
45
+ * @param digitsInfo Decimal representation options, specified by a string
46
+ * in the following format:<br>
47
+ * <code>{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}</code>.
48
+ * - `minIntegerDigits`: The minimum number of integer digits before the decimal point.
49
+ * Default is `1`.
50
+ * - `minFractionDigits`: The minimum number of digits after the decimal point.
51
+ * Default is `0`.
52
+ * - `maxFractionDigits`: The maximum number of digits after the decimal point.
53
+ * Default is `3`.
54
+ * @param locale A locale code for the locale format rules to use.
55
+ * When not supplied, uses the value of `MC_LOCALE_ID`, which is `ru` by default.
56
+ */
57
+ transform(value: any, digitsInfo?: string, locale?: string): string | null;
58
+ static ɵfac: i0.ɵɵFactoryDeclaration<McTableNumberPipe, [{ optional: true; }, { optional: true; }, { optional: true; }]>;
59
+ static ɵpipe: i0.ɵɵPipeDeclaration<McTableNumberPipe, "mcTableNumber", false>;
60
+ static ɵprov: i0.ɵɵInjectableDeclaration<McTableNumberPipe>;
61
+ }
37
62
  export {};
@@ -1,11 +1,10 @@
1
1
  export declare const enUSLocaleData: {
2
- en: {
2
+ 'en-US': {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
6
  datepicker: {
7
7
  placeholder: string;
8
- dateInput: string;
9
8
  };
10
9
  };
11
10
  };
@@ -3,5 +3,14 @@ export declare const esLALocaleData: {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
+ datepicker: {
7
+ placeholder: string;
8
+ };
9
+ timepicker: {
10
+ placeholder: {
11
+ full: string;
12
+ short: string;
13
+ };
14
+ };
6
15
  };
7
16
  };
@@ -3,5 +3,14 @@ export declare const faIRLocaleData: {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
+ datepicker: {
7
+ placeholder: string;
8
+ };
9
+ timepicker: {
10
+ placeholder: {
11
+ full: string;
12
+ short: string;
13
+ };
14
+ };
6
15
  };
7
16
  };
@@ -2,44 +2,78 @@ import { InjectionToken } from '@angular/core';
2
2
  import { BehaviorSubject } from 'rxjs';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare const MC_LOCALE_ID: InjectionToken<string>;
5
- export declare const MC_DEFAULT_LOCALE_ID = "ru";
5
+ export declare const MC_DEFAULT_LOCALE_ID = "ru-RU";
6
6
  export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
7
7
  'zh-CN': {
8
8
  select: {
9
9
  hiddenItemsText: string;
10
10
  };
11
+ datepicker: {
12
+ placeholder: string;
13
+ };
14
+ timepicker: {
15
+ placeholder: {
16
+ full: string;
17
+ short: string;
18
+ };
19
+ };
11
20
  };
12
21
  'pt-BR': {
13
22
  select: {
14
23
  hiddenItemsText: string;
15
24
  };
25
+ datepicker: {
26
+ placeholder: string;
27
+ };
28
+ timepicker: {
29
+ placeholder: {
30
+ full: string;
31
+ short: string;
32
+ };
33
+ };
16
34
  };
17
35
  'fa-IR': {
18
36
  select: {
19
37
  hiddenItemsText: string;
20
38
  };
39
+ datepicker: {
40
+ placeholder: string;
41
+ };
42
+ timepicker: {
43
+ placeholder: {
44
+ full: string;
45
+ short: string;
46
+ };
47
+ };
21
48
  };
22
49
  'es-LA': {
23
50
  select: {
24
51
  hiddenItemsText: string;
25
52
  };
53
+ datepicker: {
54
+ placeholder: string;
55
+ };
56
+ timepicker: {
57
+ placeholder: {
58
+ full: string;
59
+ short: string;
60
+ };
61
+ };
26
62
  };
27
- en: {
63
+ 'en-US': {
28
64
  select: {
29
65
  hiddenItemsText: string;
30
66
  };
31
67
  datepicker: {
32
68
  placeholder: string;
33
- dateInput: string;
34
69
  };
35
70
  };
36
- ru: {
71
+ 'ru-RU': {
37
72
  select: {
38
73
  hiddenItemsText: string;
39
74
  };
40
75
  datepicker: {
41
76
  placeholder: string;
42
- dateInput: string;
43
77
  };
44
78
  };
45
79
  items: {
@@ -3,5 +3,14 @@ export declare const ptBRLocaleData: {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
+ datepicker: {
7
+ placeholder: string;
8
+ };
9
+ timepicker: {
10
+ placeholder: {
11
+ full: string;
12
+ short: string;
13
+ };
14
+ };
6
15
  };
7
16
  };
@@ -1,11 +1,10 @@
1
1
  export declare const ruRULocaleData: {
2
- ru: {
2
+ 'ru-RU': {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
6
  datepicker: {
7
7
  placeholder: string;
8
- dateInput: string;
9
8
  };
10
9
  };
11
10
  };
@@ -3,5 +3,14 @@ export declare const znCNLocaleData: {
3
3
  select: {
4
4
  hiddenItemsText: string;
5
5
  };
6
+ datepicker: {
7
+ placeholder: string;
8
+ };
9
+ timepicker: {
10
+ placeholder: {
11
+ full: string;
12
+ short: string;
13
+ };
14
+ };
6
15
  };
7
16
  };
@@ -4,10 +4,10 @@ import { McTitleTextRef } from '../title';
4
4
  import { McOptgroup } from './optgroup';
5
5
  import * as i0 from "@angular/core";
6
6
  /** Event object emitted by McOption when selected or deselected. */
7
- export declare class McOptionSelectionChange {
8
- source: McOption;
7
+ export declare class McOptionSelectionChange<T = McOption> {
8
+ source: T;
9
9
  isUserInput: boolean;
10
- constructor(source: McOption, isUserInput?: boolean);
10
+ constructor(source: T, isUserInput?: boolean);
11
11
  }
12
12
  /**
13
13
  * Describes a parent component that manages a list of options.
@@ -17,14 +17,45 @@ export declare class McOptionSelectionChange {
17
17
  export interface McOptionParentComponent {
18
18
  multiple?: boolean;
19
19
  }
20
+ /**
21
+ * Handler that will update scroll position of elements inside overlay
22
+ */
23
+ export interface KeyboardNavigationHandler {
24
+ /** Scrolls the active option into view. */
25
+ scrollActiveOptionIntoView(): void;
26
+ }
20
27
  /**
21
28
  * Injection token used to provide the parent component to options.
22
29
  */
23
30
  export declare const MC_OPTION_PARENT_COMPONENT: InjectionToken<McOptionParentComponent>;
31
+ export declare abstract class McOptionBase {
32
+ value: any;
33
+ abstract get viewValue(): string;
34
+ abstract get disabled(): boolean;
35
+ abstract set disabled(value: any);
36
+ abstract readonly onSelectionChange: EventEmitter<McOptionSelectionChange<any>>;
37
+ abstract select(): void;
38
+ abstract deselect(): void;
39
+ /** Emits the selection change event. */
40
+ protected emitSelectionChangeEvent(isUserInput?: boolean): void;
41
+ }
42
+ export declare class McVirtualOption extends McOptionBase {
43
+ value: any;
44
+ private _disabled;
45
+ get disabled(): any;
46
+ set disabled(value: any);
47
+ get selected(): boolean;
48
+ private _selected;
49
+ get viewValue(): string;
50
+ readonly onSelectionChange: EventEmitter<McOptionSelectionChange<McVirtualOption>>;
51
+ constructor(value: any, _disabled?: boolean);
52
+ select(): void;
53
+ deselect(): void;
54
+ }
24
55
  /**
25
56
  * Single option inside of a `<mc-select>` element.
26
57
  */
27
- export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTextRef {
58
+ export declare class McOption extends McOptionBase implements AfterViewChecked, OnDestroy, McTitleTextRef {
28
59
  private readonly element;
29
60
  private readonly changeDetectorRef;
30
61
  private readonly parent;
@@ -36,7 +67,7 @@ export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTex
36
67
  set showCheckbox(value: boolean | undefined);
37
68
  private _showCheckbox;
38
69
  /** Event emitted when the option is selected or deselected. */
39
- readonly onSelectionChange: EventEmitter<McOptionSelectionChange>;
70
+ readonly onSelectionChange: EventEmitter<McOptionSelectionChange<McOption>>;
40
71
  /** Emits when the state of the option changes and any parents have to be notified. */
41
72
  readonly stateChanges: Subject<void>;
42
73
  /**
@@ -92,8 +123,6 @@ export declare class McOption implements AfterViewChecked, OnDestroy, McTitleTex
92
123
  selectViaInteraction(): void;
93
124
  getTabIndex(): string;
94
125
  getHostElement(): HTMLElement;
95
- /** Emits the selection change event. */
96
- private emitSelectionChangeEvent;
97
126
  static ɵfac: i0.ɵɵFactoryDeclaration<McOption, [null, null, { optional: true; }, { optional: true; }]>;
98
127
  static ɵcmp: i0.ɵɵComponentDeclaration<McOption, "mc-option", ["mcOption"], { "value": "value"; "showCheckbox": "showCheckbox"; "disabled": "disabled"; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
99
128
  }
@@ -1,4 +1,5 @@
1
- import { ConnectionPositionPair } from '@angular/cdk/overlay';
1
+ import { ConnectionPositionPair, Overlay, ScrollStrategy } from '@angular/cdk/overlay';
2
+ import { InjectionToken } from '@angular/core';
2
3
  export declare const POSITION_MAP: {
3
4
  [key: string]: ConnectionPositionPair;
4
5
  };
@@ -32,3 +33,8 @@ export declare const POSITION_PRIORITY_STRATEGY: {
32
33
  export declare const POSITION_TO_CSS_MAP: {
33
34
  [key: string]: string;
34
35
  };
36
+ export declare const MC_CUSTOM_SCROLL_STRATEGY_PROVIDER: <T>(token: InjectionToken<T>, factory: (overlay: Overlay) => () => ScrollStrategy) => {
37
+ provide: InjectionToken<T>;
38
+ deps: (typeof Overlay)[];
39
+ useFactory: (overlay: Overlay) => () => ScrollStrategy;
40
+ };
@@ -7,3 +7,4 @@ $z-index-picker: 1050;
7
7
  $z-index-dropdown: 1050;
8
8
  $z-index-tooltip: 1060;
9
9
  $z-index-toast: 1070;
10
+ $z-index-loader-overlay: 1000;
@@ -82,6 +82,7 @@
82
82
  text-disabled: map.get($tokens, '#{$scheme}-foreground-text-disabled'),
83
83
  text-error: map.get($tokens, '#{$scheme}-foreground-text-error'),
84
84
  text-success: map.get($tokens, '#{$scheme}-foreground-text-success'),
85
+ text-warning: map-get($tokens, '#{$scheme}-foreground-text-warning'),
85
86
 
86
87
  divider: map.get($tokens, '#{$scheme}-foreground-divider'),
87
88
  border: map.get($tokens, '#{$scheme}-foreground-border'),
@@ -9,8 +9,14 @@ export declare class McCalendarHeader<D> implements AfterContentInit {
9
9
  value: number;
10
10
  }[];
11
11
  selectedMonth: number;
12
- years: number[];
13
- selectedYear: number;
12
+ years: {
13
+ name: number;
14
+ value: string;
15
+ }[];
16
+ selectedYear: {
17
+ name: number;
18
+ value: string;
19
+ };
14
20
  get activeDate(): D;
15
21
  set activeDate(value: D);
16
22
  private _activeDate;
@@ -1,5 +1,5 @@
1
1
  import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
2
- import { DateAdapter, McDateFormats } from '@ptsecurity/mosaic/core';
2
+ import { DateAdapter } from '@ptsecurity/mosaic/core';
3
3
  import { Subject } from 'rxjs';
4
4
  import { McCalendarCellCssClasses } from './calendar-body.component';
5
5
  import { McDatepickerIntl } from './datepicker-intl';
@@ -11,7 +11,6 @@ import * as i0 from "@angular/core";
11
11
  */
12
12
  export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnChanges {
13
13
  private readonly adapter;
14
- private readonly dateFormats;
15
14
  private changeDetectorRef;
16
15
  /** A date representing the period (month or year) to start the calendar in. */
17
16
  get startAt(): D | null;
@@ -61,7 +60,7 @@ export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnCha
61
60
  */
62
61
  stateChanges: Subject<void>;
63
62
  private readonly intlChanges;
64
- constructor(intl: McDatepickerIntl, adapter: DateAdapter<D>, dateFormats: McDateFormats, changeDetectorRef: ChangeDetectorRef);
63
+ constructor(intl: McDatepickerIntl, adapter: DateAdapter<D>, changeDetectorRef: ChangeDetectorRef);
65
64
  ngAfterContentInit(): void;
66
65
  ngOnDestroy(): void;
67
66
  ngOnChanges(changes: SimpleChanges): void;
@@ -76,6 +75,6 @@ export declare class McCalendar<D> implements AfterContentInit, OnDestroy, OnCha
76
75
  */
77
76
  private getValidDateOrNull;
78
77
  private getActiveDateDefault;
79
- static ɵfac: i0.ɵɵFactoryDeclaration<McCalendar<any>, [null, { optional: true; }, { optional: true; }, null]>;
78
+ static ɵfac: i0.ɵɵFactoryDeclaration<McCalendar<any>, [null, { optional: true; }, null]>;
80
79
  static ɵcmp: i0.ɵɵComponentDeclaration<McCalendar<any>, "mc-calendar", ["mcCalendar"], { "startAt": "startAt"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "userSelection": "userSelection"; }, never, never, false, never>;
81
80
  }
@@ -1,5 +1,5 @@
1
1
  import { AfterContentInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
2
- import { DateAdapter, McDateFormats } from '@ptsecurity/mosaic/core';
2
+ import { DateAdapter } from '@ptsecurity/mosaic/core';
3
3
  import { McCalendarBody, McCalendarCell, McCalendarCellCssClasses } from './calendar-body.component';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
@@ -8,7 +8,6 @@ import * as i0 from "@angular/core";
8
8
  */
9
9
  export declare class McMonthView<D> implements AfterContentInit {
10
10
  private changeDetectorRef;
11
- private readonly dateFormats;
12
11
  adapter: DateAdapter<D>;
13
12
  /**
14
13
  * The date to display in this month view (everything other than the month and year is ignored).
@@ -52,7 +51,7 @@ export declare class McMonthView<D> implements AfterContentInit {
52
51
  long: string;
53
52
  narrow: string;
54
53
  }[];
55
- constructor(changeDetectorRef: ChangeDetectorRef, dateFormats: McDateFormats, adapter: DateAdapter<D>);
54
+ constructor(changeDetectorRef: ChangeDetectorRef, adapter: DateAdapter<D>);
56
55
  ngAfterContentInit(): void;
57
56
  /** Handles when a new date is selected. */
58
57
  dateSelected(date: number): void;
@@ -69,6 +68,6 @@ export declare class McMonthView<D> implements AfterContentInit {
69
68
  private getDateInCurrentMonth;
70
69
  /** Checks whether the 2 dates are non-null and fall within the same month of the same year. */
71
70
  private hasSameMonthAndYear;
72
- static ɵfac: i0.ɵɵFactoryDeclaration<McMonthView<any>, [null, { optional: true; }, { optional: true; }]>;
71
+ static ɵfac: i0.ɵɵFactoryDeclaration<McMonthView<any>, [null, { optional: true; }]>;
73
72
  static ɵcmp: i0.ɵɵComponentDeclaration<McMonthView<any>, "mc-month-view", ["mcMonthView"], { "activeDate": "activeDate"; "selected": "selected"; "minDate": "minDate"; "maxDate": "maxDate"; "dateFilter": "dateFilter"; "dateClass": "dateClass"; }, { "selectedChange": "selectedChange"; "userSelection": "userSelection"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
74
73
  }