@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.
- package/_theming.scss +19 -0
- package/_visual.scss +2 -0
- package/autocomplete/autocomplete-trigger.directive.d.ts +5 -15
- package/checkbox/_checkbox-theme.scss +4 -0
- package/core/formatters/index.d.ts +1 -1
- package/core/formatters/number/formatter.d.ts +25 -0
- package/core/locales/en-US.d.ts +1 -2
- package/core/locales/es-LA.d.ts +9 -0
- package/core/locales/fa-IR.d.ts +9 -0
- package/core/locales/locale-service.d.ts +39 -5
- package/core/locales/pt-BR.d.ts +9 -0
- package/core/locales/ru-RU.d.ts +1 -2
- package/core/locales/zh-CN.d.ts +9 -0
- package/core/option/option.d.ts +36 -7
- package/core/overlay/overlay-position-map.d.ts +7 -1
- package/core/styles/_variables.scss +1 -0
- package/core/styles/theming/_theming.scss +1 -0
- package/datepicker/calendar-header.component.d.ts +8 -2
- package/datepicker/calendar.component.d.ts +3 -4
- package/datepicker/month-view.component.d.ts +3 -4
- package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +27 -24
- package/esm2020/core/formatters/index.mjs +6 -2
- package/esm2020/core/formatters/number/formatter.mjs +90 -1
- package/esm2020/core/locales/en-US.mjs +3 -4
- package/esm2020/core/locales/es-LA.mjs +11 -2
- package/esm2020/core/locales/fa-IR.mjs +11 -2
- package/esm2020/core/locales/locale-service.mjs +4 -4
- package/esm2020/core/locales/pt-BR.mjs +11 -2
- package/esm2020/core/locales/ru-RU.mjs +3 -4
- package/esm2020/core/locales/zh-CN.mjs +11 -2
- package/esm2020/core/option/option.mjs +43 -7
- package/esm2020/core/overlay/overlay-position-map.mjs +7 -1
- package/esm2020/core/version.mjs +2 -2
- package/esm2020/datepicker/calendar-header.component.mjs +8 -7
- package/esm2020/datepicker/calendar.component.mjs +5 -14
- package/esm2020/datepicker/datepicker-input.directive.mjs +7 -6
- package/esm2020/datepicker/month-view.component.mjs +6 -15
- package/esm2020/file-upload/multiple-file-upload.component.mjs +9 -5
- package/esm2020/file-upload/single-file-upload.component.mjs +10 -6
- package/esm2020/loader-overlay/loader-overlay.component.mjs +2 -2
- package/esm2020/modal/modal.component.mjs +6 -5
- package/esm2020/modal/modal.module.mjs +8 -4
- package/esm2020/navbar/navbar.component.mjs +18 -9
- package/esm2020/navbar/vertical-navbar.component.mjs +9 -6
- package/esm2020/select/select.component.mjs +23 -9
- package/esm2020/tabs/tab.component.mjs +13 -4
- package/esm2020/timezone/timezone-select.component.mjs +2 -2
- package/esm2020/title/title.directive.mjs +2 -2
- package/esm2020/toast/toast.module.mjs +10 -4
- package/esm2020/tree/tree-option.component.mjs +6 -3
- package/esm2020/tree/tree-selection.component.mjs +6 -5
- package/esm2020/tree-select/tree-select.component.mjs +3 -3
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +30 -24
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +189 -22
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +20 -36
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-file-upload.mjs +15 -7
- package/fesm2015/ptsecurity-mosaic-file-upload.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-modal.mjs +10 -5
- package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +23 -15
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +23 -8
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tabs.mjs +12 -3
- package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timezone.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-title.mjs +1 -1
- package/fesm2015/ptsecurity-mosaic-title.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toast.mjs +8 -2
- package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.mjs +11 -6
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +27 -24
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +189 -21
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs +20 -36
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-file-upload.mjs +15 -7
- package/fesm2020/ptsecurity-mosaic-file-upload.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-modal.mjs +10 -5
- package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +23 -15
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +22 -8
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tabs.mjs +12 -3
- package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timezone.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-title.mjs +1 -1
- package/fesm2020/ptsecurity-mosaic-title.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toast.mjs +8 -2
- package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree.mjs +10 -6
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/file-upload/multiple-file-upload.component.d.ts +4 -3
- package/file-upload/single-file-upload.component.d.ts +4 -3
- package/form-field/_form-field-theme.scss +4 -0
- package/loader-overlay/loader-overlay.scss +3 -0
- package/modal/modal.module.d.ts +2 -1
- package/modal/modal.scss +14 -2
- package/navbar/navbar.component.d.ts +5 -2
- package/navbar/vertical-navbar.component.d.ts +4 -2
- package/package.json +4 -7
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/prebuilt-visual/default-visual.css +1 -1
- package/radio/_radio-theme.scss +4 -0
- package/select/select.component.d.ts +12 -9
- package/select/select.scss +1 -1
- 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.
|
@@ -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 {};
|
package/core/locales/en-US.d.ts
CHANGED
package/core/locales/es-LA.d.ts
CHANGED
package/core/locales/fa-IR.d.ts
CHANGED
@@ -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: {
|
package/core/locales/pt-BR.d.ts
CHANGED
package/core/locales/ru-RU.d.ts
CHANGED
package/core/locales/zh-CN.d.ts
CHANGED
package/core/option/option.d.ts
CHANGED
@@ -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:
|
7
|
+
export declare class McOptionSelectionChange<T = McOption> {
|
8
|
+
source: T;
|
9
9
|
isUserInput: boolean;
|
10
|
-
constructor(source:
|
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
|
+
};
|
@@ -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:
|
13
|
-
|
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
|
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>,
|
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; },
|
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
|
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,
|
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; }
|
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
|
}
|