diff --git a/CHANGELOG.md b/CHANGELOG.md
index 38c131b8..6673eb5b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,14 @@
### [@coreui/angular](https://coreui.io/angular/) changelog
+---
+
+#### `5.3.12`
+
+- fix(carousel): first image slides in for `crossfade` transition, animations refactor, closes #213 - thanks @baloo32
+- fix(carousel): `interval` prop value change should set/reset timer, closes #214 - thanks @baloo32
+- chore(dependencies): update
+
---
#### `5.3.10`
diff --git a/package-lock.json b/package-lock.json
index 65985182..2532f92f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,24 +1,24 @@
{
"name": "coreui-angular-dev",
- "version": "5.3.10",
+ "version": "5.3.12",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coreui-angular-dev",
- "version": "5.3.10",
- "license": "MIT",
- "dependencies": {
- "@angular/animations": "^19.1.4",
- "@angular/cdk": "^19.1.2",
- "@angular/common": "^19.1.4",
- "@angular/compiler": "^19.1.4",
- "@angular/core": "^19.1.4",
- "@angular/forms": "^19.1.4",
- "@angular/localize": "^19.1.4",
- "@angular/platform-browser": "^19.1.4",
- "@angular/platform-browser-dynamic": "^19.1.4",
- "@angular/router": "^19.1.4",
+ "version": "5.3.12",
+ "license": "MIT",
+ "dependencies": {
+ "@angular/animations": "^19.1.5",
+ "@angular/cdk": "^19.1.3",
+ "@angular/common": "^19.1.5",
+ "@angular/compiler": "^19.1.5",
+ "@angular/core": "^19.1.5",
+ "@angular/forms": "^19.1.5",
+ "@angular/localize": "^19.1.5",
+ "@angular/platform-browser": "^19.1.5",
+ "@angular/platform-browser-dynamic": "^19.1.5",
+ "@angular/router": "^19.1.5",
"@coreui/chartjs": "^4.0.0",
"@coreui/icons": "^3.0.1",
"@popperjs/core": "~2.11.8",
@@ -29,11 +29,11 @@
"zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "^19.1.5",
- "@angular-devkit/schematics": "^19.1.5",
- "@angular/cli": "^19.1.5",
- "@angular/compiler-cli": "^19.1.4",
- "@angular/language-service": "^19.1.4",
+ "@angular-devkit/build-angular": "^19.1.6",
+ "@angular-devkit/schematics": "^19.1.6",
+ "@angular/cli": "^19.1.6",
+ "@angular/compiler-cli": "^19.1.5",
+ "@angular/language-service": "^19.1.5",
"@types/jasmine": "^5.1.5",
"@types/lodash-es": "^4.17.12",
"@types/node": "^22.13.1",
@@ -70,13 +70,13 @@
}
},
"node_modules/@angular-devkit/architect": {
- "version": "0.1901.5",
- "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1901.5.tgz",
- "integrity": "sha512-zlRudZx34FkFZnSdaQCjxDleHwbQYNLdBFcLi+FBwt0UXqxmhbEIasK3l/3kCOC3QledrjUzVXgouji+OZ/WGQ==",
+ "version": "0.1901.6",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1901.6.tgz",
+ "integrity": "sha512-JiMrs3T1A7RyF5bh0PLGKDjTR8sa/kh8w63+dW0azcNok30tKjLjwJRPTpePokWefjmRgfKaf/iZ8yfFBnpGpA==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "19.1.5",
+ "@angular-devkit/core": "19.1.6",
"rxjs": "7.8.1"
},
"engines": {
@@ -86,17 +86,17 @@
}
},
"node_modules/@angular-devkit/build-angular": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.1.5.tgz",
- "integrity": "sha512-ny7ktNOTxaEi6cS3V6XFP5bbJkgiMt3OUNUYLdfdbv4y6wolVlPVHKl+wb4xs6tgbnmx63+e6zGpoDMCRytgcg==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/build-angular/-/build-angular-19.1.6.tgz",
+ "integrity": "sha512-QZtzkD0PQnBMpIwXyFTa9ZqN2wIEssh8V2VBRXzp0GXOZYvU18ICdZwJCXbRU2Bixwk8mrDALfMfryDWovJkGQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@ampproject/remapping": "2.3.0",
- "@angular-devkit/architect": "0.1901.5",
- "@angular-devkit/build-webpack": "0.1901.5",
- "@angular-devkit/core": "19.1.5",
- "@angular/build": "19.1.5",
+ "@angular-devkit/architect": "0.1901.6",
+ "@angular-devkit/build-webpack": "0.1901.6",
+ "@angular-devkit/core": "19.1.6",
+ "@angular/build": "19.1.6",
"@babel/core": "7.26.0",
"@babel/generator": "7.26.3",
"@babel/helper-annotate-as-pure": "7.25.9",
@@ -107,7 +107,7 @@
"@babel/preset-env": "7.26.0",
"@babel/runtime": "7.26.0",
"@discoveryjs/json-ext": "0.6.3",
- "@ngtools/webpack": "19.1.5",
+ "@ngtools/webpack": "19.1.6",
"@vitejs/plugin-basic-ssl": "1.2.0",
"ansi-colors": "4.1.3",
"autoprefixer": "10.4.20",
@@ -161,7 +161,7 @@
"@angular/localize": "^19.0.0",
"@angular/platform-server": "^19.0.0",
"@angular/service-worker": "^19.0.0",
- "@angular/ssr": "^19.1.5",
+ "@angular/ssr": "^19.1.6",
"@web/test-runner": "^0.19.0",
"browser-sync": "^3.0.2",
"jest": "^29.5.0",
@@ -212,13 +212,13 @@
}
},
"node_modules/@angular-devkit/build-webpack": {
- "version": "0.1901.5",
- "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1901.5.tgz",
- "integrity": "sha512-UxEoF7F8L1GpH/N4me7VGe5ZPfxIiVHyhw5/ck3rcVbT6YD22/GYFGSJRGYP+D7LLTJ7OOQvfD6Bc/q62HhWvA==",
+ "version": "0.1901.6",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1901.6.tgz",
+ "integrity": "sha512-QNcc1XrmkyPuUBn0OGZjUAZZiKstaEHWkk1lSXN2YqRasGcoQjZdKZC3/Xl6ng/A4WjNSFFpImSIiSRI8xd0Og==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/architect": "0.1901.5",
+ "@angular-devkit/architect": "0.1901.6",
"rxjs": "7.8.1"
},
"engines": {
@@ -232,9 +232,9 @@
}
},
"node_modules/@angular-devkit/core": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.1.5.tgz",
- "integrity": "sha512-wGKV+i5mCM/Hd/3CsdrIYcVi5G2Wg/D5941bUDXivrbsqHfKVINxAkI3OI1eaD90VnAL8ICrQEoAhh6ni2Umkg==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-19.1.6.tgz",
+ "integrity": "sha512-4s1RpYFGb/yP6OZ1dnYmU7maFYdhZS9pnUHKKiL9rSDhUHkX+VZlf9WFFrHv2RMWg+evrrwPtiFOTMBLShUi8g==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -260,13 +260,13 @@
}
},
"node_modules/@angular-devkit/schematics": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.1.5.tgz",
- "integrity": "sha512-8QjOlO2CktcTT0TWcaABea2xSePxoPKaZu96+6gc8oZzj/y8DbdGiO9mRvIac9+m4hiZI41Cqm1W+yMsCzYMkA==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-19.1.6.tgz",
+ "integrity": "sha512-6ljZSVTFqnk0utnXLLd82wM6nj68984n5gfrpT1PlOff6MHHNH2YCfwNSlwg6Q5UfDxhEDIT9/MTLnXd6znIRQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "19.1.5",
+ "@angular-devkit/core": "19.1.6",
"jsonc-parser": "3.3.1",
"magic-string": "0.30.17",
"ora": "5.4.1",
@@ -382,9 +382,9 @@
}
},
"node_modules/@angular/animations": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-19.1.4.tgz",
- "integrity": "sha512-QGswsf/X+k7TijIgBzL6V8+KcArFAgebY6zM0L/Len8v5PNzPzdjJH99+P++5AOLiJctYKfISUwnlMbDb50NrA==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-19.1.5.tgz",
+ "integrity": "sha512-jRZgLdSjr94EpBFIyCUZM7YKBi5TO2+J8PKmz7IdNrYNuUaGfy8k816/57Vgmsb18dnpA2Kf7R2AlOpNcDcsOA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -393,19 +393,19 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "19.1.4"
+ "@angular/core": "19.1.5"
}
},
"node_modules/@angular/build": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.1.5.tgz",
- "integrity": "sha512-byoHcv0/s6WGWap59s43N/eC+4NsviuTnGoj+iR0ayubk8snn6jdkZLbFDfnTuQlTiu4ok8/XcksjzeMkgGyyw==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@angular/build/-/build-19.1.6.tgz",
+ "integrity": "sha512-6zGdMxMITBj5oVRDKcOL+ufrCSsPLPd5AeRcGkaCYQDshaOmn0UXL4HQylU3nswhVT0dtCd4eDA7fh2dlyVF6A==",
"dev": true,
"license": "MIT",
"dependencies": {
"@ampproject/remapping": "2.3.0",
- "@angular-devkit/architect": "0.1901.5",
- "@angular-devkit/core": "19.1.5",
+ "@angular-devkit/architect": "0.1901.6",
+ "@angular-devkit/core": "19.1.6",
"@babel/core": "7.26.0",
"@babel/helper-annotate-as-pure": "7.25.9",
"@babel/helper-split-export-declaration": "7.24.7",
@@ -444,7 +444,7 @@
"@angular/localize": "^19.0.0",
"@angular/platform-server": "^19.0.0",
"@angular/service-worker": "^19.0.0",
- "@angular/ssr": "^19.1.5",
+ "@angular/ssr": "^19.1.6",
"less": "^4.2.0",
"ng-packagr": "^19.0.0",
"postcss": "^8.4.0",
@@ -478,10 +478,82 @@
}
}
},
+ "node_modules/@angular/build/node_modules/vite": {
+ "version": "6.0.11",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.11.tgz",
+ "integrity": "sha512-4VL9mQPKoHy4+FE0NnRE/kbY51TOfaknxAjt3fJbGJxhIpBZiqVzlZDEesWWsuREXHwNdAoOFZ9MkPEVXczHwg==",
+ "dev": true,
+ "license": "MIT",
+ "dependencies": {
+ "esbuild": "^0.24.2",
+ "postcss": "^8.4.49",
+ "rollup": "^4.23.0"
+ },
+ "bin": {
+ "vite": "bin/vite.js"
+ },
+ "engines": {
+ "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+ },
+ "funding": {
+ "url": "https://github.com/vitejs/vite?sponsor=1"
+ },
+ "optionalDependencies": {
+ "fsevents": "~2.3.3"
+ },
+ "peerDependencies": {
+ "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+ "jiti": ">=1.21.0",
+ "less": "*",
+ "lightningcss": "^1.21.0",
+ "sass": "*",
+ "sass-embedded": "*",
+ "stylus": "*",
+ "sugarss": "*",
+ "terser": "^5.16.0",
+ "tsx": "^4.8.1",
+ "yaml": "^2.4.2"
+ },
+ "peerDependenciesMeta": {
+ "@types/node": {
+ "optional": true
+ },
+ "jiti": {
+ "optional": true
+ },
+ "less": {
+ "optional": true
+ },
+ "lightningcss": {
+ "optional": true
+ },
+ "sass": {
+ "optional": true
+ },
+ "sass-embedded": {
+ "optional": true
+ },
+ "stylus": {
+ "optional": true
+ },
+ "sugarss": {
+ "optional": true
+ },
+ "terser": {
+ "optional": true
+ },
+ "tsx": {
+ "optional": true
+ },
+ "yaml": {
+ "optional": true
+ }
+ }
+ },
"node_modules/@angular/cdk": {
- "version": "19.1.2",
- "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.1.2.tgz",
- "integrity": "sha512-rzrZ4BkGNIZWSdw0OsuSB/H9UB5ppPvmBq+uRHdYmZoYjo5wu1pmePxAIZDIBR8xdaNy9rZ4ecS6IebDkgYPrg==",
+ "version": "19.1.3",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-19.1.3.tgz",
+ "integrity": "sha512-A8d1V4AU2ZcNnEEwAUp4W1uYdT7EKHZM0PGicVhLyeetwYrpHiLoPioD7sw89TlPuJcd6mS7xV6AnXQ8peOoXg==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -496,18 +568,18 @@
}
},
"node_modules/@angular/cli": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.1.5.tgz",
- "integrity": "sha512-bedjH3jUcrLgN3GOTTuvjbPcY3Lm0YcYBVY35S1ugI88UK6nbtttiRdgK++Qk2Q8wbg6zuaBAr4ACbfPMsnRaA==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-19.1.6.tgz",
+ "integrity": "sha512-5H9Ri+YNPBnac/h1wTPQ+9mLSXfT1n99FwCtMVy6YnG+akRqOKFmPWB29hkFQAgfXi/MYIj+rQKv+d/9yWJibQ==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/architect": "0.1901.5",
- "@angular-devkit/core": "19.1.5",
- "@angular-devkit/schematics": "19.1.5",
+ "@angular-devkit/architect": "0.1901.6",
+ "@angular-devkit/core": "19.1.6",
+ "@angular-devkit/schematics": "19.1.6",
"@inquirer/prompts": "7.2.1",
"@listr2/prompt-adapter-inquirer": "2.0.18",
- "@schematics/angular": "19.1.5",
+ "@schematics/angular": "19.1.6",
"@yarnpkg/lockfile": "1.1.0",
"ini": "5.0.0",
"jsonc-parser": "3.3.1",
@@ -530,9 +602,9 @@
}
},
"node_modules/@angular/common": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.1.4.tgz",
- "integrity": "sha512-E4MCl13VIotOxmzKQ/UGciPeaRXQgH7ymesEjYVGcT8jmC+qz5dEcoN7L5Jvq9aUsmLBt9MFp/B5QqKCIXMqYA==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/common/-/common-19.1.5.tgz",
+ "integrity": "sha512-8jR3c5IBMlfiiHvrO8Y2z8y9n4Moy4mI7bS0eu3hmI3m5Vvrgd2Z4GCaQ/Dt4wCtFxcgSsVXiF+/H0QbVdwulA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -541,14 +613,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "19.1.4",
+ "@angular/core": "19.1.5",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/compiler": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-19.1.4.tgz",
- "integrity": "sha512-9vGUZ+QhGWvf5dfeILybrh5rvZQtNqS8WumMeX2/vCb0JTA0N4DsL1Sy47HuWcgKBxbmHVUdF5/iufcFaqk2FA==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-19.1.5.tgz",
+ "integrity": "sha512-8dhticSq98qZanbPBqLACykR08eHbh9WyXG4VJB7Ru9465DjOd6sRM3gmGDNvNlohh30S4xJzPhVrzYXmIyqiA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -557,7 +629,7 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/core": "19.1.4"
+ "@angular/core": "19.1.5"
},
"peerDependenciesMeta": {
"@angular/core": {
@@ -566,9 +638,9 @@
}
},
"node_modules/@angular/compiler-cli": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-19.1.4.tgz",
- "integrity": "sha512-ozJvTUzPOgFqlz69YnV14Ncod+iH0cXZvUKerjw8o+JsixLG2LmJpwQ79Gh4a/ZQmAkAxMAYYK5izCiio8MmTg==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-19.1.5.tgz",
+ "integrity": "sha512-7IHfGklqiTsDYjk2SgOi5sG63gZ60LguT7dhMGtUdy+fUyK0KGofE1w74LwPHQ3huCdu3rBp7HZvC0/IsmiYtA==",
"license": "MIT",
"dependencies": {
"@babel/core": "7.26.0",
@@ -589,14 +661,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/compiler": "19.1.4",
+ "@angular/compiler": "19.1.5",
"typescript": ">=5.5 <5.8"
}
},
"node_modules/@angular/core": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/core/-/core-19.1.4.tgz",
- "integrity": "sha512-r3T81lM9evmuW36HA3VAxIJ61M8kirGR8yHoln9fXSnYG8UeJ7JlWEbVRHmVHKOB48VK0bS/VxqN+w9TOq3bZg==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/core/-/core-19.1.5.tgz",
+ "integrity": "sha512-N4Uh/jRV2Ksj1iBnhIHkB5hzeiF7J9rhUTiztDPaRT7YpFVt2MKiBXrn52HDcKXPaPFrsZBotbZ6oOMdP4rd5g==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -610,9 +682,9 @@
}
},
"node_modules/@angular/forms": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-19.1.4.tgz",
- "integrity": "sha512-dcf4G+vXrfvy5NAP+C4A2rBeaZuwKs/TeWjZDpkRUPQMwTvDJcSNH+pqOeVsYUGNY2BkY1uPjzmgZh4F5NMQ9A==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-19.1.5.tgz",
+ "integrity": "sha512-MUebiFrIhwB1m9rp8v/tgftsCmcI5OjUjnbsiuDsPp/291qxbsJ3P/wmvmCHYEJOoFxVLEgOjJvFcmYN/VbxLw==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -621,16 +693,16 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "19.1.4",
- "@angular/core": "19.1.4",
- "@angular/platform-browser": "19.1.4",
+ "@angular/common": "19.1.5",
+ "@angular/core": "19.1.5",
+ "@angular/platform-browser": "19.1.5",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/language-service": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-19.1.4.tgz",
- "integrity": "sha512-4W6dlBvukL3b7BnGiMM5cPGx3rAAVhBNicfNHX6hXCkz26AV0VFIbfrt/8GRSFmsDYZEOhXvhAy8dxHQCtyCqA==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-19.1.5.tgz",
+ "integrity": "sha512-0ypHzWNkmvSxjp9SDOej4GEHuAGZiqNUeTsmYv3Jmh1Aw3ZUiRHVw7kR0zZ4Fb5hzqrROOVczGaHKaQcQEdj8Q==",
"dev": true,
"license": "MIT",
"engines": {
@@ -638,9 +710,9 @@
}
},
"node_modules/@angular/localize": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.1.4.tgz",
- "integrity": "sha512-AFfaxnGUWl1QZGmhYNTH8adWynSqjNwHweOUQ/ItIQ+MkbIPOpAtZp+ar6SRJZpatR59O8797jPKVFTAebLvLQ==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.1.5.tgz",
+ "integrity": "sha512-6I7J2DpJncW2thS+EgtCr/axX+tzvM6uPcBX0RGybkh9vIgNcLKjf491PCEX6/ljRI1ZoabFTs5yT+eKE+j9jg==",
"license": "MIT",
"dependencies": {
"@babel/core": "7.26.0",
@@ -657,14 +729,14 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/compiler": "19.1.4",
- "@angular/compiler-cli": "19.1.4"
+ "@angular/compiler": "19.1.5",
+ "@angular/compiler-cli": "19.1.5"
}
},
"node_modules/@angular/platform-browser": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.1.4.tgz",
- "integrity": "sha512-IoVIvemj7ni6GLDCvwtZhTgMQjPyG+xPW7rASN2RVl9T3uS1fJUpXrh5JzBcCikIj20O2KV9mqt7p4iIXy9jbQ==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.1.5.tgz",
+ "integrity": "sha512-wqM4OlGncXNmROTS0mpUpnzzG5DsIZi1U0gzQp5bDOknaFFmg2C2ExCi29CwFZfaOeDw135AyXtu4qItfDOW9A==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -673,9 +745,9 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/animations": "19.1.4",
- "@angular/common": "19.1.4",
- "@angular/core": "19.1.4"
+ "@angular/animations": "19.1.5",
+ "@angular/common": "19.1.5",
+ "@angular/core": "19.1.5"
},
"peerDependenciesMeta": {
"@angular/animations": {
@@ -684,9 +756,9 @@
}
},
"node_modules/@angular/platform-browser-dynamic": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-19.1.4.tgz",
- "integrity": "sha512-r1AM8qkjl63cg46tgOHsVV4URHDctcVpt98DU/d/yN8JAugrx6GA1qOM/HMDspMjEIU4aYcSkUUY6h6uIkYmOQ==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-19.1.5.tgz",
+ "integrity": "sha512-mW9Ru5C0/Jg+b2/pWfzfkWmFZ6Exn2J2k+6Unv1Vprh6whF4ch7v5AdBaCuLiK5kUPpQQMHhRz7VY+3mb/dgqQ==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -695,16 +767,16 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "19.1.4",
- "@angular/compiler": "19.1.4",
- "@angular/core": "19.1.4",
- "@angular/platform-browser": "19.1.4"
+ "@angular/common": "19.1.5",
+ "@angular/compiler": "19.1.5",
+ "@angular/core": "19.1.5",
+ "@angular/platform-browser": "19.1.5"
}
},
"node_modules/@angular/router": {
- "version": "19.1.4",
- "resolved": "https://registry.npmjs.org/@angular/router/-/router-19.1.4.tgz",
- "integrity": "sha512-0gEhGGqcCS7adKuv/XeQjRbhEqRXPhIH4ygjwfonV+uvmK+C1sf+bnAt4o01hxwf12w4FcnNPkgBKt+rJJ+LpA==",
+ "version": "19.1.5",
+ "resolved": "https://registry.npmjs.org/@angular/router/-/router-19.1.5.tgz",
+ "integrity": "sha512-g5JLymyi+/PTIqKcImSUB9ac1g7szMG/jGax3nTXqwMOzWmxZJJIEKlXWmHJYjUyYEhKBdqLPUMa4JbkD+/jnA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -713,9 +785,9 @@
"node": "^18.19.1 || ^20.11.1 || >=22.0.0"
},
"peerDependencies": {
- "@angular/common": "19.1.4",
- "@angular/core": "19.1.4",
- "@angular/platform-browser": "19.1.4",
+ "@angular/common": "19.1.5",
+ "@angular/core": "19.1.5",
+ "@angular/platform-browser": "19.1.5",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
@@ -4070,9 +4142,9 @@
}
},
"node_modules/@ngtools/webpack": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.1.5.tgz",
- "integrity": "sha512-oIpE5Ci/Gl2iZqa0Hs6IOxaXEDHkF/zisHcflzYGkMnYcSFj+wRgYEuBFaHLCwuxQf9OdGu31i05w849i6tY1Q==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-19.1.6.tgz",
+ "integrity": "sha512-36I/y4KIRWyE35OgZXzYnDCNQ2G3VB/2awj8L3VowDyTP9enJj6V044UGpCNiKOgYerubgMN3gcPIsOzg0pLpg==",
"dev": true,
"license": "MIT",
"engines": {
@@ -5056,14 +5128,14 @@
}
},
"node_modules/@schematics/angular": {
- "version": "19.1.5",
- "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.1.5.tgz",
- "integrity": "sha512-Yks2QD87z2qJhVLi6O0tQDBG4pyX5n5c8BYEyZ+yiThjzIXBRkHjWS1jIFvd/y1+yU/NQFHYG/sy8sVOxfQ9IA==",
+ "version": "19.1.6",
+ "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-19.1.6.tgz",
+ "integrity": "sha512-TxFp6iHBqXcuyZIW84HA4z3XkAMz3wTw46K3GNhzyfhFTFD0YD+DtaR3MfQ+vcj3YUYu9j44zrB9nchzugR9Ew==",
"dev": true,
"license": "MIT",
"dependencies": {
- "@angular-devkit/core": "19.1.5",
- "@angular-devkit/schematics": "19.1.5",
+ "@angular-devkit/core": "19.1.6",
+ "@angular-devkit/schematics": "19.1.6",
"jsonc-parser": "3.3.1"
},
"engines": {
@@ -15204,15 +15276,16 @@
}
},
"node_modules/vite": {
- "version": "6.0.11",
- "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.11.tgz",
- "integrity": "sha512-4VL9mQPKoHy4+FE0NnRE/kbY51TOfaknxAjt3fJbGJxhIpBZiqVzlZDEesWWsuREXHwNdAoOFZ9MkPEVXczHwg==",
+ "version": "6.1.0",
+ "resolved": "https://registry.npmjs.org/vite/-/vite-6.1.0.tgz",
+ "integrity": "sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==",
"dev": true,
"license": "MIT",
+ "peer": true,
"dependencies": {
"esbuild": "^0.24.2",
- "postcss": "^8.4.49",
- "rollup": "^4.23.0"
+ "postcss": "^8.5.1",
+ "rollup": "^4.30.1"
},
"bin": {
"vite": "bin/vite.js"
@@ -15275,6 +15348,36 @@
}
}
},
+ "node_modules/vite/node_modules/postcss": {
+ "version": "8.5.1",
+ "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
+ "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
+ "dev": true,
+ "funding": [
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ },
+ {
+ "type": "tidelift",
+ "url": "https://tidelift.com/funding/github/npm/postcss"
+ },
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/ai"
+ }
+ ],
+ "license": "MIT",
+ "peer": true,
+ "dependencies": {
+ "nanoid": "^3.3.8",
+ "picocolors": "^1.1.1",
+ "source-map-js": "^1.2.1"
+ },
+ "engines": {
+ "node": "^10 || ^12 || >=14"
+ }
+ },
"node_modules/void-elements": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz",
diff --git a/package.json b/package.json
index b5f275cf..86e2cda4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "coreui-angular-dev",
- "version": "5.3.10",
+ "version": "5.3.12",
"description": "CoreUI Components Library for Angular",
"copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
"license": "MIT",
@@ -39,16 +39,16 @@
},
"private": true,
"dependencies": {
- "@angular/animations": "^19.1.4",
- "@angular/cdk": "^19.1.2",
- "@angular/common": "^19.1.4",
- "@angular/compiler": "^19.1.4",
- "@angular/core": "^19.1.4",
- "@angular/forms": "^19.1.4",
- "@angular/localize": "^19.1.4",
- "@angular/platform-browser": "^19.1.4",
- "@angular/platform-browser-dynamic": "^19.1.4",
- "@angular/router": "^19.1.4",
+ "@angular/animations": "^19.1.5",
+ "@angular/cdk": "^19.1.3",
+ "@angular/common": "^19.1.5",
+ "@angular/compiler": "^19.1.5",
+ "@angular/core": "^19.1.5",
+ "@angular/forms": "^19.1.5",
+ "@angular/localize": "^19.1.5",
+ "@angular/platform-browser": "^19.1.5",
+ "@angular/platform-browser-dynamic": "^19.1.5",
+ "@angular/router": "^19.1.5",
"@coreui/chartjs": "^4.0.0",
"@coreui/icons": "^3.0.1",
"@popperjs/core": "~2.11.8",
@@ -59,11 +59,11 @@
"zone.js": "~0.15.0"
},
"devDependencies": {
- "@angular-devkit/build-angular": "^19.1.5",
- "@angular-devkit/schematics": "^19.1.5",
- "@angular/cli": "^19.1.5",
- "@angular/compiler-cli": "^19.1.4",
- "@angular/language-service": "^19.1.4",
+ "@angular-devkit/build-angular": "^19.1.6",
+ "@angular-devkit/schematics": "^19.1.6",
+ "@angular/cli": "^19.1.6",
+ "@angular/compiler-cli": "^19.1.5",
+ "@angular/language-service": "^19.1.5",
"@types/jasmine": "^5.1.5",
"@types/lodash-es": "^4.17.12",
"@types/node": "^22.13.1",
diff --git a/projects/coreui-angular-chartjs/package.json b/projects/coreui-angular-chartjs/package.json
index 5853d04a..b0591799 100644
--- a/projects/coreui-angular-chartjs/package.json
+++ b/projects/coreui-angular-chartjs/package.json
@@ -1,6 +1,6 @@
{
"name": "@coreui/angular-chartjs",
- "version": "5.3.9",
+ "version": "5.3.12",
"description": "Angular wrapper component for Chart.js",
"copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
"license": "MIT",
@@ -25,7 +25,7 @@
"url": "https://github.com/coreui/coreui-angular/issues"
},
"peerDependencies": {
- "@angular/core": "^19.1.4",
+ "@angular/core": "^19.1.5",
"@coreui/chartjs": "^4.0.0",
"chart.js": "^4.4.7"
},
diff --git a/projects/coreui-angular/package.json b/projects/coreui-angular/package.json
index db49d261..07071ea7 100644
--- a/projects/coreui-angular/package.json
+++ b/projects/coreui-angular/package.json
@@ -1,6 +1,6 @@
{
"name": "@coreui/angular",
- "version": "5.3.10",
+ "version": "5.3.12",
"description": "CoreUI Components Library for Angular",
"copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
"license": "MIT",
@@ -23,13 +23,13 @@
},
"sideEffects": false,
"peerDependencies": {
- "@angular/animations": "^19.1.4",
- "@angular/cdk": "^19.1.2",
- "@angular/common": "^19.1.4",
- "@angular/core": "^19.1.4",
- "@angular/router": "^19.1.4",
+ "@angular/animations": "^19.1.5",
+ "@angular/cdk": "^19.1.3",
+ "@angular/common": "^19.1.5",
+ "@angular/core": "^19.1.5",
+ "@angular/router": "^19.1.5",
"@coreui/coreui": "^5.2.0",
- "@coreui/icons-angular": "~5.3.8",
+ "@coreui/icons-angular": "~5.3.9",
"rxjs": "^7.8.1"
},
"repository": {
diff --git a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html
deleted file mode 100644
index d072eea9..00000000
--- a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.html
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
-
diff --git a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts
index a06fb68b..76cf221e 100644
--- a/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts
+++ b/projects/coreui-angular/src/lib/carousel/carousel-inner/carousel-inner.component.ts
@@ -1,16 +1,25 @@
-import { AfterContentChecked, AfterContentInit, Component, contentChildren, inject, signal } from '@angular/core';
-
-import { fadeAnimation, slideAnimation } from '../carousel.animation';
+import {
+ AfterContentChecked,
+ AfterContentInit,
+ Component,
+ computed,
+ contentChildren,
+ inject,
+ signal
+} from '@angular/core';
import { CarouselItemComponent } from '../carousel-item/carousel-item.component';
import { CarouselState } from '../carousel-state';
+import { carouselPlay } from '../carousel.animation';
@Component({
selector: 'c-carousel-inner',
- templateUrl: './carousel-inner.component.html',
styleUrls: ['./carousel-inner.component.scss'],
- animations: [slideAnimation, fadeAnimation],
+ animations: [carouselPlay],
+ template: '',
host: {
- '[class.carousel-inner]': 'true'
+ class: 'carousel-inner',
+ '[@carouselPlay]': 'slideType()',
+ '[@.disabled]': '!animate()'
}
})
export class CarouselInnerComponent implements AfterContentInit, AfterContentChecked {
@@ -19,7 +28,11 @@ export class CarouselInnerComponent implements AfterContentInit, AfterContentChe
readonly activeIndex = signal(undefined);
readonly animate = signal(true);
readonly slide = signal({ left: true });
- readonly transition = signal('slide');
+ readonly transition = signal('crossfade');
+
+ readonly slideType = computed(() => {
+ return { left: this.slide().left, type: this.transition() };
+ });
readonly contentItems = contentChildren(CarouselItemComponent);
readonly #prevContentItems = signal([]);
diff --git a/projects/coreui-angular/src/lib/carousel/carousel.animation.ts b/projects/coreui-angular/src/lib/carousel/carousel.animation.ts
index 85592a4b..18d7b6d8 100644
--- a/projects/coreui-angular/src/lib/carousel/carousel.animation.ts
+++ b/projects/coreui-angular/src/lib/carousel/carousel.animation.ts
@@ -1,142 +1,136 @@
-import {
- animate,
- group,
- query,
- state,
- style,
- transition,
- trigger,
-} from '@angular/animations';
+import { animate, animation, group, query, state, style, transition, trigger, useAnimation } from '@angular/animations';
-export function toLeft(fromState: any, toState: any): boolean {
- return toState.left === true;
+export function toSlideLeft(fromState: any, toState: any): boolean {
+ return toState.left === true && toState.type === 'slide';
}
-export function toRight(fromState: any, toState: any): boolean {
- return toState.left === false;
+
+export function toSlideRight(fromState: any, toState: any): boolean {
+ return toState.left === false && toState.type === 'slide';
+}
+
+export function toFadeLeft(fromState: any, toState: any): boolean {
+ return toState.left === true && toState.type !== 'slide';
+}
+
+export function toFadeRight(fromState: any, toState: any): boolean {
+ return toState.left === false && toState.type !== 'slide';
}
-export const slideAnimation = trigger('slideAnimation', [
- state(
- '*',
- style({ transform: 'translateX(0)', display: 'block', opacity: 1 })
- ),
- transition(
- toLeft,
- group([
- query(
- ':leave',
- [
- animate(
- '0.6s ease-in-out',
- style({
- transform: 'translateX(-100%)',
- })
- ),
- ],
- { optional: true }
- ),
- query(
- ':enter',
- [
+export const slideAnimationLeft = animation(
+ group([
+ query(
+ ':leave',
+ [
+ animate(
+ '0.6s ease-in-out',
style({
- transform: 'translateX(100%)',
- }),
- animate('0.6s ease-in-out', style('*')),
- ],
- { optional: true }
- ),
- ])
- ),
- transition(
- toRight,
- group([
- query(
- ':enter',
- [
+ transform: 'translateX(-100%)'
+ })
+ )
+ ],
+ { optional: true }
+ ),
+ query(
+ ':enter',
+ [
+ style({
+ transform: 'translateX(100%)'
+ }),
+ animate('0.6s ease-in-out', style('*'))
+ ],
+ { optional: true }
+ )
+ ])
+);
+
+export const slideAnimationRight = animation(
+ group([
+ query(
+ ':enter',
+ [
+ style({
+ transform: 'translateX(-100%)'
+ }),
+ animate('0.6s ease-in-out', style('*'))
+ ],
+ { optional: true }
+ ),
+ query(
+ ':leave',
+ [
+ animate(
+ '0.6s ease-in-out',
style({
- transform: 'translateX(-100%)',
- }),
- animate('0.6s ease-in-out', style('*')),
- ],
- { optional: true }
- ),
- query(
- ':leave',
- [
- animate(
- '0.6s ease-in-out',
- style({
- transform: 'translateX(100%)',
- })
- ),
- ],
- { optional: true }
- ),
- ])
- ),
-]);
+ transform: 'translateX(100%)'
+ })
+ )
+ ],
+ { optional: true }
+ )
+ ])
+);
-export const fadeAnimation = trigger('fadeAnimation', [
- state(
- '*',
- style({ zIndex: 1, opacity: 1 })
- ),
- transition(
- toLeft,
- group([
- query(
- ':leave',
- [
- animate(
- '0.6s ease-in-out',
- style({
- zIndex: 0,
- opacity: 0,
- })
- ),
- ],
- { optional: true }
- ),
- query(
- ':enter',
- [
+export const fadeAnimationLeft = animation(
+ group([
+ query(
+ ':leave',
+ [
+ animate(
+ '0.9s ease-in-out',
style({
- zIndex: 1,
- opacity: 1
- }),
- animate('0.6s ease-in-out', style('*')),
- ],
- { optional: true }
- ),
- ])
- ),
- transition(
- toRight,
- group([
- query(
- ':enter',
- [
+ zIndex: 0,
+ opacity: 0
+ })
+ )
+ ],
+ { optional: true }
+ ),
+ query(
+ ':enter',
+ [
+ style({
+ zIndex: 1,
+ opacity: 1
+ }),
+ animate('0.6s ease-in-out', style('*'))
+ ],
+ { optional: true }
+ )
+ ])
+);
+export const fadeAnimationRight = animation(
+ group([
+ query(
+ ':enter',
+ [
+ style({
+ zIndex: 1,
+ opacity: 1
+ }),
+ animate('0.6s ease-in-out', style('*'))
+ ],
+ { optional: true }
+ ),
+ query(
+ ':leave',
+ [
+ animate(
+ '0.9s ease-in-out',
style({
- zIndex: 1,
- opacity: 1
- }),
- animate('0.6s ease-in-out', style('*')),
- ],
- { optional: true }
- ),
- query(
- ':leave',
- [
- animate(
- '0.6s ease-in-out',
- style({
- zIndex: 0,
- opacity: 0,
- })
- ),
- ],
- { optional: true }
- ),
- ])
- ),
+ zIndex: 0,
+ opacity: 0
+ })
+ )
+ ],
+ { optional: true }
+ )
+ ])
+);
+
+export const carouselPlay = trigger('carouselPlay', [
+ state('*', style({ transform: 'translateX(0)', display: 'block', opacity: 1 })),
+ transition(toFadeLeft, useAnimation(fadeAnimationLeft)),
+ transition(toFadeRight, useAnimation(fadeAnimationRight)),
+ transition(toSlideLeft, useAnimation(slideAnimationLeft)),
+ transition(toSlideRight, useAnimation(slideAnimationRight))
]);
diff --git a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts
index abab62c9..99cf64bf 100644
--- a/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts
+++ b/projects/coreui-angular/src/lib/carousel/carousel/carousel.component.ts
@@ -2,6 +2,7 @@ import {
AfterContentInit,
Component,
DestroyRef,
+ effect,
ElementRef,
Inject,
inject,
@@ -32,7 +33,7 @@ import { CarouselConfig } from '../carousel.config';
exportAs: 'cCarousel',
host: {
class: 'carousel slide',
- '[class.carousel-fade]': 'transition() === "crossfade"'
+ '[class.carousel-fade]': 'transition() === "crossfade" && animate()'
}
})
export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
@@ -98,6 +99,10 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
computation: (value: number) => value
});
+ readonly #intervalEffect = effect(() => {
+ this.interval() ? this.setTimer() : this.resetTimer();
+ });
+
/**
* Sets which event handlers you’d like provided to your pause prop. You can specify one trigger or an array of them.
* @return {'hover' | 'focus' | 'click'}
@@ -148,7 +153,11 @@ export class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
ngAfterContentInit(): void {
this.intersectionServiceSubscribe();
- this.#carouselState.state = { activeItemIndex: this.activeIndex(), animate: this.animate() };
+ this.#carouselState.state = {
+ activeItemIndex: this.activeIndex(),
+ animate: this.animate(),
+ transition: this.transition()
+ };
this.setListeners();
this.swipeSubscribe();
}
diff --git a/projects/coreui-icons-angular/package.json b/projects/coreui-icons-angular/package.json
index e491c7a6..8519c5af 100644
--- a/projects/coreui-icons-angular/package.json
+++ b/projects/coreui-icons-angular/package.json
@@ -1,6 +1,6 @@
{
"name": "@coreui/icons-angular",
- "version": "5.3.9",
+ "version": "5.3.12",
"description": "CoreUI Icons Angular component and service",
"copyright": "Copyright 2025 creativeLabs Łukasz Holeczek",
"license": "MIT",
@@ -25,9 +25,9 @@
"url": "https://github.com/coreui/coreui-angular/issues"
},
"peerDependencies": {
- "@angular/common": "^19.1.4",
- "@angular/core": "^19.1.4",
- "@angular/platform-browser": "^19.1.4"
+ "@angular/common": "^19.1.5",
+ "@angular/core": "^19.1.5",
+ "@angular/platform-browser": "^19.1.5"
},
"dependencies": {
"tslib": "^2.3.0"