@dontdrinkandroot/ngx-material-extensions 0.7.3 → 0.7.5
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/assets/_extensions.scss
CHANGED
|
@@ -111,9 +111,9 @@
|
|
|
111
111
|
z-index: 2;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
height: var(--mat-toolbar-mobile-height);
|
|
114
|
+
height: var(--mat-toolbar-mobile-height, 56px);
|
|
115
115
|
@media (min-width: $ddr-breakpoint-sm) {
|
|
116
|
-
height: var(--mat-toolbar-standard-height);
|
|
116
|
+
height: var(--mat-toolbar-standard-height, 64px);
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
|
|
@@ -133,10 +133,7 @@ p.mat-mdc-list-item-line {
|
|
|
133
133
|
body.ddr-mat-scrolled {
|
|
134
134
|
.ddr-mat-toolbar-fixed-top-container {
|
|
135
135
|
.mat-toolbar {
|
|
136
|
-
background: mat
|
|
137
|
-
@media (prefers-color-scheme: dark) {
|
|
138
|
-
background: mat.get-theme-color($ddr-dark-theme, 'surface-container');
|
|
139
|
-
}
|
|
136
|
+
background: var(--mat-sys-surface-container)
|
|
140
137
|
}
|
|
141
138
|
}
|
|
142
139
|
}
|
package/assets/_theme.scss
CHANGED
|
@@ -1,133 +1,64 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
|
-
@include mat.core();
|
|
4
|
-
|
|
5
3
|
$ddr-mat-primary: mat.$azure-palette !default;
|
|
6
4
|
$ddr-mat-tertiary: mat.$magenta-palette !default;
|
|
7
|
-
|
|
8
|
-
$ddr-light-theme: mat.define-theme((
|
|
9
|
-
color: (
|
|
10
|
-
primary: $ddr-mat-primary,
|
|
11
|
-
tertiary: $ddr-mat-tertiary,
|
|
12
|
-
),
|
|
13
|
-
typography: (
|
|
14
|
-
plain-family: 'Roboto Flex Variable'
|
|
15
|
-
)
|
|
16
|
-
)) !default;
|
|
17
|
-
|
|
18
|
-
$ddr-dark-theme: mat.define-theme((
|
|
19
|
-
color: (
|
|
20
|
-
theme-type: dark,
|
|
21
|
-
primary: $ddr-mat-primary,
|
|
22
|
-
tertiary: $ddr-mat-tertiary,
|
|
23
|
-
),
|
|
24
|
-
)) !default;
|
|
5
|
+
$ddr-mat-density: 0 !default;
|
|
25
6
|
|
|
26
7
|
html {
|
|
27
|
-
|
|
28
|
-
@
|
|
29
|
-
|
|
30
|
-
|
|
8
|
+
color-scheme: light dark;
|
|
9
|
+
@include mat.theme((
|
|
10
|
+
color: (
|
|
11
|
+
primary: $ddr-mat-primary,
|
|
12
|
+
tertiary: $ddr-mat-tertiary,
|
|
13
|
+
),
|
|
14
|
+
typography: (
|
|
15
|
+
plain-family: 'Roboto Flex Variable'
|
|
16
|
+
),
|
|
17
|
+
density: $ddr-mat-density
|
|
18
|
+
));
|
|
31
19
|
}
|
|
32
20
|
|
|
33
|
-
.
|
|
21
|
+
.mdc-button {
|
|
34
22
|
&.mat-secondary {
|
|
35
|
-
@include mat.button-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
@include mat.button-overrides((
|
|
24
|
+
filled-container-color: var(--mat-sys-secondary),
|
|
25
|
+
outlined-label-text-color: var(--mat-sys-secondary),
|
|
26
|
+
protected-label-text-color: var(--mat-sys-secondary),
|
|
27
|
+
text-label-text-color: var(--mat-sys-secondary)
|
|
28
|
+
));
|
|
39
29
|
}
|
|
40
30
|
|
|
41
31
|
&.mat-tertiary {
|
|
42
|
-
@include mat.button-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
@include mat.button-overrides((
|
|
33
|
+
filled-container-color: var(--mat-sys-tertiary),
|
|
34
|
+
outlined-label-text-color: var(--mat-sys-tertiary),
|
|
35
|
+
protected-label-text-color: var(--mat-sys-tertiary),
|
|
36
|
+
text-label-text-color: var(--mat-sys-tertiary)
|
|
37
|
+
));
|
|
46
38
|
}
|
|
47
39
|
|
|
48
40
|
&.mat-error {
|
|
49
|
-
@include mat.button-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
@include mat.button-overrides((
|
|
42
|
+
filled-container-color: var(--mat-sys-error),
|
|
43
|
+
outlined-label-text-color: var(--mat-sys-error),
|
|
44
|
+
protected-label-text-color: var(--mat-sys-error),
|
|
45
|
+
text-label-text-color: var(--mat-sys-error)
|
|
46
|
+
));
|
|
53
47
|
}
|
|
54
48
|
}
|
|
55
49
|
|
|
56
|
-
.mat-mdc-raised-button {
|
|
57
|
-
&.mat-secondary {
|
|
58
|
-
@include mat.button-color($ddr-light-theme, $color-variant: secondary);
|
|
59
|
-
@media (prefers-color-scheme: dark) {
|
|
60
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: secondary);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&.mat-tertiary {
|
|
65
|
-
@include mat.button-color($ddr-light-theme, $color-variant: tertiary);
|
|
66
|
-
@media (prefers-color-scheme: dark) {
|
|
67
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
&.mat-error {
|
|
72
|
-
@include mat.button-color($ddr-light-theme, $color-variant: error);
|
|
73
|
-
@media (prefers-color-scheme: dark) {
|
|
74
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: error);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.mat-mdc-outlined-button {
|
|
80
|
-
&.mat-secondary {
|
|
81
|
-
@include mat.button-color($ddr-light-theme, $color-variant: secondary);
|
|
82
|
-
@media (prefers-color-scheme: dark) {
|
|
83
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: secondary);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
&.mat-tertiary {
|
|
88
|
-
@include mat.button-color($ddr-light-theme, $color-variant: tertiary);
|
|
89
|
-
@media (prefers-color-scheme: dark) {
|
|
90
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
&.mat-error {
|
|
95
|
-
@include mat.button-color($ddr-light-theme, $color-variant: error);
|
|
96
|
-
@media (prefers-color-scheme: dark) {
|
|
97
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: error);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.mat-mdc-unelevated-button {
|
|
103
|
-
&.mat-secondary {
|
|
104
|
-
@include mat.button-color($ddr-light-theme, $color-variant: secondary);
|
|
105
|
-
@media (prefers-color-scheme: dark) {
|
|
106
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: secondary);
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
&.mat-tertiary {
|
|
111
|
-
@include mat.button-color($ddr-light-theme, $color-variant: tertiary);
|
|
112
|
-
@media (prefers-color-scheme: dark) {
|
|
113
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: tertiary);
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
&.mat-error {
|
|
118
|
-
@include mat.button-color($ddr-light-theme, $color-variant: error);
|
|
119
|
-
@media (prefers-color-scheme: dark) {
|
|
120
|
-
@include mat.button-color($ddr-dark-theme, $color-variant: error);
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
@include mat.typography-hierarchy($ddr-light-theme);
|
|
126
|
-
|
|
127
50
|
html, body {
|
|
128
51
|
height: 100%;
|
|
129
52
|
}
|
|
130
53
|
|
|
54
|
+
// Hack? https://github.com/angular/components/issues/30444
|
|
55
|
+
$typo-theme: mat.define-theme((
|
|
56
|
+
typography: (
|
|
57
|
+
plain-family: 'Roboto Flex Variable'
|
|
58
|
+
)
|
|
59
|
+
)) !default;
|
|
60
|
+
@include mat.typography-hierarchy($typo-theme);
|
|
61
|
+
|
|
131
62
|
body {
|
|
132
63
|
margin: 0;
|
|
133
64
|
font-family: 'Roboto Flex Variable', 'Helvetica Neue', sans-serif;
|
package/assets/utils/_color.scss
CHANGED
|
@@ -1,29 +1,17 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
3
|
.text-primary {
|
|
4
|
-
color: mat
|
|
5
|
-
@media (prefers-color-scheme: dark) {
|
|
6
|
-
color: mat.get-theme-color($ddr-dark-theme, primary) !important;
|
|
7
|
-
}
|
|
4
|
+
color: var(--mat-sys-primary);
|
|
8
5
|
}
|
|
9
6
|
|
|
10
7
|
.text-secondary {
|
|
11
|
-
color: mat
|
|
12
|
-
@media (prefers-color-scheme: dark) {
|
|
13
|
-
color: mat.get-theme-color($ddr-dark-theme, secondary) !important;
|
|
14
|
-
}
|
|
8
|
+
color: var(--mat-sys-secondary);
|
|
15
9
|
}
|
|
16
10
|
|
|
17
11
|
.text-tertiary {
|
|
18
|
-
color: mat
|
|
19
|
-
@media (prefers-color-scheme: dark) {
|
|
20
|
-
color: mat.get-theme-color($ddr-dark-theme, tertiary) !important;
|
|
21
|
-
}
|
|
12
|
+
color: var(--mat-sys-tertiary);
|
|
22
13
|
}
|
|
23
14
|
|
|
24
15
|
.text-error {
|
|
25
|
-
color: mat
|
|
26
|
-
@media (prefers-color-scheme: dark) {
|
|
27
|
-
color: mat.get-theme-color($ddr-dark-theme, error) !important;
|
|
28
|
-
}
|
|
16
|
+
color: var(--mat-sys-error);
|
|
29
17
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken,
|
|
2
|
+
import { InjectionToken, Inject, Injectable, makeEnvironmentProviders, provideEnvironmentInitializer, inject, Directive, input, ViewChild, Input, ChangeDetectionStrategy, Component, HostBinding, HostListener, ContentChildren, signal, effect } from '@angular/core';
|
|
3
3
|
import { MatIconRegistry, MatIcon } from '@angular/material/icon';
|
|
4
4
|
import { DOCUMENT, NgClass } from '@angular/common';
|
|
5
5
|
import { fromEvent, distinctUntilChanged, interval, BehaviorSubject, combineLatest } from 'rxjs';
|
|
@@ -53,10 +53,10 @@ class DdrMatThemeScrollService {
|
|
|
53
53
|
this.document.head.appendChild(metaElement);
|
|
54
54
|
return metaElement;
|
|
55
55
|
}
|
|
56
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
57
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatThemeScrollService, deps: [{ token: DOCUMENT }, { token: DDR_MAT_THEME }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
57
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatThemeScrollService });
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatThemeScrollService, decorators: [{
|
|
60
60
|
type: Injectable
|
|
61
61
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
62
62
|
type: Inject,
|
|
@@ -100,10 +100,10 @@ class DdrMatFabFixedDirective {
|
|
|
100
100
|
this.el.nativeElement.parentElement.insertBefore(container, this.el.nativeElement);
|
|
101
101
|
container.appendChild(this.el.nativeElement);
|
|
102
102
|
}
|
|
103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
104
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.
|
|
103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatFabFixedDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
104
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DdrMatFabFixedDirective, isStandalone: true, selector: "[ddrMatFabFixed]", ngImport: i0 });
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatFabFixedDirective, decorators: [{
|
|
107
107
|
type: Directive,
|
|
108
108
|
args: [{
|
|
109
109
|
selector: '[ddrMatFabFixed]',
|
|
@@ -126,10 +126,10 @@ class DdrMatFilterComponent {
|
|
|
126
126
|
clear() {
|
|
127
127
|
this.formControl.setValue(null);
|
|
128
128
|
}
|
|
129
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.
|
|
129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
130
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: DdrMatFilterComponent, isStandalone: true, selector: "ddr-mat-filter", inputs: { bouncePeriod: { classPropertyName: "bouncePeriod", publicName: "bouncePeriod", isSignal: false, isRequired: false, transformFunction: null }, ddrMatPrefixIcon: { classPropertyName: "ddrMatPrefixIcon", publicName: "ddrMatPrefixIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChanged: "filterChanged" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<mat-card appearance=\"outlined\">\n <mat-form-field appearance=\"outline\" subscriptSizing=\"dynamic\">\n <input matInput type=\"text\" [formControl]=\"formControl\" #input/>\n @if (ddrMatPrefixIcon()) {\n <mat-icon matPrefix>{{ ddrMatPrefixIcon() }}</mat-icon>\n }\n <button mat-icon-button matSuffix (click)=\"clear()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
131
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatFilterComponent, decorators: [{
|
|
133
133
|
type: Component,
|
|
134
134
|
args: [{ selector: 'ddr-mat-filter', imports: [
|
|
135
135
|
MatIconButton,
|
|
@@ -235,10 +235,10 @@ class DdrMatGridTileLazyImgDirective {
|
|
|
235
235
|
// console.log('isHidden');
|
|
236
236
|
return window.getComputedStyle(nativeElement).display === 'none';
|
|
237
237
|
}
|
|
238
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
239
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.
|
|
238
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatGridTileLazyImgDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
239
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DdrMatGridTileLazyImgDirective, isStandalone: true, selector: "[ddrMatGridTileLazyImg]", inputs: { src: ["ddrMatGridTileLazyImg", "src"], offset: "offset", objectFit: "objectFit" }, host: { properties: { "src": "this.hostSrc", "style.object-fit": "this.hostStyleObjectFit", "style.width.px": "this.hostStyleWidthPx", "style.height.px": "this.hostStyleHeightPx", "style.opacity": "this.hostStyleOpacity" } }, usesOnChanges: true, ngImport: i0 });
|
|
240
240
|
}
|
|
241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatGridTileLazyImgDirective, decorators: [{
|
|
242
242
|
type: Directive,
|
|
243
243
|
args: [{
|
|
244
244
|
selector: '[ddrMatGridTileLazyImg]'
|
|
@@ -296,8 +296,8 @@ class DdrMatGridTileLazyImageContainerDirective {
|
|
|
296
296
|
ngOnDestroy() {
|
|
297
297
|
this.changeSubscription.unsubscribe();
|
|
298
298
|
}
|
|
299
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
300
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.
|
|
299
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatGridTileLazyImageContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
300
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DdrMatGridTileLazyImageContainerDirective, isStandalone: true, selector: "[ddrMatGridTileLazyImgContainer]", host: { listeners: { "window:resize": "windowResized($event)", "window:scroll": "windowScroll($event)" } }, queries: [{ propertyName: "lazyImages", predicate: DdrMatGridTileLazyImgDirective, descendants: true }], ngImport: i0 });
|
|
301
301
|
}
|
|
302
302
|
__decorate([
|
|
303
303
|
Debounce()
|
|
@@ -305,7 +305,7 @@ __decorate([
|
|
|
305
305
|
__decorate([
|
|
306
306
|
Limit()
|
|
307
307
|
], DdrMatGridTileLazyImageContainerDirective.prototype, "windowScroll", null);
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatGridTileLazyImageContainerDirective, decorators: [{
|
|
309
309
|
type: Directive,
|
|
310
310
|
args: [{
|
|
311
311
|
selector: '[ddrMatGridTileLazyImgContainer]'
|
|
@@ -381,10 +381,10 @@ class DdrMatSidenavService {
|
|
|
381
381
|
watchContentScrolled() {
|
|
382
382
|
return this.sidenavContentScrolled$.asObservable();
|
|
383
383
|
}
|
|
384
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
385
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.
|
|
384
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavService, deps: [{ token: i1$1.BreakpointObserver }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
385
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavService, providedIn: 'root' });
|
|
386
386
|
}
|
|
387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavService, decorators: [{
|
|
388
388
|
type: Injectable,
|
|
389
389
|
args: [{
|
|
390
390
|
providedIn: 'root'
|
|
@@ -411,10 +411,10 @@ class DdrMatSidenavContainerComponent {
|
|
|
411
411
|
ngOnInit() {
|
|
412
412
|
this.sidenavService.setSidenav(this.sidenav);
|
|
413
413
|
}
|
|
414
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
415
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.
|
|
414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavContainerComponent, deps: [{ token: DdrMatSidenavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
415
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.5", type: DdrMatSidenavContainerComponent, isStandalone: true, selector: "ddr-mat-sidenav-container", inputs: { stayOpenOnLargeScreen: { classPropertyName: "stayOpenOnLargeScreen", publicName: "stayOpenOnLargeScreen", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true, static: true }], ngImport: i0, template: "<mat-sidenav-container [ngClass]=\"mode()\">\n <mat-sidenav\n #sidenav\n [mode]=\"mode()\"\n [opened]=\"opened()\"\n [fixedInViewport]=\"true\"\n >\n <ng-content select=\"[slot=mat-sidenav]\"></ng-content>\n </mat-sidenav>\n <mat-sidenav-content #sidenavContent>\n <ng-content select=\"[slot=mat-sidenav-content]\"></ng-content>\n </mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [""], dependencies: [{ kind: "component", type: MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
416
416
|
}
|
|
417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavContainerComponent, decorators: [{
|
|
418
418
|
type: Component,
|
|
419
419
|
args: [{ selector: 'ddr-mat-sidenav-container', imports: [
|
|
420
420
|
MatSidenav,
|
|
@@ -437,13 +437,13 @@ class DdrMatSidenavToggleComponent {
|
|
|
437
437
|
toggleSidenav() {
|
|
438
438
|
this.sidenavService.toggle();
|
|
439
439
|
}
|
|
440
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
441
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.
|
|
440
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavToggleComponent, deps: [{ token: DdrMatSidenavService }], target: i0.ɵɵFactoryTarget.Component });
|
|
441
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DdrMatSidenavToggleComponent, isStandalone: true, selector: "ddr-mat-sidenav-toggle", host: { properties: { "style.display": "visible() ? \"block\" : \"none\"" } }, ngImport: i0, template: `
|
|
442
442
|
<button mat-icon-button (click)="toggleSidenav()">
|
|
443
443
|
<mat-icon>menu</mat-icon>
|
|
444
444
|
</button>`, isInline: true, dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
445
445
|
}
|
|
446
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatSidenavToggleComponent, decorators: [{
|
|
447
447
|
type: Component,
|
|
448
448
|
args: [{
|
|
449
449
|
selector: 'ddr-mat-sidenav-toggle',
|
|
@@ -482,10 +482,10 @@ class DdrMatToolbarFixedTopDirective {
|
|
|
482
482
|
});
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.
|
|
486
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.
|
|
485
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatToolbarFixedTopDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
486
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: DdrMatToolbarFixedTopDirective, isStandalone: true, selector: "[ddrMatToolbarFixedTop]", inputs: { ddrMatToolbarFixedTop: "ddrMatToolbarFixedTop" }, ngImport: i0 });
|
|
487
487
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.
|
|
488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DdrMatToolbarFixedTopDirective, decorators: [{
|
|
489
489
|
type: Directive,
|
|
490
490
|
args: [{
|
|
491
491
|
selector: '[ddrMatToolbarFixedTop]'
|