@sumaris-net/ngx-components 4.0.0-rc13 → 4.0.0-rc14

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sumaris-net/ngx-components",
3
3
  "description": "SUMARiS Angular components",
4
- "version": "4.0.0-rc13",
4
+ "version": "4.0.0-rc14",
5
5
  "author": "contact@e-is.pro",
6
6
  "license": "AGPL-3.0",
7
7
  "readmeFilename": "README.md",
@@ -16,7 +16,7 @@ export interface InputElement extends FocusableElement {
16
16
  }
17
17
  export declare function isInputElement(object: any): object is InputElement;
18
18
  export declare function asInputElement(object: ElementRef): InputElement | undefined;
19
- export declare function tabindexComparator(a: InputElement, b: InputElement): 1 | 0 | -1;
19
+ export declare function tabindexComparator(a: InputElement, b: InputElement): 0 | 1 | -1;
20
20
  export interface CanGainFocusOptions {
21
21
  minTabindex?: number;
22
22
  maxTabindex?: number;
@@ -108,7 +108,7 @@
108
108
 
109
109
  --app-table-header-height: #{$app-table-header-height};
110
110
  --app-toolbar-height: #{$app-toolbar-height};
111
- --app-paginator-height: #{$app-paginator-height};
111
+ //--app-paginator-height: #{$app-paginator-height};
112
112
  --app-form-buttons-bar-height: #{$app-form-buttons-bar-height};
113
113
  --app-footer-height: var(--app-form-buttons-bar-height);
114
114
  --mat-tab-link-height: #{$mat-tab-link-height};
@@ -554,37 +554,30 @@
554
554
  //}
555
555
  }
556
556
 
557
- .mat-paginator-footer {
558
- height: var(--app-paginator-height);
559
- background-color: whitesmoke;
560
-
561
- .mat-mdc-paginator-outer-container {
562
- height: var(--app-paginator-height);
563
- overflow-y: hidden;
564
-
565
- .mat-mdc-paginator-container {
566
- height: var(--app-paginator-height);
567
- min-height: unset;
568
- margin-top: 3px;
569
-
570
- button {
571
- height: var(--app-paginator-height);
572
- width: var(--app-paginator-height);
573
- //line-height: var(--app-paginator-height);
574
- padding: 6px;
575
-
576
- .mat-mdc-button-touch-target {
577
- height: var(--app-paginator-height);
578
- width: var(--app-paginator-height);
579
- }
557
+ .mat-mdc-paginator {
558
+ --mat-paginator-container-size: #{$app-paginator-height};
559
+ --mat-paginator-container-background-color: whitesmoke;
560
+ overflow-y: hidden;
580
561
 
581
- }
562
+ .mat-mdc-paginator-page-size-select {
563
+ height: var(--mat-paginator-container-size) !important;
564
+ margin-top: -10px;
565
+
566
+ .mat-mdc-form-field-infix {
567
+ height: var(--mat-paginator-container-size) !important;
582
568
  }
583
569
  }
570
+
571
+ button {
572
+ --mdc-icon-button-state-layer-size: var(--mat-paginator-container-size) !important;
573
+ padding: 6px !important;
574
+ }
575
+
584
576
  }
585
577
 
586
578
  html.plt-mobile {
587
579
 
580
+ // fixme: class mat-paginator-footer not used anymore, use .mat-mdc-paginator
588
581
  .mat-paginator-footer {
589
582
  .mat-paginator-outer-container {
590
583
  .mat-paginator-container {