'[CHECKPOINT]' updated package to reflect the version 18.2.3 of @angu…

…lar/core package

package.json

@@ -10,14 +10,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.2",
-    "@angular/common": "18.2.2",
-    "@angular/compiler": "18.2.2",
-    "@angular/core": "18.2.2",
-    "@angular/forms": "18.2.2",
-    "@angular/platform-browser": "18.2.2",
-    "@angular/platform-browser-dynamic": "18.2.2",
-    "@angular/router": "18.2.2",
+    "@angular/animations": "18.2.3",
+    "@angular/common": "18.2.3",
+    "@angular/compiler": "18.2.3",
+    "@angular/core": "18.2.3",
+    "@angular/forms": "18.2.3",
+    "@angular/platform-browser": "18.2.3",
+    "@angular/platform-browser-dynamic": "18.2.3",
+    "@angular/router": "18.2.3",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@windmillcode/angular-wml-button": "^18.2.3",
@@ -29,13 +29,13 @@
     "zone.js": "~0.14.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "18.2.2",
+    "@angular-devkit/build-angular": "18.2.3",
     "@angular-eslint/builder": "^18.0.1",
     "@angular-eslint/eslint-plugin": "^18.0.1",
     "@angular-eslint/eslint-plugin-template": "^18.0.1",
     "@angular-eslint/template-parser": "^18.0.1",
-    "@angular/cli": "18.2.2",
-    "@angular/compiler-cli": "18.2.2",
+    "@angular/cli": "18.2.3",
+    "@angular/compiler-cli": "18.2.3",
     "@types/jasmine": "~5.1.0",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",

projects/wml-accordion/README.md

@@ -465,6 +465,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Schematics](/Windmillcode-Angular-CDK-Docs/schematics/wml-schematics/)[Next
 WML Button](/Windmillcode-Angular-CDK-Docs/components/wml-button/)

projects/wml-accordion/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-button/README.md

@@ -503,6 +503,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Accordion](/Windmillcode-Angular-CDK-Docs/components/wml-accordion/)[Next
 WML Chips](/Windmillcode-Angular-CDK-Docs/components/wml-chips/)

projects/wml-button/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-chips/README.md

@@ -447,6 +447,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Button](/Windmillcode-Angular-CDK-Docs/components/wml-button/)[Next
 WML Field](/Windmillcode-Angular-CDK-Docs/components/wml-field/)

projects/wml-chips/package.json

@@ -11,14 +11,14 @@
         "@angular/cdk": "^18.0.0",
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-button": "^18.2.2200",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-button": "^18.2.3000",
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build",
         "test": "npx ng test wml-chips --code-coverage"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-components-base/README.md

@@ -1,6 +1,6 @@
 # WML Components Base
 
-When working on web applications, there is no standard baseline. The Angular WML Components Base Library establishes a foundation for your application, ensuring consistency and scalability. The core of this library is the <code dir="auto">WMLUIProperty</code> , which represents the basic building block of every element in a web application. This property encapsulates all the essential features, and there are several subclasses like <code dir="auto">WMLRoute</code> for routes, <code dir="auto">WMLView</code> to leverage change detection, <code dir="auto">WMLImage</code> for images  and <code dir="auto">WMLAnimateUIProperty</code> for CSS animations. Each class has properties and methods to optimize your work in those features of  your application. You can use this package and leave out the rest of the library and you will get very far building very robust and scalable applications
+When working on web applications, there is no standard baseline. The Angular WML Components Base Library establishes a foundation for your application, ensuring consistency and scalability. The core of this library is the <code dir="auto">WMLUIProperty</code> , which represents the basic building block of every element in a web application. This property encapsulates all the essential features, and there are several subclasses like <code dir="auto">WMLRoute</code> for routes, <code dir="auto">WMLView</code> to leverage change detection, <code dir="auto">WMLImage</code> for images  and <code dir="auto">WMLMotionUIProperty</code> for CSS animations and transitions. Each class has properties and methods to optimize your work in those features of  your application. You can use this package and leave out the rest of the library and you will get very far building very robust and scalable applications
 
 
 
@@ -12,15 +12,15 @@ Terminal window <code><div class="ec-line"><div class="code"><span style="--0:#8
 
 
 
-### WMLUIProperty
+### [WMLUIProperty](#wml-ui-property)
 
 **The Building Blocks Of Web Apps**
 
 <iframe src="https://stackblitz.com/edit/stackblitz-starters-ypqdk7?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
 
-### [WMLAnimateUIProperty](#wml-animate-ui-property)
+### [WMLMotionUIProperty](#wml-motion-ui-property)
 
-**Using Animations**
+**Using CSS Animations**
 
 <iframe src="https://stackblitz.com/edit/stackblitz-starters-bvamvi?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>**[Decent Example](#wml-animate-ui-property-decent-example)**
 
@@ -54,15 +54,15 @@ if you want a different animation for you animation states simply use a differen
 
 
 
-### WMLAnimateUIProperty
+### WMLMotionUIProperty
 
-<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">helperStyles</code></td><td><code dir="auto">WMLUIProperty[&#34;style&#34;]</code></td><td>Helper styles to prevent animation jank. Can be overwritten with <code dir="auto">{}</code> if it interferes with your work.</td></tr><tr><td><code dir="auto">keyFrameStyles</code></td><td><code dir="auto">{[k: string]: WMLUIProperty[&#34;style&#34;]}</code></td><td>Object containing keyframe styles for the animation. Keys represent the percentage of the animation (e.g., <code dir="auto">&#34;0%&#34;</code>, <code dir="auto">&#34;100%&#34;</code>).</td></tr><tr><td><code dir="auto">keyFrameName</code></td><td>`string</td><td>undefined`</td></tr><tr><td><code dir="auto">animationState</code></td><td><code dir="auto">WMLAnimateUIPropertyState</code></td><td>Current state of the animation.</td></tr><tr><td><code dir="auto">animationEndEvent</code></td><td><code dir="auto">Subject&lt;WMLAnimateUIPropertyState&gt;</code></td><td>Triggers when the animation is finally opened or closed.</td></tr><tr><td><code dir="auto">autoOpen</code></td><td><code dir="auto">boolean</code></td><td>Automatically start the open animation when the component is initialized. Defaults to <code dir="auto">false</code>.</td></tr></tbody></table>
+<table><thead><tr><th>Property</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">helperStyles</code></td><td><code dir="auto">WMLUIProperty[&#34;style&#34;]</code></td><td>Helper styles to prevent animation jank. Can be overwritten with <code dir="auto">{}</code> if it interferes with your work.</td></tr><tr><td><code dir="auto">keyFrameStyles</code></td><td><code dir="auto">{[k: string]: WMLUIProperty[&#34;style&#34;]}</code></td><td>Object containing keyframe styles for the motion. Keys represent the percentage of the motion (e.g., <code dir="auto">&#34;0%&#34;</code>, <code dir="auto">&#34;100%&#34;</code>).</td></tr><tr><td><code dir="auto">keyFrameName</code></td><td>`string</td><td>undefined`</td></tr><tr><td><code dir="auto">motionState</code></td><td><code dir="auto">WMLMotionUIPropertyState</code></td><td>Current state of the motion.</td></tr><tr><td><code dir="auto">motionEndEvent</code></td><td><code dir="auto">Subject&lt;WMLMotionUIPropertyState&gt;</code></td><td>Triggers when the motion is finally opened or closed.</td></tr><tr><td><code dir="auto">autoOpen</code></td><td><code dir="auto">boolean</code></td><td>Automatically start the open motion when the component is initialized. Defaults to <code dir="auto">false</code>.</td></tr></tbody></table>
 
 
 
 ### Methods
 
-<table><thead><tr><th>Method</th><th>Signature</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">getGroupAnimationState</code></td><td><code dir="auto">() =&gt; WMLAnimateUIPropertyState</code></td><td>Returns the current state of the animation.</td></tr><tr><td><code dir="auto">animationEnd</code></td><td><code dir="auto">(evt?: AnimationEvent) =&gt; void</code></td><td>Handles the animation end event. Updates the animation state and applies final styles.</td></tr><tr><td><code dir="auto">openAnimation</code></td><td><code dir="auto">() =&gt; void</code></td><td>Triggers the open animation.</td></tr><tr><td><code dir="auto">closeAnimation</code></td><td><code dir="auto">() =&gt; void</code></td><td>Triggers the close animation.</td></tr><tr><td><code dir="auto">toggleAnimation</code></td><td><code dir="auto">(val: &#39;forward&#39; | &#39;reverse&#39;) =&gt; void</code></td><td>Toggles the animation based on the direction (<code dir="auto">forward</code> for opening, <code dir="auto">reverse</code> for closing).</td></tr><tr><td><code dir="auto">injectKeyframes</code></td><td><code dir="auto">() =&gt; void</code></td><td>Generates and injects keyframes into the document based on <code dir="auto">keyFrameStyles</code> and <code dir="auto">keyFrameName</code>.</td></tr></tbody></table>
+<table><thead><tr><th>Method</th><th>Signature</th><th>Description</th></tr></thead><tbody><tr><td><code dir="auto">getGroupMotionState</code></td><td><code dir="auto">() =&gt; WMLMotionUIPropertyState</code></td><td>Returns the current state of the motion.</td></tr><tr><td><code dir="auto">animationEnd</code></td><td><code dir="auto">(evt?: AnimationEvent) =&gt; void</code></td><td>Handles the animation end event. Updates the motion state and applies final styles.</td></tr><tr><td><code dir="auto">openMotion</code></td><td><code dir="auto">() =&gt; void</code></td><td>Triggers the open motion.</td></tr><tr><td><code dir="auto">closeMotion</code></td><td><code dir="auto">() =&gt; void</code></td><td>Triggers the close motion.</td></tr><tr><td><code dir="auto">toggleMotion</code></td><td><code dir="auto">(val: &#39;forward&#39; | &#39;reverse&#39;) =&gt; void</code></td><td>Toggles the motion based on the direction (<code dir="auto">forward</code> for opening, <code dir="auto">reverse</code> for closing).</td></tr><tr><td><code dir="auto">injectKeyframes</code></td><td><code dir="auto">() =&gt; void</code></td><td>Generates and injects keyframes into the document based on <code dir="auto">keyFrameStyles</code> and <code dir="auto">keyFrameName</code>.</td></tr></tbody></table>
 
 
 
@@ -771,7 +771,11 @@ updated package to reflect the version  18.2.2 of @angular/core package
 
 
 
-### v18.2.2101 [9/1/24]
+### v18.2.2200 [9/3/24]
+
+[BREAKING CHANGE] WMLAnimateUIProperty is now WMLMotionUIProperty and anywhere you see animate on the class (careful not to confuse with css) change to motion
+
+### v18.2.2200 [9/3/24]
 
 updated package to conform with @windmillcode/angular-wml-components-base[Next
 WML Schematics](/Windmillcode-Angular-CDK-Docs/schematics/wml-schematics/)

projects/wml-components-base/package.json

@@ -15,5 +15,5 @@
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-field/README.md

@@ -472,6 +472,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Chips](/Windmillcode-Angular-CDK-Docs/components/wml-chips/)[Next
 WML File Manager](/Windmillcode-Angular-CDK-Docs/components/wml-file-manager/)

projects/wml-field/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-file-manager/README.md

@@ -437,6 +437,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Field](/Windmillcode-Angular-CDK-Docs/components/wml-field/)[Next
 WML Form](/Windmillcode-Angular-CDK-Docs/components/wml-form/)

projects/wml-file-manager/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-form/README.md

@@ -26,7 +26,7 @@ Terminal window<code><div class="ec-line"><div class="code"><span style="--0:#82
 
 the FormGroup is applied at the field level not the form level so essentiallly you do not need wml-form-zero to create your custom formto see how this complex form works if you type in abc in the name field then the email field is required however if the name field is not abc then you can empty the email field and submit the form. WMLForm is very impervious<iframe src="https://stackblitz.com/edit/stackblitz-starters-4zvh8e?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
 
-### Dynamic Field Update
+### [Dynamic Field Update](#dynamic-field-update)
 
 it replaces so you need the orginal field in case of adding fields<iframe src="https://stackblitz.com/edit/stackblitz-starters-wgiqyj?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
 
@@ -158,6 +158,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML File Manager](/Windmillcode-Angular-CDK-Docs/components/wml-file-manager/)[Next
 WML Infinite Dropdown](/Windmillcode-Angular-CDK-Docs/components/wml-infinite-dropdown/)

projects/wml-form/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-infinite-dropdown/README.md

@@ -28,7 +28,7 @@ To integrate the <code dir="auto">wml-infinite-dropdown</code> component into yo
 
 <iframe src="https://stackblitz.com/edit/stackblitz-starters-fbsnop?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
 
-### Adding Options
+### [Adding Options](#adding-options)
 
 open the preview in a browser and view the hierachy for the true infinite dropdown<iframe src="https://stackblitz.com/edit/stackblitz-starters-cpmz6f?ctl=1&embed=1&file=src%2Fmain.ts&theme=dark" style="width: 100%; height: calc(500/16 * 1em) !important;"></iframe>
 
@@ -507,6 +507,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Form](/Windmillcode-Angular-CDK-Docs/components/wml-form/)[Next
 WML Input](/Windmillcode-Angular-CDK-Docs/components/wml-input/)

projects/wml-infinite-dropdown/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-input/README.md

@@ -460,6 +460,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Infinite Dropdown](/Windmillcode-Angular-CDK-Docs/components/wml-infinite-dropdown/)[Next
 WML Mobile Nav](/Windmillcode-Angular-CDK-Docs/components/wml-mobile-nav/)

projects/wml-input/package.json

@@ -9,12 +9,12 @@
     "peerDependencies": {
         "@angular/common": "^18.0.0",
         "@angular/core": "^18.0.0",
-        "@windmillcode/angular-wml-components-base": "^18.2.2200"
+        "@windmillcode/angular-wml-components-base": "^18.2.3000"
     },
     "private": false,
     "schematics": "",
     "scripts": {
         "build": "npx ng build"
     },
-    "version": "18.2.2200"
+    "version": "18.2.3000"
 }

projects/wml-mobile-nav/README.md

@@ -433,6 +433,10 @@ updated package to conform with @windmillcode/angular-wml-components-base
 
 ### v18.2.2101 [9/1/24]
 
+updated package to conform with @windmillcode/angular-wml-components-base
+
+### v18.2.2200 [9/3/24]
+
 updated package to conform with @windmillcode/angular-wml-components-base[Previous
 WML Input](/Windmillcode-Angular-CDK-Docs/components/wml-input/)[Next
 WML Notify](/Windmillcode-Angular-CDK-Docs/components/wml-notify/)