Skip to content

Commit 193a077

Browse files
JudimaxJudimax
committed
"[UPDATE] additional work"
1 parent 337db55 commit 193a077

File tree

57 files changed

+2032
-39
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+2032
-39
lines changed

‎angular.json‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -923,6 +923,72 @@
923923
}
924924
}
925925
}
926+
},
927+
"wml-carousel-one": {
928+
"projectType": "library",
929+
"root": "projects/wml-carousel-one",
930+
"sourceRoot": "projects/wml-carousel-one/src",
931+
"prefix": "wml",
932+
"architect": {
933+
"build": {
934+
"builder": "@angular-devkit/build-angular:ng-packagr",
935+
"options": {
936+
"project": "projects/wml-carousel-one/ng-package.json"
937+
},
938+
"configurations": {
939+
"production": {
940+
"tsConfig": "projects/wml-carousel-one/tsconfig.lib.prod.json"
941+
},
942+
"development": {
943+
"tsConfig": "projects/wml-carousel-one/tsconfig.lib.json"
944+
}
945+
},
946+
"defaultConfiguration": "production"
947+
},
948+
"test": {
949+
"builder": "@angular-devkit/build-angular:karma",
950+
"options": {
951+
"tsConfig": "projects/wml-carousel-one/tsconfig.spec.json",
952+
"polyfills": [
953+
"zone.js",
954+
"zone.js/testing"
955+
]
956+
}
957+
}
958+
}
959+
},
960+
"wml-carousel": {
961+
"projectType": "library",
962+
"root": "projects/wml-carousel",
963+
"sourceRoot": "projects/wml-carousel/src",
964+
"prefix": "wml",
965+
"architect": {
966+
"build": {
967+
"builder": "@angular-devkit/build-angular:ng-packagr",
968+
"options": {
969+
"project": "projects/wml-carousel/ng-package.json"
970+
},
971+
"configurations": {
972+
"production": {
973+
"tsConfig": "projects/wml-carousel/tsconfig.lib.prod.json"
974+
},
975+
"development": {
976+
"tsConfig": "projects/wml-carousel/tsconfig.lib.json"
977+
}
978+
},
979+
"defaultConfiguration": "production"
980+
},
981+
"test": {
982+
"builder": "@angular-devkit/build-angular:karma",
983+
"options": {
984+
"tsConfig": "projects/wml-carousel/tsconfig.spec.json",
985+
"polyfills": [
986+
"zone.js",
987+
"zone.js/testing"
988+
]
989+
}
990+
}
991+
}
926992
}
927993
}
928994
}

‎package-lock.json‎

Lines changed: 35 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
"@windmillcode/angular-wml-button": "^18.2.3",
2424
"@windmillcode/angular-wml-mobile-nav": "^18.2.2",
2525
"@windmillcode/angular-wml-notify": "^18.2.1010",
26+
"@windmillcode/angular-wml-schematics": "^18.2.3112",
2627
"copy-files-from-to": "^3.11.0",
2728
"rxjs": "~7.8.0",
2829
"tslib": "^2.3.0",

‎projects/wml-angular-components-base/src/lib/models.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ import {WMLMotionUIProperty,WMLMotionUIPropertyState} from "@windmillcode/wml-co
66

77
export class WMLAngularMotionUIProperty<V=any,T=any> extends WMLMotionUIProperty<V,T>{
88
override motionEndEvent = new Subject<WMLMotionUIPropertyState>();
9+
override motionKeyFrameEvent = new Subject<string>()
910
}
1011

1112

‎projects/wml-carousel/README.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# WMLCarousel
2+
3+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
4+
5+
## Code scaffolding
6+
7+
Run `ng generate component component-name --project WML-carousel` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project WML-carousel`.
8+
> Note: Don't forget to add `--project WML-carousel` or else it will be added to the default project in your `angular.json` file.
9+
10+
## Build
11+
12+
Run `ng build WML-carousel` to build the project. The build artifacts will be stored in the `dist/` directory.
13+
14+
## Publishing
15+
16+
After building your library with `ng build WML-carousel`, go to the dist folder `cd dist/wml-carousel` and run `npm publish`.
17+
18+
## Running unit tests
19+
20+
Run `ng test WML-carousel` to execute the unit tests via [Karma](https://karma-runner.github.io).
21+
22+
## Further help
23+
24+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

‎projects/wml-carousel/_color_pallete.scss‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
@use "sass:string";
2+
3+
@function to-number($value) {
4+
@if type-of($value) == 'number' {
5+
@return $value;
6+
} @else if type-of($value) != 'string' {
7+
$_: log('Value for `to-number` should be a number or a string.');
8+
}
9+
10+
$result: 0;
11+
$digits: 0;
12+
$minus: str-slice($value, 1, 1) == '-';
13+
$numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);
14+
15+
@for $i from if($minus, 2, 1) through str-length($value) {
16+
$character: str-slice($value, $i, $i);
17+
18+
@if not (index(map-keys($numbers), $character) or $character == '.') {
19+
@return to-length(if($minus, -$result, $result), str-slice($value, $i))
20+
}
21+
22+
@if $character == '.' {
23+
$digits: 1;
24+
} @else if $digits == 0 {
25+
$result: $result * 10 + map-get($numbers, $character);
26+
} @else {
27+
$digits: $digits * 10;
28+
$result: $result + map-get($numbers, $character) / $digits;
29+
}
30+
}
31+
32+
@return if($minus, -$result, $result);;
33+
}
34+
35+
@function convert-to-rgb($color) {
36+
$channels: string.split($color, ",");
37+
@return rgb(to-number(nth($channels, 1)),to-number(nth($channels, 2)),to-number(nth($channels, 3)));
38+
}
39+
40+
41+
$wml-carousel-white: "255,255,255";
42+
$wml-carousel-black: "0,0,0";
43+
$wml-carousel-primary: "144,238,144";
44+
$wml-carousel-secondary:"112,112,112";
45+
46+
$wml-carousel-primary-gradient: radial-gradient(farthest-corner at 100% 0px,convert-to-rgb($wml-carousel-primary) 0%,convert-to-rgb($wml-carousel-secondary) 150%);
47+
$wml-carousel-secondary-gradient: radial-gradient(farthest-corner at 100% 0px,grey 0%,convert-to-rgb($wml-carousel-black) 150%);
48+
49+
50+
:root{
51+
--wml-carousel-white:#{$wml-carousel-white};
52+
--wml-carousel-black:#{$wml-carousel-black};
53+
--wml-carousel-primary:#{$wml-carousel-primary};
54+
--wml-carousel-secondary:#{$wml-carousel-secondary};
55+
56+
--wml-carousel-primary-gradient: #{$wml-carousel-primary-gradient};
57+
--wml-carousel-secondary-gradient: #{$wml-carousel-secondary-gradient};
58+
59+
}

‎projects/wml-carousel/_common.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
$wml-carousel-border-radius0:calc(8/16 * 1rem);
2+
$wml-carousel-border-radius1:calc(10/16 * 1rem);
3+
$wml-carousel-border-radius2:calc(20/16 * 1rem);

‎projects/wml-carousel/_media_queries.scss‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
/***********************************************
2+
Media query variables
3+
***********************************************/
4+
5+
/* media queries */
6+
$mobileFont: 'only screen and (max-width: 600px)';
7+
$mobile: 'only screen and (max-width: 767px)';
8+
// $mobile: 'only screen and (max-width: 899px)';
9+
$smallMobile: 'only screen and (max-width: 320px)';
10+
$mediumMobile: 'only screen and (max-width: 374px)';
11+
$tablet: 'only screen and (min-width: 768px) and (max-width: 1199px)';
12+
$tabletPortrait: 'only screen and (min-width: 768px) and (max-width: 991px)';
13+
$tabletPortraitDown: 'only screen and (max-width: 991px)';
14+
$tabletLandscape: 'only screen and (min-width: 992px) and (max-width: 1199px)';
15+
$smallDesktop: 'only screen and (min-width: 992px)';
16+
$tabletLandscapeDown: 'only screen and (max-width: 1199px)';
17+
$desktop: 'only screen and (min-width: 1200px)';
18+
$notMobile: 'only screen and (min-width: 768px)';
19+
$laptop: 'only screen and (min-width: 1200px) and (max-width: 1440px)';
20+
$laptopDown: 'only screen and (max-width: 1440px)';
21+
$laptopTablet: 'only screen and (min-width: 768px) and (max-width: 1440px)';
22+
$laptopTabletLandscape: 'only screen and (min-width: 992px) and (max-width: 1440px)';
23+
$largeDesktop: 'only screen and (min-width: 1441px)';
24+
$largeDesktopDown: 'only screen and (max-width: 1599px)';
25+
$xlDesktop: 'only screen and (min-width: 1600px)';
26+
$xlDesktopDown: 'only screen and (max-width: 1919px)';
27+
$xxlDesktop: 'only screen and (min-width: 1920px)';
28+
29+
$xxxlDesktop: 'only screen and (min-width: 2000px)';
30+
$dekstopDownForCampaigns: 'only screen and (max-width: 1250px)';
31+
32+
/* media queries for header */
33+
$tabletForHeader: 'only screen and (min-width: 768px) and (max-width: 1230px)';
34+
$tabletLandscapeForHeader: 'only screen and (min-width: 992px) and (max-width: 1230px)';
35+
$tabletLandscapeDownForHeader: 'only screen and (max-width: 1230px)';
36+
$desktopForHeader: 'only screen and (min-width: 1231px)';
37+
$laptopForHeader: 'only screen and (min-width: 1231px) and (max-width: 1440px)';
38+
39+
40+
:root {
41+
--wml-carousel-mobile-font: #{$mobileFont};
42+
--wml-carousel-mobile: #{$mobile};
43+
--wml-carousel-small-mobile: #{$smallMobile};
44+
--wml-carousel-medium-mobile: #{$mediumMobile};
45+
--wml-carousel-tablet: #{$tablet};
46+
--wml-carousel-tablet-portrait: #{$tabletPortrait};
47+
--wml-carousel-tablet-portrait-down: #{$tabletPortraitDown};
48+
--wml-carousel-tablet-landscape: #{$tabletLandscape};
49+
--wml-carousel-small-desktop: #{$smallDesktop};
50+
--wml-carousel-tablet-landscape-down: #{$tabletLandscapeDown};
51+
--wml-carousel-desktop: #{$desktop};
52+
--wml-carousel-not-mobile: #{$notMobile};
53+
--wml-carousel-laptop: #{$laptop};
54+
--wml-carousel-laptop-down: #{$laptopDown};
55+
--wml-carousel-laptop-tablet: #{$laptopTablet};
56+
--wml-carousel-laptop-tablet-landscape: #{$laptopTabletLandscape};
57+
--wml-carousel-large-desktop: #{$largeDesktop};
58+
--wml-carousel-large-desktop-down: #{$largeDesktopDown};
59+
--wml-carousel-xl-desktop: #{$xlDesktop};
60+
--wml-carousel-xl-desktop-down: #{$xlDesktopDown};
61+
--wml-carousel-xxl-desktop: #{$xxlDesktop};
62+
--wml-carousel-xxxl-desktop: #{$xxxlDesktop};
63+
--wml-carousel-dekstop-down-for-campaigns: #{$dekstopDownForCampaigns};
64+
--wml-carousel-tablet-for-header: #{$tabletForHeader};
65+
--wml-carousel-tablet-landscape-for-header: #{$tabletLandscapeForHeader};
66+
--wml-carousel-tablet-landscape-down-for-header: #{$tabletLandscapeDownForHeader};
67+
--wml-carousel-desktop-for-header: #{$desktopForHeader};
68+
--wml-carousel-laptop-for-header: #{$laptopForHeader};
69+
}

‎projects/wml-carousel/_spacing.scss‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
$wml-carousel-spacing0: calc(1/16* 1rem);
2+
$wml-carousel-spacing1: calc(2/16* 1rem);
3+
$wml-carousel-spacing2: calc(4/16* 1rem);
4+
$wml-carousel-spacing3: calc(8/16* 1rem);
5+
$wml-carousel-spacing4: calc(12/16* 1rem);
6+
$wml-carousel-spacing5: calc(16/16* 1rem);
7+
$wml-carousel-spacing6: calc(24/16* 1rem);
8+
$wml-carousel-spacing7: calc(32/16* 1rem);
9+
$wml-carousel-spacing8: calc(48/16* 1rem);
10+
$wml-carousel-spacing9: calc(64/16* 1rem);
11+
$wml-carousel-spacing10: calc(72/16* 1rem);
12+
$wml-carousel-spacing11: calc(96/16* 1rem);
13+
$wml-carousel-spacing12: calc(128/16* 1rem);
14+
$wml-carousel-spacing13: calc(192/16* 1rem);
15+
$wml-carousel-spacing14: calc(256/16* 1rem);
16+
$wml-carousel-spacing15: calc(384/16* 1rem);
17+
$wml-carousel-spacing16: calc(512/16* 1rem);
18+
19+
20+

‎projects/wml-carousel/ng-package.json‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{
2+
"$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3+
"dest": "../../dist/wml-carousel",
4+
"lib": {
5+
"entryFile": "src/public-api.ts"
6+
},
7+
"assets": [
8+
"styles.scss",
9+
"media_queries.scss",
10+
"spacing.scss",
11+
"common.scss",
12+
"color_pallete.scss"
13+
],
14+
"allowedNonPeerDependencies": [
15+
"@ngx-translate/core"
16+
]
17+
}

0 commit comments

Comments
 (0)