diff --git a/.browserslistrc b/.browserslistrc index 1e79afb..b9ebd7e 100644 --- a/.browserslistrc +++ b/.browserslistrc @@ -8,9 +8,9 @@ # You can see what browsers were selected by your queries by running: # npx browserslist -Chrome >=60 -ChromeAndroid >=60 -Firefox >=63 +Chrome >=79 +ChromeAndroid >=79 +Firefox >=70 Edge >=79 -Safari >=13 -iOS >=13 +Safari >=14 +iOS >=14 diff --git a/.gitignore b/.gitignore index 0f927a7..5b669df 100644 --- a/.gitignore +++ b/.gitignore @@ -57,6 +57,8 @@ yarn-error.log /.angular /.angular/cache .sass-cache/ +/.nx +/.nx/cache /connect.lock /coverage /libpeerconnection.log diff --git a/angular.json b/angular.json index 31a8781..20e913e 100644 --- a/angular.json +++ b/angular.json @@ -5,18 +5,27 @@ "projects": { "app": { "projectType": "application", - "schematics": {}, + "schematics": { + "@ionic/angular-toolkit:page": { + "styleext": "scss", + "standalone": true + } + }, "root": "", "sourceRoot": "src", "prefix": "app", "architect": { "build": { - "builder": "@angular-devkit/build-angular:browser", + "builder": "@angular-devkit/build-angular:application", "options": { - "outputPath": "www", + "outputPath": { + "base": "www", + "browser": "" + }, "index": "src/index.html", - "main": "src/main.ts", - "polyfills": "src/polyfills.ts", + "polyfills": [ + "src/polyfills.ts" + ], "tsConfig": "tsconfig.app.json", "inlineStyleLanguage": "scss", "assets": [ @@ -24,15 +33,11 @@ "glob": "**/*", "input": "src/assets", "output": "assets" - }, - { - "glob": "**/*.svg", - "input": "node_modules/ionicons/dist/ionicons/svg", - "output": "./svg" } ], - "styles": ["src/theme/variables.scss", "src/global.scss"], - "scripts": [] + "styles": ["src/global.scss", "src/theme/variables.scss"], + "scripts": [], + "browser": "src/main.ts" }, "configurations": { "production": { @@ -57,9 +62,7 @@ "outputHashing": "all" }, "development": { - "buildOptimizer": false, "optimization": false, - "vendorChunk": true, "extractLicenses": false, "sourceMap": true, "namedChunks": true @@ -74,10 +77,10 @@ "builder": "@angular-devkit/build-angular:dev-server", "configurations": { "production": { - "browserTarget": "app:build:production" + "buildTarget": "app:build:production" }, "development": { - "browserTarget": "app:build:development" + "buildTarget": "app:build:development" }, "ci": { "progress": false @@ -88,7 +91,7 @@ "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { - "browserTarget": "app:build" + "buildTarget": "app:build" } }, "test": { @@ -104,14 +107,9 @@ "glob": "**/*", "input": "src/assets", "output": "assets" - }, - { - "glob": "**/*.svg", - "input": "node_modules/ionicons/dist/ionicons/svg", - "output": "./svg" } ], - "styles": ["src/theme/variables.scss", "src/global.scss"], + "styles": ["src/global.scss", "src/theme/variables.scss"], "scripts": [] }, "configurations": { @@ -124,10 +122,7 @@ "lint": { "builder": "@angular-eslint/builder:lint", "options": { - "lintFilePatterns": [ - "src/**/*.ts", - "src/**/*.html" - ] + "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"] } } } @@ -136,7 +131,8 @@ "cli": { "schematicCollections": [ "@ionic/angular-toolkit" - ] + ], + "analytics": "a4e1cb06-ae52-411d-ab4d-45dc6a96fe2a" }, "schematics": { "@ionic/angular-toolkit:component": { @@ -144,6 +140,12 @@ }, "@ionic/angular-toolkit:page": { "styleext": "scss" + }, + "@angular-eslint/schematics:application": { + "setParserOptionsProject": true + }, + "@angular-eslint/schematics:library": { + "setParserOptionsProject": true } } } diff --git a/ionic.config.json b/ionic.config.json index 2546641..31660e0 100644 --- a/ionic.config.json +++ b/ionic.config.json @@ -1,5 +1,5 @@ { - "name": "ej2-ionic", + "name": "syncfusion-angular-ionic", "integrations": {}, - "type": "angular" + "type": "angular-standalone" } diff --git a/package.json b/package.json index 1075d54..8c583e5 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "ej2-ionic", + "name": "syncfusion-angular-ionic", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", @@ -13,48 +13,53 @@ }, "private": true, "dependencies": { - "@angular/common": "^15.0.0", - "@angular/core": "^15.0.0", - "@angular/forms": "^15.0.0", - "@angular/platform-browser": "^15.0.0", - "@angular/platform-browser-dynamic": "^15.0.0", - "@angular/router": "^15.0.0", - "@ionic/angular": "^6.1.9", + "@angular/animations": "^19.0.0", + "@angular/common": "^19.0.0", + "@angular/compiler": "^19.0.0", + "@angular/core": "^19.0.0", + "@angular/forms": "^19.0.0", + "@angular/platform-browser": "^19.0.0", + "@angular/platform-browser-dynamic": "^19.0.0", "@syncfusion/ej2-angular-grids": "*", - "ionicons": "^6.0.3", - "rxjs": "~7.5.0", + "@angular/router": "^19.0.0", + "@capacitor/app": "7.0.1", + "@capacitor/core": "7.4.0", + "@capacitor/haptics": "7.0.1", + "@capacitor/keyboard": "7.0.1", + "@capacitor/status-bar": "7.0.1", + "@ionic/angular": "^8.0.0", + "ionicons": "^7.0.0", + "rxjs": "~7.8.0", "tslib": "^2.3.0", - "zone.js": "~0.11.4" + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "^15.0.0", - "@angular-eslint/builder": "^14.0.0", - "@angular-eslint/eslint-plugin": "^14.0.0", - "@angular-eslint/eslint-plugin-template": "^14.0.0", - "@angular-eslint/template-parser": "^14.0.0", - "@angular/cli": "^15.0.0", - "@angular/compiler": "^15.0.0", - "@angular/compiler-cli": "^15.0.0", - "@angular/language-service": "^15.0.0", - "@ionic/angular-toolkit": "^6.0.0", - "@types/jasmine": "~4.0.0", - "@types/node": "^12.11.1", - "@typescript-eslint/eslint-plugin": "5.3.0", - "@typescript-eslint/parser": "5.3.0", - "eslint": "^7.6.0", - "eslint-plugin-import": "2.22.1", - "eslint-plugin-jsdoc": "30.7.6", + "@angular-devkit/build-angular": "^19.0.0", + "@angular-eslint/builder": "^19.0.0", + "@angular-eslint/eslint-plugin": "^19.0.0", + "@angular-eslint/eslint-plugin-template": "^19.0.0", + "@angular-eslint/schematics": "^19.0.0", + "@angular-eslint/template-parser": "^19.0.0", + "@angular/cli": "^19.0.0", + "@angular/compiler-cli": "^19.0.0", + "@angular/language-service": "^19.0.0", + "@capacitor/cli": "7.4.0", + "@ionic/angular-toolkit": "^12.0.0", + "@types/jasmine": "~5.1.0", + "@typescript-eslint/eslint-plugin": "^8.18.0", + "@typescript-eslint/parser": "^8.18.0", + "eslint": "^9.16.0", + "eslint-plugin-import": "^2.29.1", + "eslint-plugin-jsdoc": "^48.2.1", "eslint-plugin-prefer-arrow": "1.2.2", - "jasmine-core": "~4.3.0", + "jasmine-core": "~5.1.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~6.4.0", - "karma-chrome-launcher": "~3.1.0", + "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", - "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~5.1.0", - "karma-jasmine-html-reporter": "~2.0.0", - "ts-node": "~8.3.0", - "typescript": "~4.8.4" + "karma-jasmine-html-reporter": "~2.1.0", + "typescript": "~5.6.3" }, "description": "An Ionic project" } diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts deleted file mode 100644 index e7b0d5a..0000000 --- a/src/app/app-routing.module.ts +++ /dev/null @@ -1,22 +0,0 @@ -import { NgModule } from '@angular/core'; -import { PreloadAllModules, RouterModule, Routes } from '@angular/router'; - -const routes: Routes = [ - { - path: 'home', - loadChildren: () => import('./home/home.module').then( m => m.HomePageModule) - }, - { - path: '', - redirectTo: 'home', - pathMatch: 'full' - }, -]; - -@NgModule({ - imports: [ - RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules }) - ], - exports: [RouterModule] -}) -export class AppRoutingModule { } diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index 51b7b65..118209f 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -1,21 +1,16 @@ -import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { TestBed } from '@angular/core/testing'; - +import { provideRouter } from '@angular/router'; import { AppComponent } from './app.component'; describe('AppComponent', () => { - - beforeEach(async () => { + it('should create the app', async () => { await TestBed.configureTestingModule({ - declarations: [AppComponent], - schemas: [CUSTOM_ELEMENTS_SCHEMA], + imports: [AppComponent], + providers: [provideRouter([])] }).compileComponents(); - }); - - it('should create the app', () => { + const fixture = TestBed.createComponent(AppComponent); const app = fixture.componentInstance; expect(app).toBeTruthy(); }); - }); diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 913de3d..997e026 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,10 +1,15 @@ import { Component } from '@angular/core'; +import { IonicModule } from '@ionic/angular'; +import { RouterModule } from '@angular/router'; @Component({ selector: 'app-root', - templateUrl: 'app.component.html', - styleUrls: ['app.component.scss'], + standalone: true, + imports: [IonicModule, RouterModule], + template: ` + + + + ` }) -export class AppComponent { - constructor() {} -} +export class AppComponent {} \ No newline at end of file diff --git a/src/app/app.module.ts b/src/app/app.module.ts deleted file mode 100644 index 34b715b..0000000 --- a/src/app/app.module.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; -import { RouteReuseStrategy } from '@angular/router'; - -import { IonicModule, IonicRouteStrategy } from '@ionic/angular'; - -import { AppComponent } from './app.component'; -import { AppRoutingModule } from './app-routing.module'; - -@NgModule({ - declarations: [AppComponent], - imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule], - providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }], - bootstrap: [AppComponent], -}) -export class AppModule {} diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts new file mode 100644 index 0000000..3bf0da2 --- /dev/null +++ b/src/app/app.routes.ts @@ -0,0 +1,6 @@ +import { Routes } from '@angular/router'; +import { HomePage } from './home/home.page'; + +export const routes: Routes = [ + { path: '', component: HomePage } +]; \ No newline at end of file diff --git a/src/app/home/home-routing.module.ts b/src/app/home/home-routing.module.ts deleted file mode 100644 index 29c3f60..0000000 --- a/src/app/home/home-routing.module.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { NgModule } from '@angular/core'; -import { RouterModule, Routes } from '@angular/router'; -import { HomePage } from './home.page'; - -const routes: Routes = [ - { - path: '', - component: HomePage, - } -]; - -@NgModule({ - imports: [RouterModule.forChild(routes)], - exports: [RouterModule] -}) -export class HomePageRoutingModule {} diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts deleted file mode 100644 index f2b516d..0000000 --- a/src/app/home/home.module.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { IonicModule } from '@ionic/angular'; -import { FormsModule } from '@angular/forms'; -import { HomePage } from './home.page'; -import { GridAllModule } from '@syncfusion/ej2-angular-grids'; - -import { HomePageRoutingModule } from './home-routing.module'; - - -@NgModule({ - imports: [ - CommonModule, - FormsModule, - IonicModule, - HomePageRoutingModule, - GridAllModule - ], - declarations: [HomePage] -}) -export class HomePageModule {} diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html index e69de29..911cab7 100644 --- a/src/app/home/home.page.html +++ b/src/app/home/home.page.html @@ -0,0 +1,20 @@ + + + + Blank + + + + + + + + Blank + + + +
+ Ready to create an app? +

Start with Ionic UI Components

+
+ diff --git a/src/app/home/home.page.spec.ts b/src/app/home/home.page.spec.ts index 26eb973..fe8f195 100644 --- a/src/app/home/home.page.spec.ts +++ b/src/app/home/home.page.spec.ts @@ -1,5 +1,4 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { IonicModule } from '@ionic/angular'; import { HomePage } from './home.page'; @@ -8,11 +7,6 @@ describe('HomePage', () => { let fixture: ComponentFixture; beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [HomePage], - imports: [IonicModule.forRoot()] - }).compileComponents(); - fixture = TestBed.createComponent(HomePage); component = fixture.componentInstance; fixture.detectChanges(); diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts index e602082..37ee1ce 100644 --- a/src/app/home/home.page.ts +++ b/src/app/home/home.page.ts @@ -1,34 +1,73 @@ import { Component } from '@angular/core'; +import { IonicModule } from '@ionic/angular'; +import { GridModule } from '@syncfusion/ej2-angular-grids'; +import { CommonModule } from '@angular/common'; @Component({ selector: 'app-home', - template: ` - - - - - - -` + standalone: true, + imports: [IonicModule, GridModule, CommonModule], + template: ` + + + Syncfusion Angular 19 Grid with Ionic + + + + + + + + + + + + + ` }) export class HomePage { - - constructor() {} public data: Object[] = [ { - OrderID: 10248, CustomerID: 'VINET', EmployeeID: 5, OrderDate: new Date(8364186e5), - ShipName: 'Vins et alcools Chevalier', ShipCity: 'Reims', ShipAddress: '59 rue de l Abbaye', - ShipRegion: 'CJ', ShipPostalCode: '51100', ShipCountry: 'France', Freight: 32.38, Verified: !0 + OrderID: 10248, + CustomerID: 'VINET', + EmployeeID: 5, + OrderDate: new Date(8364186e5), + ShipName: 'Vins et alcools Chevalier', + ShipCity: 'Reims', + ShipAddress: '59 rue de l Abbaye', + ShipRegion: 'CJ', + ShipPostalCode: '51100', + ShipCountry: 'France', + Freight: 32.38, + Verified: true }, { - OrderID: 10249, CustomerID: 'TOMSP', EmployeeID: 6, OrderDate: new Date(836505e6), - ShipName: 'Toms Spezialitäten', ShipCity: 'Münster', ShipAddress: 'Luisenstr. 48', - ShipRegion: 'CJ', ShipPostalCode: '44087', ShipCountry: 'Germany', Freight: 11.61, Verified: !1 + OrderID: 10249, + CustomerID: 'TOMSP', + EmployeeID: 6, + OrderDate: new Date(836505e6), + ShipName: 'Toms Spezialitäten', + ShipCity: 'Münster', + ShipAddress: 'Luisenstr. 48', + ShipRegion: 'CJ', + ShipPostalCode: '44087', + ShipCountry: 'Germany', + Freight: 11.61, + Verified: false }, { - OrderID: 10250, CustomerID: 'HANAR', EmployeeID: 4, OrderDate: new Date(8367642e5), - ShipName: 'Hanari Carnes', ShipCity: 'Rio de Janeiro', ShipAddress: 'Rua do Paço, 67', - ShipRegion: 'RJ', ShipPostalCode: '05454-876', ShipCountry: 'Brazil', Freight: 65.83, Verified: !0 + OrderID: 10250, + CustomerID: 'HANAR', + EmployeeID: 4, + OrderDate: new Date(8367642e5), + ShipName: 'Hanari Carnes', + ShipCity: 'Rio de Janeiro', + ShipAddress: 'Rua do Paço, 67', + ShipRegion: 'RJ', + ShipPostalCode: '05454-876', + ShipCountry: 'Brazil', + Freight: 65.83, + Verified: true } ]; -} +} \ No newline at end of file diff --git a/src/global.scss b/src/global.scss index 49e358c..e8be347 100644 --- a/src/global.scss +++ b/src/global.scss @@ -1,30 +1,3 @@ -/* - * App Global CSS - * ---------------------------------------------------------------------------- - * Put style rules here that you want to apply globally. These styles are for - * the entire app and not just one component. Additionally, this file can be - * used as an entry point to import other CSS/Sass files to be included in the - * output CSS. - * For more information on global stylesheets, visit the documentation: - * https://ionicframework.com/docs/layout/global-stylesheets - */ - -/* Core CSS required for Ionic components to work properly */ -// @import "~@ionic/angular/css/core.css"; - -/* Basic CSS for apps built with Ionic */ -// @import "~@ionic/angular/css/normalize.css"; -// @import "~@ionic/angular/css/structure.css"; -// @import "~@ionic/angular/css/typography.css"; -// @import '~@ionic/angular/css/display.css'; - -/* Optional CSS utils that can be commented out */ -// @import "~@ionic/angular/css/padding.css"; -// @import "~@ionic/angular/css/float-elements.css"; -// @import "~@ionic/angular/css/text-alignment.css"; -// @import "~@ionic/angular/css/text-transformation.css"; -// @import "~@ionic/angular/css/flex-utils.css"; - @import '../node_modules/@syncfusion/ej2-base/styles/material.css'; @import '../node_modules/@syncfusion/ej2-buttons/styles/material.css'; @import '../node_modules/@syncfusion/ej2-calendars/styles/material.css'; diff --git a/src/index.html b/src/index.html index 3b0aae1..29902c2 100644 --- a/src/index.html +++ b/src/index.html @@ -15,7 +15,7 @@ - + diff --git a/src/main.ts b/src/main.ts index 91ec6da..603820f 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,12 +1,19 @@ import { enableProdMode } from '@angular/core'; -import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import { bootstrapApplication } from '@angular/platform-browser'; +import { AppComponent } from './app/app.component'; +import { provideIonicAngular } from '@ionic/angular/standalone'; +import { provideRouter } from '@angular/router'; -import { AppModule } from './app/app.module'; import { environment } from './environments/environment'; +import { routes } from './app/app.routes'; // make sure this file exists if (environment.production) { enableProdMode(); } -platformBrowserDynamic().bootstrapModule(AppModule) - .catch(err => console.log(err)); +bootstrapApplication(AppComponent, { + providers: [ + provideIonicAngular(), + provideRouter(routes) + ] +}).catch(err => console.error(err)); \ No newline at end of file diff --git a/src/polyfills.ts b/src/polyfills.ts index 429bb9e..e2cc080 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -42,6 +42,8 @@ * */ +import './zone-flags'; + /*************************************************************************************************** * Zone JS is required by default for Angular itself. */ diff --git a/src/theme/variables.scss b/src/theme/variables.scss index eae5925..6146c39 100644 --- a/src/theme/variables.scss +++ b/src/theme/variables.scss @@ -1,236 +1,2 @@ -// Ionic Variables and Theming. For more info, please see: +// For information on how to create your own theme, please see: // http://ionicframework.com/docs/theming/ - -/** Ionic CSS Variables **/ -:root { - /** primary **/ - --ion-color-primary: #3880ff; - --ion-color-primary-rgb: 56, 128, 255; - --ion-color-primary-contrast: #ffffff; - --ion-color-primary-contrast-rgb: 255, 255, 255; - --ion-color-primary-shade: #3171e0; - --ion-color-primary-tint: #4c8dff; - - /** secondary **/ - --ion-color-secondary: #3dc2ff; - --ion-color-secondary-rgb: 61, 194, 255; - --ion-color-secondary-contrast: #ffffff; - --ion-color-secondary-contrast-rgb: 255, 255, 255; - --ion-color-secondary-shade: #36abe0; - --ion-color-secondary-tint: #50c8ff; - - /** tertiary **/ - --ion-color-tertiary: #5260ff; - --ion-color-tertiary-rgb: 82, 96, 255; - --ion-color-tertiary-contrast: #ffffff; - --ion-color-tertiary-contrast-rgb: 255, 255, 255; - --ion-color-tertiary-shade: #4854e0; - --ion-color-tertiary-tint: #6370ff; - - /** success **/ - --ion-color-success: #2dd36f; - --ion-color-success-rgb: 45, 211, 111; - --ion-color-success-contrast: #ffffff; - --ion-color-success-contrast-rgb: 255, 255, 255; - --ion-color-success-shade: #28ba62; - --ion-color-success-tint: #42d77d; - - /** warning **/ - --ion-color-warning: #ffc409; - --ion-color-warning-rgb: 255, 196, 9; - --ion-color-warning-contrast: #000000; - --ion-color-warning-contrast-rgb: 0, 0, 0; - --ion-color-warning-shade: #e0ac08; - --ion-color-warning-tint: #ffca22; - - /** danger **/ - --ion-color-danger: #eb445a; - --ion-color-danger-rgb: 235, 68, 90; - --ion-color-danger-contrast: #ffffff; - --ion-color-danger-contrast-rgb: 255, 255, 255; - --ion-color-danger-shade: #cf3c4f; - --ion-color-danger-tint: #ed576b; - - /** dark **/ - --ion-color-dark: #222428; - --ion-color-dark-rgb: 34, 36, 40; - --ion-color-dark-contrast: #ffffff; - --ion-color-dark-contrast-rgb: 255, 255, 255; - --ion-color-dark-shade: #1e2023; - --ion-color-dark-tint: #383a3e; - - /** medium **/ - --ion-color-medium: #92949c; - --ion-color-medium-rgb: 146, 148, 156; - --ion-color-medium-contrast: #ffffff; - --ion-color-medium-contrast-rgb: 255, 255, 255; - --ion-color-medium-shade: #808289; - --ion-color-medium-tint: #9d9fa6; - - /** light **/ - --ion-color-light: #f4f5f8; - --ion-color-light-rgb: 244, 245, 248; - --ion-color-light-contrast: #000000; - --ion-color-light-contrast-rgb: 0, 0, 0; - --ion-color-light-shade: #d7d8da; - --ion-color-light-tint: #f5f6f9; -} - -@media (prefers-color-scheme: dark) { - /* - * Dark Colors - * ------------------------------------------- - */ - - body { - --ion-color-primary: #428cff; - --ion-color-primary-rgb: 66,140,255; - --ion-color-primary-contrast: #ffffff; - --ion-color-primary-contrast-rgb: 255,255,255; - --ion-color-primary-shade: #3a7be0; - --ion-color-primary-tint: #5598ff; - - --ion-color-secondary: #50c8ff; - --ion-color-secondary-rgb: 80,200,255; - --ion-color-secondary-contrast: #ffffff; - --ion-color-secondary-contrast-rgb: 255,255,255; - --ion-color-secondary-shade: #46b0e0; - --ion-color-secondary-tint: #62ceff; - - --ion-color-tertiary: #6a64ff; - --ion-color-tertiary-rgb: 106,100,255; - --ion-color-tertiary-contrast: #ffffff; - --ion-color-tertiary-contrast-rgb: 255,255,255; - --ion-color-tertiary-shade: #5d58e0; - --ion-color-tertiary-tint: #7974ff; - - --ion-color-success: #2fdf75; - --ion-color-success-rgb: 47,223,117; - --ion-color-success-contrast: #000000; - --ion-color-success-contrast-rgb: 0,0,0; - --ion-color-success-shade: #29c467; - --ion-color-success-tint: #44e283; - - --ion-color-warning: #ffd534; - --ion-color-warning-rgb: 255,213,52; - --ion-color-warning-contrast: #000000; - --ion-color-warning-contrast-rgb: 0,0,0; - --ion-color-warning-shade: #e0bb2e; - --ion-color-warning-tint: #ffd948; - - --ion-color-danger: #ff4961; - --ion-color-danger-rgb: 255,73,97; - --ion-color-danger-contrast: #ffffff; - --ion-color-danger-contrast-rgb: 255,255,255; - --ion-color-danger-shade: #e04055; - --ion-color-danger-tint: #ff5b71; - - --ion-color-dark: #f4f5f8; - --ion-color-dark-rgb: 244,245,248; - --ion-color-dark-contrast: #000000; - --ion-color-dark-contrast-rgb: 0,0,0; - --ion-color-dark-shade: #d7d8da; - --ion-color-dark-tint: #f5f6f9; - - --ion-color-medium: #989aa2; - --ion-color-medium-rgb: 152,154,162; - --ion-color-medium-contrast: #000000; - --ion-color-medium-contrast-rgb: 0,0,0; - --ion-color-medium-shade: #86888f; - --ion-color-medium-tint: #a2a4ab; - - --ion-color-light: #222428; - --ion-color-light-rgb: 34,36,40; - --ion-color-light-contrast: #ffffff; - --ion-color-light-contrast-rgb: 255,255,255; - --ion-color-light-shade: #1e2023; - --ion-color-light-tint: #383a3e; - } - - /* - * iOS Dark Theme - * ------------------------------------------- - */ - - .ios body { - --ion-background-color: #000000; - --ion-background-color-rgb: 0,0,0; - - --ion-text-color: #ffffff; - --ion-text-color-rgb: 255,255,255; - - --ion-color-step-50: #0d0d0d; - --ion-color-step-100: #1a1a1a; - --ion-color-step-150: #262626; - --ion-color-step-200: #333333; - --ion-color-step-250: #404040; - --ion-color-step-300: #4d4d4d; - --ion-color-step-350: #595959; - --ion-color-step-400: #666666; - --ion-color-step-450: #737373; - --ion-color-step-500: #808080; - --ion-color-step-550: #8c8c8c; - --ion-color-step-600: #999999; - --ion-color-step-650: #a6a6a6; - --ion-color-step-700: #b3b3b3; - --ion-color-step-750: #bfbfbf; - --ion-color-step-800: #cccccc; - --ion-color-step-850: #d9d9d9; - --ion-color-step-900: #e6e6e6; - --ion-color-step-950: #f2f2f2; - - --ion-item-background: #000000; - - --ion-card-background: #1c1c1d; - } - - .ios ion-modal { - --ion-background-color: var(--ion-color-step-100); - --ion-toolbar-background: var(--ion-color-step-150); - --ion-toolbar-border-color: var(--ion-color-step-250); - } - - - /* - * Material Design Dark Theme - * ------------------------------------------- - */ - - .md body { - --ion-background-color: #121212; - --ion-background-color-rgb: 18,18,18; - - --ion-text-color: #ffffff; - --ion-text-color-rgb: 255,255,255; - - --ion-border-color: #222222; - - --ion-color-step-50: #1e1e1e; - --ion-color-step-100: #2a2a2a; - --ion-color-step-150: #363636; - --ion-color-step-200: #414141; - --ion-color-step-250: #4d4d4d; - --ion-color-step-300: #595959; - --ion-color-step-350: #656565; - --ion-color-step-400: #717171; - --ion-color-step-450: #7d7d7d; - --ion-color-step-500: #898989; - --ion-color-step-550: #949494; - --ion-color-step-600: #a0a0a0; - --ion-color-step-650: #acacac; - --ion-color-step-700: #b8b8b8; - --ion-color-step-750: #c4c4c4; - --ion-color-step-800: #d0d0d0; - --ion-color-step-850: #dbdbdb; - --ion-color-step-900: #e7e7e7; - --ion-color-step-950: #f3f3f3; - - --ion-item-background: #1e1e1e; - - --ion-toolbar-background: #1f1f1f; - - --ion-tab-bar-background: #1f1f1f; - - --ion-card-background: #1e1e1e; - } -} diff --git a/tsconfig.json b/tsconfig.json index 1205795..893b5bd 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -5,6 +5,7 @@ "baseUrl": "./", "outDir": "./dist/out-tsc", "forceConsistentCasingInFileNames": true, + "esModuleInterop": true, "strict": true, "noImplicitOverride": true, "noPropertyAccessFromIndexSignature": true, @@ -12,16 +13,12 @@ "noFallthroughCasesInSwitch": true, "sourceMap": true, "declaration": false, - "downlevelIteration": true, "experimentalDecorators": true, "moduleResolution": "node", "importHelpers": true, - "target": "es2015", + "target": "es2022", "module": "es2020", - "lib": [ - "es2018", - "dom" - ], + "lib": ["es2018", "dom"], "useDefineForClassFields": false }, "angularCompilerOptions": {