@dhutaryan/ngx-mat-timepicker 18.0.4 → 19.1.0
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/README.md +3 -0
- package/_timepicker-theme.scss +0 -6
- package/fesm2022/dhutaryan-ngx-mat-timepicker.mjs +119 -123
- package/fesm2022/dhutaryan-ngx-mat-timepicker.mjs.map +1 -1
- package/lib/hours-clock-dial.d.ts +1 -1
- package/lib/time-face-base.d.ts +1 -1
- package/lib/time-input-base.d.ts +1 -1
- package/lib/timepicker-actions.d.ts +5 -9
- package/lib/timepicker-base.d.ts +1 -1
- package/lib/timepicker-content.d.ts +9 -9
- package/lib/timepicker-input-base.d.ts +1 -1
- package/package.json +5 -6
- package/themes/_utils.scss +39 -0
- package/themes/m2/_tokens.scss +2 -0
- package/themes/m3/_base.scss +0 -8
- package/themes/m3/_color.scss +0 -11
- package/themes/m3/_tokens.scss +1 -1
- package/esm2022/dhutaryan-ngx-mat-timepicker.mjs +0 -5
- package/esm2022/lib/adapter/index.mjs +0 -34
- package/esm2022/lib/adapter/native-date-time-adapter.mjs +0 -137
- package/esm2022/lib/adapter/time-adapter.mjs +0 -90
- package/esm2022/lib/clock-dial-adnimation.mjs +0 -11
- package/esm2022/lib/clock-dials.mjs +0 -95
- package/esm2022/lib/clock-size.mjs +0 -25
- package/esm2022/lib/hours-clock-dial.mjs +0 -192
- package/esm2022/lib/minutes-clock-dial.mjs +0 -165
- package/esm2022/lib/orientation.mjs +0 -2
- package/esm2022/lib/time-face-base.mjs +0 -318
- package/esm2022/lib/time-input-base.mjs +0 -85
- package/esm2022/lib/time-inputs.mjs +0 -179
- package/esm2022/lib/time-period.mjs +0 -67
- package/esm2022/lib/time-selection-model.mjs +0 -76
- package/esm2022/lib/timepicker-actions-default.mjs +0 -3
- package/esm2022/lib/timepicker-actions.mjs +0 -135
- package/esm2022/lib/timepicker-animations.mjs +0 -22
- package/esm2022/lib/timepicker-base.mjs +0 -458
- package/esm2022/lib/timepicker-content-layout.mjs +0 -23
- package/esm2022/lib/timepicker-content.mjs +0 -127
- package/esm2022/lib/timepicker-input-base.mjs +0 -254
- package/esm2022/lib/timepicker-input.mjs +0 -136
- package/esm2022/lib/timepicker-intl.mjs +0 -39
- package/esm2022/lib/timepicker-scroll-strategy.mjs +0 -15
- package/esm2022/lib/timepicker-toggle.mjs +0 -96
- package/esm2022/lib/timepicker.mjs +0 -33
- package/esm2022/lib/timepicker.module.mjs +0 -138
- package/esm2022/public-api.mjs +0 -23
- package/themes/_base.scss +0 -119
package/README.md
CHANGED
|
@@ -11,6 +11,7 @@ The timepicker module using Angular material.
|
|
|
11
11
|
|
|
12
12
|
| mat-timepicker | Angular |
|
|
13
13
|
| -------------- | ------------------- |
|
|
14
|
+
| 19.x.x | >=19.0.0 |
|
|
14
15
|
| 18.x.x | >=18.0.0 |
|
|
15
16
|
| 17.x.x | ^17.0.0 |
|
|
16
17
|
| 16.x.x | ^16.0.0 |
|
|
@@ -112,6 +113,8 @@ Then you have to define a theme. [More details about theming](https://material.a
|
|
|
112
113
|
@include mat.color-variants-backwards-compatibility($my-theme)
|
|
113
114
|
```
|
|
114
115
|
|
|
116
|
+
You can also use `mat.theme` mixin instead.
|
|
117
|
+
|
|
115
118
|
## Usage
|
|
116
119
|
|
|
117
120
|
```html
|
package/_timepicker-theme.scss
CHANGED
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
|
-
@use './themes/base.scss';
|
|
4
3
|
@use './themes/m2/theme' as m2-theme;
|
|
5
4
|
@use './themes/m2/color' as m2-color;
|
|
6
5
|
@use './themes/m3/theme' as m3-theme;
|
|
7
6
|
@use './themes/m3/color' as m3-color;
|
|
8
7
|
|
|
9
8
|
@mixin theme($theme) {
|
|
10
|
-
@include base.define-color();
|
|
11
|
-
@include base.define-typography();
|
|
12
|
-
|
|
13
9
|
@if (mat.get-theme-version($theme) == 1) {
|
|
14
10
|
@include m3-theme.theme($theme);
|
|
15
11
|
} @else {
|
|
@@ -18,8 +14,6 @@
|
|
|
18
14
|
}
|
|
19
15
|
|
|
20
16
|
@mixin color($theme) {
|
|
21
|
-
@include base.define-color();
|
|
22
|
-
|
|
23
17
|
@if (mat.get-theme-version($theme) == 1) {
|
|
24
18
|
@include m3-color.m3-color($theme);
|
|
25
19
|
} @else {
|