Merge pull request #419 from vc-rakesh/main

ionic-v7 - angular 16.x with standalone component migration

.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 2 Chrome versions
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

.gitignore

@@ -19,6 +19,7 @@ npm-debug.log*
 .sass-cache/
 .tmp/
 .versions/
+.angular/
 coverage/
 dist/
 node_modules/

README.md

@@ -11,8 +11,8 @@
 
 - Made with stencil
 - Web components
-- Suport for Vainilla JS
-- Suport for Angular
+- Support for Vanilla JS
+- Support for Angular
 - Other frameworks support is coming!!!
 - [More info](https://github.com/ionic-selectable/ionic-selectable/tree/v5)
 
@@ -42,6 +42,7 @@ An Ionic component similar to [Ionic Select](https://ionicframework.com/docs/api
 
 - Ionic 3 (3.6.0 - 3.9.2)
 - Ionic 4 (>=4.0.0)
+- Ionic 7 Standalone Component (>=5.0.0)
 
 ## Features
 
@@ -68,6 +69,10 @@ npm install ionic-selectable@3.5.0 --save
 
 // Ionic 4
 npm install ionic-selectable@4.8.0 --save
+
+// Ionic 7 with Angular 16 Standalone component
+npm install ionic-selectable@5.0.0 --save
+
 ```
 
 2. Import it.  
@@ -83,6 +88,18 @@ import { IonicSelectableModule } from 'ionic-selectable';
 })
 export class AppModule { }
 
+```
+**For Angular 16 standalone component**
+
+```
+import { IonicSelectableComponent } from 'ionic-selectable';
+
+@Component({
+    ...,
+    standalone: true,
+    imports: [IonicSelectableComponent]
+})
+
 ```
 
 **Note:** Additionally, if you use Ionic 3+ you might be as well using lazy loaded pages. Check if your pages have a module file, for example, `home.module.ts`, and if they do then import `IonicSelectableModule` to each page module too.

angular.json

@@ -1,7 +1,6 @@
 {
   "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
   "version": 1,
-  "defaultProject": "app",
   "projects": {
     "app": {
       "root": "",

index.ts

@@ -1,2 +1 @@
-export * from './src/app/components/ionic-selectable/ionic-selectable.module';
-
+export * from './src/app/components/ionic-selectable/ionic-selectable.component';