@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.
Files changed (57) hide show
  1. package/core/pipes/index.d.ts +1 -0
  2. package/core/pipes/is-template-ref.pipe.d.ts +7 -0
  3. package/core/pipes/pipes.module.d.ts +3 -2
  4. package/datetimepicker/_datetimepicker-theme.scss +5 -1
  5. package/datetimepicker/calendar.scss +9 -2
  6. package/datetimepicker/datetimepicker-content.scss +2 -2
  7. package/datetimepicker/time.scss +2 -2
  8. package/esm2020/core/pipes/index.mjs +2 -1
  9. package/esm2020/core/pipes/is-template-ref.pipe.mjs +14 -0
  10. package/esm2020/core/pipes/pipes.module.mjs +5 -4
  11. package/esm2020/datetimepicker/calendar.mjs +3 -3
  12. package/esm2020/datetimepicker/datetimepicker.mjs +2 -2
  13. package/esm2020/datetimepicker/time.mjs +3 -3
  14. package/esm2020/grid/cell.mjs +30 -45
  15. package/esm2020/grid/grid-module.mjs +24 -3
  16. package/esm2020/grid/grid-pipes.mjs +108 -0
  17. package/esm2020/grid/grid-utils.mjs +23 -4
  18. package/esm2020/grid/grid.mjs +9 -19
  19. package/esm2020/grid/interfaces.mjs +1 -1
  20. package/esm2020/grid/public-api.mjs +2 -1
  21. package/esm2020/select/select.mjs +19 -22
  22. package/esm2020/tooltip/tooltip-module.mjs +8 -7
  23. package/esm2020/tooltip/tooltip.mjs +4 -6
  24. package/fesm2015/mtxCore.mjs +17 -5
  25. package/fesm2015/mtxCore.mjs.map +1 -1
  26. package/fesm2015/mtxDatetimepicker.mjs +6 -6
  27. package/fesm2015/mtxDatetimepicker.mjs.map +1 -1
  28. package/fesm2015/mtxGrid.mjs +185 -67
  29. package/fesm2015/mtxGrid.mjs.map +1 -1
  30. package/fesm2015/mtxSelect.mjs +18 -21
  31. package/fesm2015/mtxSelect.mjs.map +1 -1
  32. package/fesm2015/mtxTooltip.mjs +11 -12
  33. package/fesm2015/mtxTooltip.mjs.map +1 -1
  34. package/fesm2020/mtxCore.mjs +17 -5
  35. package/fesm2020/mtxCore.mjs.map +1 -1
  36. package/fesm2020/mtxDatetimepicker.mjs +6 -6
  37. package/fesm2020/mtxDatetimepicker.mjs.map +1 -1
  38. package/fesm2020/mtxGrid.mjs +184 -67
  39. package/fesm2020/mtxGrid.mjs.map +1 -1
  40. package/fesm2020/mtxSelect.mjs +18 -21
  41. package/fesm2020/mtxSelect.mjs.map +1 -1
  42. package/fesm2020/mtxTooltip.mjs +11 -12
  43. package/fesm2020/mtxTooltip.mjs.map +1 -1
  44. package/grid/_grid-theme.scss +5 -5
  45. package/grid/cell.d.ts +15 -12
  46. package/grid/grid-module.d.ts +20 -19
  47. package/grid/grid-pipes.d.ts +31 -0
  48. package/grid/grid-utils.d.ts +18 -3
  49. package/grid/grid.d.ts +14 -13
  50. package/grid/interfaces.d.ts +1 -1
  51. package/grid/public-api.d.ts +1 -0
  52. package/loader/_loader-theme.scss +1 -1
  53. package/package.json +1 -1
  54. package/select/select.d.ts +9 -8
  55. package/split/_split-theme.scss +1 -1
  56. package/tooltip/tooltip-module.d.ts +3 -2
  57. package/tooltip/tooltip.d.ts +0 -1
@@ -1,2 +1,3 @@
1
1
  export * from './pipes.module';
2
2
  export * from './to-observable.pipe';
3
+ export * from './is-template-ref.pipe';
@@ -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 "@angular/common";
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 i2.CommonModule], [typeof i1.MtxToObservablePipe]>;
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: 150px;
21
- min-width: 150px;
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: 446px;
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: 412px;
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
@@ -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
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHRlbnNpb25zL2NvcmUvcGlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9waXBlcy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90by1vYnNlcnZhYmxlLnBpcGUnO1xuIl19
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb3JlL3BpcGVzL3BpcGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFPM0QsTUFBTSxPQUFPLGNBQWM7OzhIQUFkLGNBQWM7K0hBQWQsY0FBYyxpQkFGVixtQkFBbUIsYUFGeEIsWUFBWSxhQUNaLG1CQUFtQjsrSEFHbEIsY0FBYyxZQUpmLFlBQVk7MkZBSVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixDQUFDO29CQUM5QixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDcEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgTXR4VG9PYnNlcnZhYmxlUGlwZSB9IGZyb20gJy4vdG8tb2JzZXJ2YWJsZS5waXBlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtNdHhUb09ic2VydmFibGVQaXBlXSxcbiAgZGVjbGFyYXRpb25zOiBbTXR4VG9PYnNlcnZhYmxlUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIE10eFBpcGVzTW9kdWxlIHt9XG4iXX0=
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlwZXMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXh0ZW5zaW9ucy9jb3JlL3BpcGVzL3BpcGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGNBQWM7OzhIQUFkLGNBQWM7K0hBQWQsY0FBYyxpQkFGVixtQkFBbUIsRUFBRSxvQkFBb0IsYUFGOUMsWUFBWSxhQUNaLG1CQUFtQixFQUFFLG9CQUFvQjsrSEFHeEMsY0FBYyxZQUpmLFlBQVk7MkZBSVgsY0FBYztrQkFMMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLG1CQUFtQixFQUFFLG9CQUFvQixDQUFDO29CQUNwRCxZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxvQkFBb0IsQ0FBQztpQkFDMUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgTXR4VG9PYnNlcnZhYmxlUGlwZSB9IGZyb20gJy4vdG8tb2JzZXJ2YWJsZS5waXBlJztcbmltcG9ydCB7IE10eElzVGVtcGxhdGVSZWZQaXBlIH0gZnJvbSAnLi9pcy10ZW1wbGF0ZS1yZWYucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbTXR4VG9PYnNlcnZhYmxlUGlwZSwgTXR4SXNUZW1wbGF0ZVJlZlBpcGVdLFxuICBkZWNsYXJhdGlvbnM6IFtNdHhUb09ic2VydmFibGVQaXBlLCBNdHhJc1RlbXBsYXRlUmVmUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIE10eFBpcGVzTW9kdWxlIHt9XG4iXX0=