Skip to content

Commit e24fcc0

Browse files
JudimaxJudimax
committed
'[CHECKPOINT]' updated package to conform with @windmillcode/wml-components-base version 18.2.4200
1 parent 5105603 commit e24fcc0

File tree

25 files changed

+166
-91
lines changed

25 files changed

+166
-91
lines changed

‎package-lock.json

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

‎projects/wml-accordion/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-accordion",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-accordion",
88
"name": "@windmillcode/angular-wml-accordion",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-angular-components-base/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/wml-components-base": "^18.2.4200"
1313
},
1414
"private": false,
1515
"schematics": "",

‎projects/wml-button/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-button",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-button",
88
"name": "@windmillcode/angular-wml-button",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-carousel/README.md

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
# WML Carousel (3D)
2+
3+
The library is for carousels of all different types
4+
5+
The <code dir="auto">WMLCarouselOneComponent</code> is an Angular component that provides a customizable 3D carousel experience. It allows developers to create interactive and dynamic carousels with customizable slides and controls. The functionality of the component is in the prop class passed to the component so if you have your own 3d carousel you would like to design all you need to worry about is styling.It is designed to be flexible and extendable, enabling developers to tailor the carousel to their specific needs.
6+
7+
Key features include:
8+
9+
**Customizable Slides**: Each slide can be customized with its own content and styling.**Customizable Controls**: Controls for navigating the carousel can be customized.**Responsive Design**: The carousel adjusts its layout based on the window size.**Dynamic Animation**: Smooth transitions and animations when rotating between slides.
10+
11+
## Installation
12+
13+
Terminal window <code><div class="ec-line"><div class="code"><span style="--0:#82AAFF;--1:#3C63B3">npm</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#ECC48D;--1:#3C63B3">install</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#82AAFF;--1:#3C63B3">-s</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#82AAFF;--1:#3C63B3">--verbose</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#ECC48D;--1:#3C63B3">@windmillcode/wml-carousel</span><span style="--0:#D6DEEB;--1:#403F53"> </span><span style="--0:#ECC48D;--1:#3C63B3">@windmillcode/wml-components-base</span></div></div></code>
14+
15+
## Caveats
16+
17+
increasing the height of the container seems to mess with it because of the margining you would mostly likely have to resize the custom component you pass in the classes for sliadesafter 8 slides there are issues re arraging the slides to not overlapif you are to put elements directly beneath the carousel you may have margin and resize problms
18+
19+
## Usage
20+
21+
22+
23+
### WMLCarouselOneComponent
24+
25+
Getting Started<iframe src="https://stackblitz.com/edit/stackblitz-starters-zxawib?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>Handling Slide Events<iframe src="https://stackblitz.com/edit/stackblitz-starters-yp9ufe?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>Customizing Slides<iframe src="https://stackblitz.com/edit/stackblitz-starters-adpxnh?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>Customizing Controls<iframe src="https://stackblitz.com/edit/stackblitz-starters-gyjcoq?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
26+
27+
## References
28+
29+
30+
31+
### <code dir="auto">WMLCarouselOneProps</code>
32+
33+
Properties<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">id</code></td><td><code dir="auto">string</code></td><td>Unique identifier for the carousel</td></tr><tr><td><code dir="auto">slides</code></td><td><code dir="auto">Array&lt;WMLCarouselOneSlideProps&gt;</code></td><td>Array of slide object</td></tr><tr><td><code dir="auto">controls</code></td><td><code dir="auto">Array&lt;WMLCarouselOneControlProps&gt;</code></td><td>Array of control objects</td></tr><tr><td><code dir="auto">slideContainer</code></td><td><code dir="auto">WMLUIProperty</code></td><td>Style and class configuration for the slide container</td></tr><tr><td><code dir="auto">controller</code></td><td><code dir="auto">WMLAngularMotionUIProperty</code></td><td>Configuration for the carousel controller</td></tr><tr><td><code dir="auto">currentSlideNumber</code></td><td><code dir="auto">number</code></td><td>Index of the current slide</td></tr><tr><td><code dir="auto">setStateSubj</code></td><td><code dir="auto">Subject&lt;WMLCarouselOneProps&gt;</code></td><td>Subject to handle state updates</td></tr><tr><td><code dir="auto">setState</code></td><td><code dir="auto">(WMLCarouselOneProps)=&gt;void</code></td><td>Updates the state of the class</td></tr><tr><td><code dir="auto">slideDistanceFromCenter</code></td><td><code dir="auto">string</code></td><td>Distance of slides from the center</td></tr><tr><td><code dir="auto">slideDistanceFromTop</code></td><td><code dir="auto">string</code></td><td>Distance of slides from the top</td></tr></tbody></table>
34+
35+
Methods<table><thead><tr><th>Name</th><th>Signature</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">init</code></td><td><code dir="auto">(): void</code></td><td>Initializes the carousel properties</td></tr><tr><td><code dir="auto">listenForSlideContainerResize</code></td><td><code dir="auto">(): Observable&lt;void&gt;</code></td><td>Listens for window resize events to approriately resize the slide container</td></tr><tr><td><code dir="auto">rotateToSlide</code></td><td><code dir="auto">(slideNumber: number): void</code></td><td>Rotates to the specified slide number</td></tr><tr><td><code dir="auto">updateSlides</code></td><td><code dir="auto">(): void</code></td><td>Updates the slide configurations</td></tr><tr><td><code dir="auto">getAngle</code></td><td><code dir="auto">(): number</code></td><td>Calculates the angle between slides</td></tr><tr><td><code dir="auto">calculateSlideHeight</code></td><td><code dir="auto">(parentWidth: number, parentHeight: number): number</code></td><td>Calculates the slide height based on container size</td></tr><tr><td><code dir="auto">calculateSlideWidth</code></td><td><code dir="auto">(parentWidth: number, parentHeight: number): number</code></td><td>Calculates the slide width based on container size</td></tr><tr><td><code dir="auto">calculateSlideDistanceFromCenter</code></td><td><code dir="auto">(parentWidth: number, parentHeight: number): number</code></td><td>Calculates the distance of slides from the center</td></tr><tr><td><code dir="auto">calculateSlideDistanceFromTop</code></td><td><code dir="auto">(parentWidth: number, parentHeight: number): number</code></td><td>Calculates the distance of slides from the top</td></tr><tr><td><code dir="auto">calculatePerspective</code></td><td><code dir="auto">(parentWidth: number, parentHeight: number): number</code></td><td>Calculates the perspective for the carousel</td></tr></tbody></table>
36+
37+
38+
39+
### <code dir="auto">WMLCarouselOneSlideProps</code>
40+
41+
Properties<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">id</code></td><td><code dir="auto">string</code></td><td>Unique identifier for the slide</td></tr><tr><td><code dir="auto">custom</code></td><td><code dir="auto">WMLCustomComponent</code></td><td>Custom component for the slide content</td></tr><tr><td><code dir="auto">view</code></td><td><code dir="auto">WMLMotionUIProperty</code></td><td>Style and motion configuration for the slide</td></tr><tr><td><code dir="auto">setStateSubj</code></td><td><code dir="auto">Subject&lt;WMLCarouselOneSlideProps&gt;</code></td><td>Subject to handle state updates</td></tr><tr><td><code dir="auto">setState</code></td><td><code dir="auto">(WMLCarouselOneSlideProps)=&gt;void</code></td><td>Updates the state of the class</td></tr><tr><td><code dir="auto">slideViewContainerRef</code></td><td><code dir="auto">ViewContainerRef</code></td><td>Reference to the slide’s view container</td></tr></tbody></table>
42+
43+
Methods<table><thead><tr><th>Name</th><th>Signature</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">init</code></td><td><code dir="auto">(): void</code></td><td>Initializes the slide properties and adds the custom component</td></tr></tbody></table>
44+
45+
46+
47+
### <code dir="auto">WMLCarouselOneControlProps</code>
48+
49+
Properties<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">id</code></td><td><code dir="auto">string</code></td><td>Unique identifier for the control</td></tr><tr><td><code dir="auto">custom</code></td><td><code dir="auto">WMLCustomComponent</code></td><td>Custom component for the control content</td></tr><tr><td><code dir="auto">view</code></td><td><code dir="auto">WMLMotionUIProperty</code></td><td>Style and motion configuration for the control</td></tr><tr><td><code dir="auto">setStateSubj</code></td><td><code dir="auto">Subject&lt;WMLCarouselOneControlProps&gt;</code></td><td>Subject to handle state updates</td></tr><tr><td><code dir="auto">setState</code></td><td><code dir="auto">(WMLCarouselOneControlProps)=&gt;void</code></td><td>Updates the state of the class</td></tr><tr><td><code dir="auto">controlViewContainerRef</code></td><td><code dir="auto">ViewContainerRef</code></td><td>Reference to the control’s view container</td></tr></tbody></table>
50+
51+
Methods<table><thead><tr><th>Name</th><th>Signature</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">init</code></td><td><code dir="auto">(): void</code></td><td>Initializes the control properties and adds the custom component</td></tr></tbody></table>
52+
53+
54+
55+
### <code dir="auto">WMLCarouselOneSlideExampleProps</code>
56+
57+
Properties<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">id</code></td><td><code dir="auto">string</code></td><td>Unique identifier for the slide example</td></tr><tr><td><code dir="auto">value</code></td><td><code dir="auto">any</code></td><td>Value to display in the slide example</td></tr><tr><td><code dir="auto">setStateSubj</code></td><td><code dir="auto">Subject&lt;WMLCarouselOneSlideExampleProps&gt;</code></td><td>Subject to handle state updates</td></tr><tr><td><code dir="auto">setState</code></td><td><code dir="auto">(WMLCarouselOneSlideExampleProps)=&gt;void</code></td><td>Updates the state of the class</td></tr></tbody></table>
58+
59+
60+
61+
### <code dir="auto">WMLCarouselOneControlExampleProps</code>
62+
63+
Properties<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">id</code></td><td><code dir="auto">string</code></td><td>Unique identifier for the control example</td></tr><tr><td><code dir="auto">value</code></td><td><code dir="auto">any</code></td><td>Value to display in the control example</td></tr><tr><td><code dir="auto">setStateSubj</code></td><td><code dir="auto">Subject&lt;WMLCarouselOneControlExampleProps&gt;</code></td><td>Subject to handle state updates</td></tr><tr><td><code dir="auto">setState</code></td><td><code dir="auto">(WMLCarouselOneControlExampleProps)=&gt;void</code></td><td>Updates the state of the class</td></tr></tbody></table>
64+
65+
66+
67+
## Changelog
68+
69+
70+
71+
### v18.2.4200 [9/21/24]
72+
73+
first version of library[](/Windmillcode-Angular-CDK-Docs/angular-components/wml-button/)[](/Windmillcode-Angular-CDK-Docs/angular-components/wml-chips/)

‎projects/wml-carousel/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-carousel",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-carousel",
88
"name": "@windmillcode/angular-wml-carousel",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
@@ -17,5 +17,5 @@
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4006"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-chips/package.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,22 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-chips",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-chips",
88
"name": "@windmillcode/angular-wml-chips",
99
"peerDependencies": {
1010
"@angular/animations": "^18.0.0",
1111
"@angular/cdk": "^18.0.0",
1212
"@angular/common": "^18.0.0",
1313
"@angular/core": "^18.0.0",
14-
"@windmillcode/angular-wml-button": "^18.2.4100",
15-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
16-
"@windmillcode/wml-components-base": "^18.2.4100"
14+
"@windmillcode/angular-wml-button": "^18.2.4200",
15+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
16+
"@windmillcode/wml-components-base": "^18.2.4200"
1717
},
1818
"private": false,
1919
"schematics": "",
2020
"scripts": {
2121
"build": "npx ng build",
2222
"test": "npx ng test wml-chips --code-coverage"
2323
},
24-
"version": "18.2.4100"
24+
"version": "18.2.4200"
2525
}

‎projects/wml-field/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-field",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-field",
88
"name": "@windmillcode/angular-wml-field",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-file-manager/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-file-manager",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-file-manager",
88
"name": "@windmillcode/angular-wml-file-manager",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-form/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-form",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-form",
88
"name": "@windmillcode/angular-wml-form",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-infinite-dropdown/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-infinite-dropdown",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-infinite-dropdown",
88
"name": "@windmillcode/angular-wml-infinite-dropdown",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

‎projects/wml-input/package.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
"tslib": "^2.3.0"
55
},
66
"funding": "https://github.com/sponsors/WindMillCode",
7-
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/components/wml-input",
7+
"homepage": "https://windmillcode.github.io/Windmillcode-Angular-CDK-Docs/angular-components/wml-input",
88
"name": "@windmillcode/angular-wml-input",
99
"peerDependencies": {
1010
"@angular/common": "^18.0.0",
1111
"@angular/core": "^18.0.0",
12-
"@windmillcode/angular-wml-components-base": "^18.2.4100",
13-
"@windmillcode/wml-components-base": "^18.2.4100"
12+
"@windmillcode/angular-wml-components-base": "^18.2.4200",
13+
"@windmillcode/wml-components-base": "^18.2.4200"
1414
},
1515
"private": false,
1616
"schematics": "",
1717
"scripts": {
1818
"build": "npx ng build"
1919
},
20-
"version": "18.2.4100"
20+
"version": "18.2.4200"
2121
}

0 commit comments

Comments
 (0)