@ng-matero/extensions 15.0.4 → 15.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/core/pipes/index.d.ts +1 -0
- package/core/pipes/is-template-ref.pipe.d.ts +7 -0
- package/core/pipes/pipes.module.d.ts +3 -2
- package/datetimepicker/_datetimepicker-theme.scss +5 -1
- package/datetimepicker/calendar.scss +9 -2
- package/datetimepicker/datetimepicker-content.scss +2 -2
- package/datetimepicker/time.scss +2 -2
- package/esm2020/core/pipes/index.mjs +2 -1
- package/esm2020/core/pipes/is-template-ref.pipe.mjs +14 -0
- package/esm2020/core/pipes/pipes.module.mjs +5 -4
- package/esm2020/datetimepicker/calendar.mjs +3 -3
- package/esm2020/datetimepicker/datetimepicker.mjs +2 -2
- package/esm2020/datetimepicker/time.mjs +3 -3
- package/esm2020/grid/cell.mjs +30 -45
- package/esm2020/grid/grid-module.mjs +24 -3
- package/esm2020/grid/grid-pipes.mjs +108 -0
- package/esm2020/grid/grid-utils.mjs +23 -4
- package/esm2020/grid/grid.mjs +9 -19
- package/esm2020/grid/interfaces.mjs +1 -1
- package/esm2020/grid/public-api.mjs +2 -1
- package/esm2020/select/select.mjs +19 -22
- package/esm2020/tooltip/tooltip-module.mjs +8 -7
- package/esm2020/tooltip/tooltip.mjs +4 -6
- package/fesm2015/mtxCore.mjs +17 -5
- package/fesm2015/mtxCore.mjs.map +1 -1
- package/fesm2015/mtxDatetimepicker.mjs +6 -6
- package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2015/mtxGrid.mjs +185 -67
- package/fesm2015/mtxGrid.mjs.map +1 -1
- package/fesm2015/mtxSelect.mjs +18 -21
- package/fesm2015/mtxSelect.mjs.map +1 -1
- package/fesm2015/mtxTooltip.mjs +11 -12
- package/fesm2015/mtxTooltip.mjs.map +1 -1
- package/fesm2020/mtxCore.mjs +17 -5
- package/fesm2020/mtxCore.mjs.map +1 -1
- package/fesm2020/mtxDatetimepicker.mjs +6 -6
- package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
- package/fesm2020/mtxGrid.mjs +184 -67
- package/fesm2020/mtxGrid.mjs.map +1 -1
- package/fesm2020/mtxSelect.mjs +18 -21
- package/fesm2020/mtxSelect.mjs.map +1 -1
- package/fesm2020/mtxTooltip.mjs +11 -12
- package/fesm2020/mtxTooltip.mjs.map +1 -1
- package/grid/_grid-theme.scss +5 -5
- package/grid/cell.d.ts +15 -12
- package/grid/grid-module.d.ts +20 -19
- package/grid/grid-pipes.d.ts +31 -0
- package/grid/grid-utils.d.ts +18 -3
- package/grid/grid.d.ts +14 -13
- package/grid/interfaces.d.ts +1 -1
- package/grid/public-api.d.ts +1 -0
- package/loader/_loader-theme.scss +1 -1
- package/package.json +1 -1
- package/select/select.d.ts +9 -8
- package/split/_split-theme.scss +1 -1
- package/tooltip/tooltip-module.d.ts +3 -2
- package/tooltip/tooltip.d.ts +0 -1
package/core/pipes/index.d.ts
CHANGED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MtxIsTemplateRefPipe implements PipeTransform {
|
|
4
|
+
transform(obj: any): boolean;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MtxIsTemplateRefPipe, never>;
|
|
6
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<MtxIsTemplateRefPipe, "isTemplateRef", false>;
|
|
7
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./to-observable.pipe";
|
|
3
|
-
import * as i2 from "
|
|
3
|
+
import * as i2 from "./is-template-ref.pipe";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
4
5
|
export declare class MtxPipesModule {
|
|
5
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<MtxPipesModule, never>;
|
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPipesModule, [typeof i1.MtxToObservablePipe], [typeof
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MtxPipesModule, [typeof i1.MtxToObservablePipe, typeof i2.MtxIsTemplateRefPipe], [typeof i3.CommonModule], [typeof i1.MtxToObservablePipe, typeof i2.MtxIsTemplateRefPipe]>;
|
|
7
8
|
static ɵinj: i0.ɵɵInjectorDeclaration<MtxPipesModule>;
|
|
8
9
|
}
|
|
@@ -160,10 +160,14 @@ $clock-font-size: 14px !default;
|
|
|
160
160
|
.mtx-time-ampm {
|
|
161
161
|
.mtx-time-am,
|
|
162
162
|
.mtx-time-pm {
|
|
163
|
-
color: theming.get-color-from-palette($foreground, text);
|
|
163
|
+
--mdc-text-button-label-text-color: #{theming.get-color-from-palette($foreground, text, .75)};
|
|
164
|
+
|
|
164
165
|
border-color: theming.get-color-from-palette($foreground, hint-text);
|
|
165
166
|
|
|
166
167
|
&.mtx-time-ampm-active {
|
|
168
|
+
--mdc-text-button-label-text-color: #{theming.get-color-from-palette($foreground, text)};
|
|
169
|
+
--mdc-typography-button-font-weight: 500;
|
|
170
|
+
|
|
167
171
|
background-color: theming.get-color-from-palette($accent, .2);
|
|
168
172
|
}
|
|
169
173
|
}
|
|
@@ -12,13 +12,15 @@ $calendar-prev-next-icon-margin: 15.5px;
|
|
|
12
12
|
$calendar-prev-icon-transform: translateX(2px) rotate(-45deg);
|
|
13
13
|
$calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
|
14
14
|
|
|
15
|
+
$landscape-calendar-header-width: 144px;
|
|
16
|
+
|
|
15
17
|
@mixin landscape-calendar-header {
|
|
16
18
|
.mtx-calendar {
|
|
17
19
|
display: flex;
|
|
18
20
|
|
|
19
21
|
.mtx-calendar-header {
|
|
20
|
-
width:
|
|
21
|
-
min-width:
|
|
22
|
+
width: $landscape-calendar-header-width;
|
|
23
|
+
min-width: $landscape-calendar-header-width;
|
|
22
24
|
padding: 16px 8px;
|
|
23
25
|
border-radius: 4px 0 0 4px;
|
|
24
26
|
|
|
@@ -89,6 +91,10 @@ $calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
|
|
89
91
|
letter-spacing: normal;
|
|
90
92
|
white-space: normal;
|
|
91
93
|
word-break: break-word;
|
|
94
|
+
|
|
95
|
+
.mat-mdc-button-touch-target {
|
|
96
|
+
height: 100%;
|
|
97
|
+
}
|
|
92
98
|
}
|
|
93
99
|
|
|
94
100
|
.mtx-calendar-header-year {
|
|
@@ -162,6 +168,7 @@ $calendar-next-icon-transform: translateX(-2px) rotate(45deg);
|
|
|
162
168
|
|
|
163
169
|
.mtx-calendar-controls {
|
|
164
170
|
display: flex;
|
|
171
|
+
align-items: center;
|
|
165
172
|
justify-content: space-between;
|
|
166
173
|
margin: 0 $calendar-controls-side-margin;
|
|
167
174
|
|
|
@@ -2,10 +2,10 @@ $calendar-padding: 8px;
|
|
|
2
2
|
$non-touch-calendar-cell-size: 40px;
|
|
3
3
|
$non-touch-calendar-portrait-width: $non-touch-calendar-cell-size * 7 + $calendar-padding * 2;
|
|
4
4
|
$non-touch-calendar-portrait-height: 424px;
|
|
5
|
-
$non-touch-calendar-landscape-width:
|
|
5
|
+
$non-touch-calendar-landscape-width: 432px;
|
|
6
6
|
$non-touch-calendar-landscape-height: 328px;
|
|
7
7
|
$non-touch-calendar-with-time-input-portrait-height: 490px;
|
|
8
|
-
$non-touch-calendar-with-time-input-landscape-height:
|
|
8
|
+
$non-touch-calendar-with-time-input-landscape-height: 404px;
|
|
9
9
|
|
|
10
10
|
// Ideally the calendar would have a constant aspect ratio, no matter its size, and we would base
|
|
11
11
|
// these measurements off the aspect ratio. Unfortunately, the aspect ratio does change a little as
|
package/datetimepicker/time.scss
CHANGED
|
@@ -55,11 +55,11 @@ $time-ampm-width: 40px;
|
|
|
55
55
|
|
|
56
56
|
.mtx-time-am,
|
|
57
57
|
.mtx-time-pm {
|
|
58
|
+
--mdc-typography-button-font-weight: 400;
|
|
59
|
+
|
|
58
60
|
flex: 1;
|
|
59
61
|
width: $time-ampm-width;
|
|
60
62
|
min-width: auto;
|
|
61
|
-
padding: 0;
|
|
62
|
-
line-height: normal;
|
|
63
63
|
border-width: 1px;
|
|
64
64
|
border-style: solid;
|
|
65
65
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export * from './pipes.module';
|
|
2
2
|
export * from './to-observable.pipe';
|
|
3
|
-
|
|
3
|
+
export * from './is-template-ref.pipe';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2NvcmUvcGlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsd0JBQXdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3BpcGVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RvLW9ic2VydmFibGUucGlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2lzLXRlbXBsYXRlLXJlZi5waXBlJztcbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Pipe, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class MtxIsTemplateRefPipe {
|
|
4
|
+
transform(obj) {
|
|
5
|
+
return obj instanceof TemplateRef;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
/** @nocollapse */ MtxIsTemplateRefPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MtxIsTemplateRefPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
9
|
+
/** @nocollapse */ MtxIsTemplateRefPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: MtxIsTemplateRefPipe, name: "isTemplateRef" });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MtxIsTemplateRefPipe, decorators: [{
|
|
11
|
+
type: Pipe,
|
|
12
|
+
args: [{ name: 'isTemplateRef' }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtdGVtcGxhdGUtcmVmLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2NvcmUvcGlwZXMvaXMtdGVtcGxhdGUtcmVmLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUdqRSxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CLFNBQVMsQ0FBQyxHQUFRO1FBQ2hCLE9BQU8sR0FBRyxZQUFZLFdBQVcsQ0FBQztJQUNwQyxDQUFDOztvSUFIVSxvQkFBb0I7a0lBQXBCLG9CQUFvQjsyRkFBcEIsb0JBQW9CO2tCQURoQyxJQUFJO21CQUFDLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0sIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHsgbmFtZTogJ2lzVGVtcGxhdGVSZWYnIH0pXG5leHBvcnQgY2xhc3MgTXR4SXNUZW1wbGF0ZVJlZlBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKG9iajogYW55KSB7XG4gICAgcmV0dXJuIG9iaiBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmO1xuICB9XG59XG4iXX0=
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { MtxToObservablePipe } from './to-observable.pipe';
|
|
4
|
+
import { MtxIsTemplateRefPipe } from './is-template-ref.pipe';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class MtxPipesModule {
|
|
6
7
|
}
|
|
7
8
|
/** @nocollapse */ MtxPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MtxPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
/** @nocollapse */ MtxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: MtxPipesModule, declarations: [MtxToObservablePipe], imports: [CommonModule], exports: [MtxToObservablePipe] });
|
|
9
|
+
/** @nocollapse */ MtxPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.1", ngImport: i0, type: MtxPipesModule, declarations: [MtxToObservablePipe, MtxIsTemplateRefPipe], imports: [CommonModule], exports: [MtxToObservablePipe, MtxIsTemplateRefPipe] });
|
|
9
10
|
/** @nocollapse */ MtxPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MtxPipesModule, imports: [CommonModule] });
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: MtxPipesModule, decorators: [{
|
|
11
12
|
type: NgModule,
|
|
12
13
|
args: [{
|
|
13
14
|
imports: [CommonModule],
|
|
14
|
-
exports: [MtxToObservablePipe],
|
|
15
|
-
declarations: [MtxToObservablePipe],
|
|
15
|
+
exports: [MtxToObservablePipe, MtxIsTemplateRefPipe],
|
|
16
|
+
declarations: [MtxToObservablePipe, MtxIsTemplateRefPipe],
|
|
16
17
|
}]
|
|
17
18
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb3JlL3BpcGVzL3BpcGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGNBQWM7OzhIQUFkLGNBQWM7K0hBQWQsY0FBYyxpQkFGVixtQkFBbUIsRUFBRSxvQkFBb0IsYUFGOUMsWUFBWSxhQUNaLG1CQUFtQixFQUFFLG9CQUFvQjsrSEFHeEMsY0FBYyxZQUpmLFlBQVk7MkZBSVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLG9CQUFvQixDQUFDO29CQUNwRCxZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQztpQkFDMUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgTXR4VG9PYnNlcnZhYmxlUGlwZSB9IGZyb20gJy4vdG8tb2JzZXJ2YWJsZS5waXBlJztcbmltcG9ydCB7IE10eElzVGVtcGxhdGVSZWZQaXBlIH0gZnJvbSAnLi9pcy10ZW1wbGF0ZS1yZWYucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbTXR4VG9PYnNlcnZhYmxlUGlwZSwgTXR4SXNUZW1wbGF0ZVJlZlBpcGVdLFxuICBkZWNsYXJhdGlvbnM6IFtNdHhUb09ic2VydmFibGVQaXBlLCBNdHhJc1RlbXBsYXRlUmVmUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIE10eFBpcGVzTW9kdWxlIHt9XG4iXX0=
|