@ionic/angular 7.5.5-dev.11699898164.1391cfb3 → 7.5.5-dev.11699920122.1b01d13b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/common/index.d.ts +0 -2
  2. package/esm2020/common/index.mjs +1 -3
  3. package/esm2020/index.mjs +4 -2
  4. package/esm2020/providers/animation-controller.mjs +37 -0
  5. package/esm2020/providers/gesture-controller.mjs +31 -0
  6. package/esm2020/standalone/index.mjs +4 -2
  7. package/esm2020/standalone/providers/animation-controller.mjs +37 -0
  8. package/esm2020/standalone/providers/gesture-controller.mjs +31 -0
  9. package/fesm2015/ionic-angular-common.mjs +2 -64
  10. package/fesm2015/ionic-angular-common.mjs.map +1 -1
  11. package/fesm2015/ionic-angular-standalone.mjs +65 -3
  12. package/fesm2015/ionic-angular-standalone.mjs.map +1 -1
  13. package/fesm2015/ionic-angular.mjs +65 -3
  14. package/fesm2015/ionic-angular.mjs.map +1 -1
  15. package/fesm2020/ionic-angular-common.mjs +2 -64
  16. package/fesm2020/ionic-angular-common.mjs.map +1 -1
  17. package/fesm2020/ionic-angular-standalone.mjs +65 -3
  18. package/fesm2020/ionic-angular-standalone.mjs.map +1 -1
  19. package/fesm2020/ionic-angular.mjs +65 -3
  20. package/fesm2020/ionic-angular.mjs.map +1 -1
  21. package/index.d.ts +3 -1
  22. package/package.json +2 -2
  23. package/{common/providers → providers}/animation-controller.d.ts +1 -1
  24. package/providers/gesture-controller.d.ts +13 -0
  25. package/schematics/add/files/root/theme/variables.css +241 -0
  26. package/schematics/add/index.js +43 -11
  27. package/schematics/utils/ast.js +10 -25
  28. package/schematics/utils/config.js +16 -16
  29. package/standalone/index.d.ts +3 -1
  30. package/standalone/providers/animation-controller.d.ts +25 -0
  31. package/esm2020/common/providers/animation-controller.mjs +0 -37
  32. package/esm2020/common/providers/gesture-controller.mjs +0 -31
  33. package/schematics/utils/devkit-utils/ast-utils.js +0 -488
  34. package/schematics/utils/devkit-utils/change.js +0 -96
  35. package/schematics/utils/devkit-utils/route-utils.js +0 -72
  36. /package/{common → standalone}/providers/gesture-controller.d.ts +0 -0
package/index.d.ts CHANGED
@@ -12,8 +12,10 @@ export { IonModal } from './directives/overlays/modal';
12
12
  export { IonPopover } from './directives/overlays/popover';
13
13
  export * from './directives/proxies';
14
14
  export * from './directives/validators';
15
- export { AlertController, LoadingController, PickerController, AnimationController, GestureController, DomController, NavController, Config, Platform, AngularDelegate, NavParams, IonicRouteStrategy, ViewWillEnter, ViewWillLeave, ViewDidEnter, ViewDidLeave, } from '@ionic/angular/common';
15
+ export { AlertController, LoadingController, PickerController, DomController, NavController, Config, Platform, AngularDelegate, NavParams, IonicRouteStrategy, ViewWillEnter, ViewWillLeave, ViewDidEnter, ViewDidLeave, } from '@ionic/angular/common';
16
+ export { AnimationController } from './providers/animation-controller';
16
17
  export { ActionSheetController } from './providers/action-sheet-controller';
18
+ export { GestureController } from './providers/gesture-controller';
17
19
  export { MenuController } from './providers/menu-controller';
18
20
  export { ModalController } from './providers/modal-controller';
19
21
  export { PopoverController } from './providers/popover-controller';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/angular",
3
- "version": "7.5.5-dev.11699898164.1391cfb3",
3
+ "version": "7.5.5-dev.11699920122.1b01d13b",
4
4
  "description": "Angular specific wrappers for @ionic/core",
5
5
  "keywords": [
6
6
  "ionic",
@@ -56,7 +56,7 @@
56
56
  }
57
57
  },
58
58
  "dependencies": {
59
- "@ionic/core": "7.5.5-dev.11699898164.1391cfb3",
59
+ "@ionic/core": "7.5.5-dev.11699920122.1b01d13b",
60
60
  "ionicons": "^7.0.0",
61
61
  "jsonc-parser": "^3.0.0",
62
62
  "tslib": "^2.3.0"
@@ -1,4 +1,4 @@
1
- import type { Animation } from '@ionic/core/components';
1
+ import type { Animation } from '@ionic/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class AnimationController {
4
4
  /**
@@ -0,0 +1,13 @@
1
+ import { NgZone } from '@angular/core';
2
+ import type { Gesture, GestureConfig } from '@ionic/core';
3
+ import * as i0 from "@angular/core";
4
+ export declare class GestureController {
5
+ private zone;
6
+ constructor(zone: NgZone);
7
+ /**
8
+ * Create a new gesture
9
+ */
10
+ create(opts: GestureConfig, runInsideAngularZone?: boolean): Gesture;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<GestureController, never>;
12
+ static ɵprov: i0.ɵɵInjectableDeclaration<GestureController>;
13
+ }
@@ -4,3 +4,244 @@
4
4
 
5
5
  /* To quickly generate your own theme, check out the color generator */
6
6
  /* https://ionicframework.com/docs/theming/color-generator */
7
+
8
+ /** Ionic CSS Variables **/
9
+ :root {
10
+ /** primary **/
11
+ --ion-color-primary: #3880ff;
12
+ --ion-color-primary-rgb: 56, 128, 255;
13
+ --ion-color-primary-contrast: #ffffff;
14
+ --ion-color-primary-contrast-rgb: 255, 255, 255;
15
+ --ion-color-primary-shade: #3171e0;
16
+ --ion-color-primary-tint: #4c8dff;
17
+
18
+ /** secondary **/
19
+ --ion-color-secondary: #3dc2ff;
20
+ --ion-color-secondary-rgb: 61, 194, 255;
21
+ --ion-color-secondary-contrast: #ffffff;
22
+ --ion-color-secondary-contrast-rgb: 255, 255, 255;
23
+ --ion-color-secondary-shade: #36abe0;
24
+ --ion-color-secondary-tint: #50c8ff;
25
+
26
+ /** tertiary **/
27
+ --ion-color-tertiary: #5260ff;
28
+ --ion-color-tertiary-rgb: 82, 96, 255;
29
+ --ion-color-tertiary-contrast: #ffffff;
30
+ --ion-color-tertiary-contrast-rgb: 255, 255, 255;
31
+ --ion-color-tertiary-shade: #4854e0;
32
+ --ion-color-tertiary-tint: #6370ff;
33
+
34
+ /** success **/
35
+ --ion-color-success: #2dd36f;
36
+ --ion-color-success-rgb: 45, 211, 111;
37
+ --ion-color-success-contrast: #ffffff;
38
+ --ion-color-success-contrast-rgb: 255, 255, 255;
39
+ --ion-color-success-shade: #28ba62;
40
+ --ion-color-success-tint: #42d77d;
41
+
42
+ /** warning **/
43
+ --ion-color-warning: #ffc409;
44
+ --ion-color-warning-rgb: 255, 196, 9;
45
+ --ion-color-warning-contrast: #000000;
46
+ --ion-color-warning-contrast-rgb: 0, 0, 0;
47
+ --ion-color-warning-shade: #e0ac08;
48
+ --ion-color-warning-tint: #ffca22;
49
+
50
+ /** danger **/
51
+ --ion-color-danger: #eb445a;
52
+ --ion-color-danger-rgb: 235, 68, 90;
53
+ --ion-color-danger-contrast: #ffffff;
54
+ --ion-color-danger-contrast-rgb: 255, 255, 255;
55
+ --ion-color-danger-shade: #cf3c4f;
56
+ --ion-color-danger-tint: #ed576b;
57
+
58
+ /** dark **/
59
+ --ion-color-dark: #222428;
60
+ --ion-color-dark-rgb: 34, 36, 40;
61
+ --ion-color-dark-contrast: #ffffff;
62
+ --ion-color-dark-contrast-rgb: 255, 255, 255;
63
+ --ion-color-dark-shade: #1e2023;
64
+ --ion-color-dark-tint: #383a3e;
65
+
66
+ /** medium **/
67
+ --ion-color-medium: #92949c;
68
+ --ion-color-medium-rgb: 146, 148, 156;
69
+ --ion-color-medium-contrast: #ffffff;
70
+ --ion-color-medium-contrast-rgb: 255, 255, 255;
71
+ --ion-color-medium-shade: #808289;
72
+ --ion-color-medium-tint: #9d9fa6;
73
+
74
+ /** light **/
75
+ --ion-color-light: #f4f5f8;
76
+ --ion-color-light-rgb: 244, 245, 248;
77
+ --ion-color-light-contrast: #000000;
78
+ --ion-color-light-contrast-rgb: 0, 0, 0;
79
+ --ion-color-light-shade: #d7d8da;
80
+ --ion-color-light-tint: #f5f6f9;
81
+ }
82
+
83
+ @media (prefers-color-scheme: dark) {
84
+ /*
85
+ * Dark Colors
86
+ * -------------------------------------------
87
+ */
88
+
89
+ body {
90
+ --ion-color-primary: #428cff;
91
+ --ion-color-primary-rgb: 66, 140, 255;
92
+ --ion-color-primary-contrast: #ffffff;
93
+ --ion-color-primary-contrast-rgb: 255, 255, 255;
94
+ --ion-color-primary-shade: #3a7be0;
95
+ --ion-color-primary-tint: #5598ff;
96
+
97
+ --ion-color-secondary: #50c8ff;
98
+ --ion-color-secondary-rgb: 80, 200, 255;
99
+ --ion-color-secondary-contrast: #ffffff;
100
+ --ion-color-secondary-contrast-rgb: 255, 255, 255;
101
+ --ion-color-secondary-shade: #46b0e0;
102
+ --ion-color-secondary-tint: #62ceff;
103
+
104
+ --ion-color-tertiary: #6a64ff;
105
+ --ion-color-tertiary-rgb: 106, 100, 255;
106
+ --ion-color-tertiary-contrast: #ffffff;
107
+ --ion-color-tertiary-contrast-rgb: 255, 255, 255;
108
+ --ion-color-tertiary-shade: #5d58e0;
109
+ --ion-color-tertiary-tint: #7974ff;
110
+
111
+ --ion-color-success: #2fdf75;
112
+ --ion-color-success-rgb: 47, 223, 117;
113
+ --ion-color-success-contrast: #000000;
114
+ --ion-color-success-contrast-rgb: 0, 0, 0;
115
+ --ion-color-success-shade: #29c467;
116
+ --ion-color-success-tint: #44e283;
117
+
118
+ --ion-color-warning: #ffd534;
119
+ --ion-color-warning-rgb: 255, 213, 52;
120
+ --ion-color-warning-contrast: #000000;
121
+ --ion-color-warning-contrast-rgb: 0, 0, 0;
122
+ --ion-color-warning-shade: #e0bb2e;
123
+ --ion-color-warning-tint: #ffd948;
124
+
125
+ --ion-color-danger: #ff4961;
126
+ --ion-color-danger-rgb: 255, 73, 97;
127
+ --ion-color-danger-contrast: #ffffff;
128
+ --ion-color-danger-contrast-rgb: 255, 255, 255;
129
+ --ion-color-danger-shade: #e04055;
130
+ --ion-color-danger-tint: #ff5b71;
131
+
132
+ --ion-color-dark: #f4f5f8;
133
+ --ion-color-dark-rgb: 244, 245, 248;
134
+ --ion-color-dark-contrast: #000000;
135
+ --ion-color-dark-contrast-rgb: 0, 0, 0;
136
+ --ion-color-dark-shade: #d7d8da;
137
+ --ion-color-dark-tint: #f5f6f9;
138
+
139
+ --ion-color-medium: #989aa2;
140
+ --ion-color-medium-rgb: 152, 154, 162;
141
+ --ion-color-medium-contrast: #000000;
142
+ --ion-color-medium-contrast-rgb: 0, 0, 0;
143
+ --ion-color-medium-shade: #86888f;
144
+ --ion-color-medium-tint: #a2a4ab;
145
+
146
+ --ion-color-light: #222428;
147
+ --ion-color-light-rgb: 34, 36, 40;
148
+ --ion-color-light-contrast: #ffffff;
149
+ --ion-color-light-contrast-rgb: 255, 255, 255;
150
+ --ion-color-light-shade: #1e2023;
151
+ --ion-color-light-tint: #383a3e;
152
+ }
153
+
154
+ /*
155
+ * iOS Dark Theme
156
+ * -------------------------------------------
157
+ */
158
+
159
+ .ios body {
160
+ --ion-background-color: #000000;
161
+ --ion-background-color-rgb: 0, 0, 0;
162
+
163
+ --ion-text-color: #ffffff;
164
+ --ion-text-color-rgb: 255, 255, 255;
165
+
166
+ --ion-color-step-50: #0d0d0d;
167
+ --ion-color-step-100: #1a1a1a;
168
+ --ion-color-step-150: #262626;
169
+ --ion-color-step-200: #333333;
170
+ --ion-color-step-250: #404040;
171
+ --ion-color-step-300: #4d4d4d;
172
+ --ion-color-step-350: #595959;
173
+ --ion-color-step-400: #666666;
174
+ --ion-color-step-450: #737373;
175
+ --ion-color-step-500: #808080;
176
+ --ion-color-step-550: #8c8c8c;
177
+ --ion-color-step-600: #999999;
178
+ --ion-color-step-650: #a6a6a6;
179
+ --ion-color-step-700: #b3b3b3;
180
+ --ion-color-step-750: #bfbfbf;
181
+ --ion-color-step-800: #cccccc;
182
+ --ion-color-step-850: #d9d9d9;
183
+ --ion-color-step-900: #e6e6e6;
184
+ --ion-color-step-950: #f2f2f2;
185
+
186
+ --ion-item-background: #000000;
187
+
188
+ --ion-card-background: #1c1c1d;
189
+ }
190
+
191
+ .ios ion-modal {
192
+ --ion-background-color: var(--ion-color-step-100);
193
+ --ion-toolbar-background: var(--ion-color-step-150);
194
+ --ion-toolbar-border-color: var(--ion-color-step-250);
195
+ }
196
+
197
+ /*
198
+ * Material Design Dark Theme
199
+ * -------------------------------------------
200
+ */
201
+
202
+ .md body {
203
+ --ion-background-color: #121212;
204
+ --ion-background-color-rgb: 18, 18, 18;
205
+
206
+ --ion-text-color: #ffffff;
207
+ --ion-text-color-rgb: 255, 255, 255;
208
+
209
+ --ion-border-color: #222222;
210
+
211
+ --ion-color-step-50: #1e1e1e;
212
+ --ion-color-step-100: #2a2a2a;
213
+ --ion-color-step-150: #363636;
214
+ --ion-color-step-200: #414141;
215
+ --ion-color-step-250: #4d4d4d;
216
+ --ion-color-step-300: #595959;
217
+ --ion-color-step-350: #656565;
218
+ --ion-color-step-400: #717171;
219
+ --ion-color-step-450: #7d7d7d;
220
+ --ion-color-step-500: #898989;
221
+ --ion-color-step-550: #949494;
222
+ --ion-color-step-600: #a0a0a0;
223
+ --ion-color-step-650: #acacac;
224
+ --ion-color-step-700: #b8b8b8;
225
+ --ion-color-step-750: #c4c4c4;
226
+ --ion-color-step-800: #d0d0d0;
227
+ --ion-color-step-850: #dbdbdb;
228
+ --ion-color-step-900: #e7e7e7;
229
+ --ion-color-step-950: #f3f3f3;
230
+
231
+ --ion-item-background: #1e1e1e;
232
+
233
+ --ion-toolbar-background: #1f1f1f;
234
+
235
+ --ion-tab-bar-background: #1f1f1f;
236
+
237
+ --ion-card-background: #1e1e1e;
238
+ }
239
+ }
240
+
241
+ html {
242
+ /*
243
+ * For more information on dynamic font scaling, visit the documentation:
244
+ * https://ionicframework.com/docs/layout/dynamic-font-scaling
245
+ */
246
+ --ion-dynamic-font: var(--ion-default-dynamic-font);
247
+ }
@@ -3,8 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const core_1 = require("@angular-devkit/core");
4
4
  const schematics_1 = require("@angular-devkit/schematics");
5
5
  const tasks_1 = require("@angular-devkit/schematics/tasks");
6
+ const utility_1 = require("@schematics/angular/utility");
6
7
  const workspace_1 = require("@schematics/angular/utility/workspace");
7
- const ast_1 = require("./../utils/ast");
8
+ const ast_1 = require("../utils/ast");
8
9
  const config_1 = require("./../utils/config");
9
10
  const package_1 = require("./../utils/package");
10
11
  function addIonicAngularToPackageJson() {
@@ -19,9 +20,32 @@ function addIonicAngularToolkitToPackageJson() {
19
20
  return host;
20
21
  };
21
22
  }
23
+ /**
24
+ * Adds the `IonicModule.forRoot()` usage to the project's `AppModule`.
25
+ * If the project does not use modules this will operate as a noop.
26
+ * @param projectSourceRoot The source root path of the project.
27
+ */
22
28
  function addIonicAngularModuleToAppModule(projectSourceRoot) {
23
29
  return (host) => {
24
- (0, ast_1.addModuleImportToRootModule)(host, projectSourceRoot, 'IonicModule.forRoot()', '@ionic/angular');
30
+ const appModulePath = `${projectSourceRoot}/app/app.module.ts`;
31
+ if (host.exists(appModulePath)) {
32
+ (0, ast_1.addIonicModuleImportToNgModule)(host, appModulePath);
33
+ }
34
+ return host;
35
+ };
36
+ }
37
+ /**
38
+ * Adds the `provideIonicAngular` usage to the project's app config.
39
+ * If the project does not use an app config this will operate as a noop.
40
+ * @param projectName The name of the project.
41
+ * @param projectSourceRoot The source root path of the project.
42
+ */
43
+ function addProvideIonicAngular(projectName, projectSourceRoot) {
44
+ return (host) => {
45
+ const appConfig = `${projectSourceRoot}/app/app.config.ts`;
46
+ if (host.exists(appConfig)) {
47
+ (0, utility_1.addRootProvider)(projectName, ({ code, external }) => code `${external('provideIonicAngular', '@ionic/angular/standalone')}({})`);
48
+ }
25
49
  return host;
26
50
  };
27
51
  }
@@ -46,15 +70,22 @@ function addIonicStyles(projectName, projectSourceRoot) {
46
70
  return host;
47
71
  };
48
72
  }
49
- function addIonicons(projectName) {
73
+ function addIonicons(projectName, projectSourceRoot) {
50
74
  return (host) => {
51
- const ioniconsGlob = {
52
- glob: '**/*.svg',
53
- input: 'node_modules/ionicons/dist/ionicons/svg',
54
- output: './svg',
55
- };
56
- (0, config_1.addAsset)(host, projectName, 'build', ioniconsGlob);
57
- (0, config_1.addAsset)(host, projectName, 'test', ioniconsGlob);
75
+ const hasAppModule = host.exists(`${projectSourceRoot}/app/app.module.ts`);
76
+ if (hasAppModule) {
77
+ /**
78
+ * Add Ionicons to the `angular.json` file only if the project
79
+ * is using the lazy build of `@ionic/angular` with modules.
80
+ */
81
+ const ioniconsGlob = {
82
+ glob: '**/*.svg',
83
+ input: 'node_modules/ionicons/dist/ionicons/svg',
84
+ output: './svg',
85
+ };
86
+ (0, config_1.addAsset)(host, projectName, 'build', ioniconsGlob);
87
+ (0, config_1.addAsset)(host, projectName, 'test', ioniconsGlob);
88
+ }
58
89
  return host;
59
90
  };
60
91
  }
@@ -109,9 +140,10 @@ function ngAdd(options) {
109
140
  addIonicAngularToPackageJson(),
110
141
  addIonicAngularToolkitToPackageJson(),
111
142
  addIonicAngularModuleToAppModule(sourcePath),
143
+ addProvideIonicAngular(options.project, sourcePath),
112
144
  addIonicBuilder(options.project),
113
145
  addIonicStyles(options.project, sourcePath),
114
- addIonicons(options.project),
146
+ addIonicons(options.project, sourcePath),
115
147
  (0, schematics_1.mergeWith)(rootTemplateSource),
116
148
  // install freshly added dependencies
117
149
  installNodeDeps(),
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.addModuleImportToModule = exports.addModuleImportToRootModule = exports.getSourceFile = void 0;
4
- const core_1 = require("@angular-devkit/core");
3
+ exports.addIonicModuleImportToNgModule = void 0;
5
4
  const schematics_1 = require("@angular-devkit/schematics");
5
+ const ast_utils_1 = require("@schematics/angular/utility/ast-utils");
6
+ const change_1 = require("@schematics/angular/utility/change");
6
7
  const ts = require("typescript");
7
- const ast_utils_1 = require("./devkit-utils/ast-utils");
8
- const change_1 = require("./devkit-utils/change");
9
8
  /**
10
9
  * Reads file given path and returns TypeScript source file.
11
10
  */
@@ -18,30 +17,16 @@ function getSourceFile(host, path) {
18
17
  const source = ts.createSourceFile(path, content, ts.ScriptTarget.Latest, true);
19
18
  return source;
20
19
  }
21
- exports.getSourceFile = getSourceFile;
22
20
  /**
23
21
  * Import and add module to root app module.
24
22
  */
25
- function addModuleImportToRootModule(host, projectSourceRoot, moduleName, importSrc) {
26
- addModuleImportToModule(host, (0, core_1.normalize)(`${projectSourceRoot}/app/app.module.ts`), moduleName, importSrc);
27
- }
28
- exports.addModuleImportToRootModule = addModuleImportToRootModule;
29
- /**
30
- * Import and add module to specific module path.
31
- * @param host the tree we are updating
32
- * @param modulePath src location of the module to import
33
- * @param moduleName name of module to import
34
- * @param src src location to import
35
- */
36
- function addModuleImportToModule(host, modulePath, moduleName, src) {
37
- const moduleSource = getSourceFile(host, modulePath);
38
- const changes = (0, ast_utils_1.addImportToModule)(moduleSource, modulePath, moduleName, src);
23
+ function addIonicModuleImportToNgModule(host, modulePath) {
39
24
  const recorder = host.beginUpdate(modulePath);
40
- changes.forEach((change) => {
41
- if (change instanceof change_1.InsertChange) {
42
- recorder.insertLeft(change.pos, change.toAdd);
43
- }
44
- });
25
+ const moduleSource = getSourceFile(host, modulePath);
26
+ const ionicModuleChange = (0, ast_utils_1.insertImport)(moduleSource, modulePath, 'IonicModule', '@ionic/angular');
27
+ (0, change_1.applyToUpdateRecorder)(recorder, [ionicModuleChange]);
28
+ const metadataChange = (0, ast_utils_1.addSymbolToNgModuleMetadata)(moduleSource, modulePath, 'imports', 'IonicModule.forRoot({})');
29
+ (0, change_1.applyToUpdateRecorder)(recorder, metadataChange);
45
30
  host.commitUpdate(recorder);
46
31
  }
47
- exports.addModuleImportToModule = addModuleImportToModule;
32
+ exports.addIonicModuleImportToNgModule = addIonicModuleImportToNgModule;
@@ -1,24 +1,25 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getWorkspace = exports.getWorkspacePath = exports.addArchitectBuilder = exports.addAsset = exports.addStyle = exports.getAngularAppConfig = exports.getDefaultAngularAppName = exports.writeConfig = exports.readConfig = void 0;
3
+ exports.getWorkspace = exports.getWorkspacePath = exports.addArchitectBuilder = exports.addAsset = exports.addStyle = exports.getDefaultAngularAppName = exports.writeConfig = exports.readConfig = void 0;
4
4
  const schematics_1 = require("@angular-devkit/schematics");
5
5
  const jsonc_parser_1 = require("jsonc-parser");
6
- const CONFIG_PATH = 'angular.json';
7
- // TODO(FW-2827): types
6
+ const ANGULAR_JSON_PATH = 'angular.json';
8
7
  function readConfig(host) {
9
- var _a;
10
- const sourceText = (_a = host.read(CONFIG_PATH)) === null || _a === void 0 ? void 0 : _a.toString('utf-8');
11
- return JSON.parse(sourceText);
8
+ return host.readJson(ANGULAR_JSON_PATH);
12
9
  }
13
10
  exports.readConfig = readConfig;
14
11
  function writeConfig(host, config) {
15
- host.overwrite(CONFIG_PATH, JSON.stringify(config, null, 2));
12
+ host.overwrite(ANGULAR_JSON_PATH, JSON.stringify(config, null, 2));
16
13
  }
17
14
  exports.writeConfig = writeConfig;
18
15
  function isAngularBrowserProject(projectConfig) {
19
16
  if (projectConfig.projectType === 'application') {
20
17
  const buildConfig = projectConfig.architect.build;
21
- return buildConfig.builder === '@angular-devkit/build-angular:browser';
18
+ // Angular 16 and lower
19
+ const legacyAngularBuilder = buildConfig.builder === '@angular-devkit/build-angular:browser';
20
+ // Angular 17+
21
+ const modernAngularBuilder = buildConfig.builder === '@angular-devkit/build-angular:application';
22
+ return legacyAngularBuilder || modernAngularBuilder;
22
23
  }
23
24
  return false;
24
25
  }
@@ -34,7 +35,7 @@ function getDefaultAngularAppName(config) {
34
35
  return projectNames[0];
35
36
  }
36
37
  exports.getDefaultAngularAppName = getDefaultAngularAppName;
37
- function getAngularAppConfig(config, projectName) {
38
+ function getAngularJson(config, projectName) {
38
39
  // eslint-disable-next-line no-prototype-builtins
39
40
  if (!config.projects.hasOwnProperty(projectName)) {
40
41
  throw new schematics_1.SchematicsException(`Could not find project: ${projectName}`);
@@ -51,11 +52,10 @@ function getAngularAppConfig(config, projectName) {
51
52
  throw new schematics_1.SchematicsException(`Invalid builder for ${projectName}: ${buildConfig.builder}`);
52
53
  }
53
54
  }
54
- exports.getAngularAppConfig = getAngularAppConfig;
55
55
  function addStyle(host, projectName, stylePath) {
56
56
  const config = readConfig(host);
57
- const appConfig = getAngularAppConfig(config, projectName);
58
- appConfig.architect.build.options.styles.push({
57
+ const angularJson = getAngularJson(config, projectName);
58
+ angularJson.architect.build.options.styles.push({
59
59
  input: stylePath,
60
60
  });
61
61
  writeConfig(host, config);
@@ -63,8 +63,8 @@ function addStyle(host, projectName, stylePath) {
63
63
  exports.addStyle = addStyle;
64
64
  function addAsset(host, projectName, architect, asset) {
65
65
  const config = readConfig(host);
66
- const appConfig = getAngularAppConfig(config, projectName);
67
- const target = appConfig.architect[architect];
66
+ const angularJson = getAngularJson(config, projectName);
67
+ const target = angularJson.architect[architect];
68
68
  if (target) {
69
69
  target.options.assets.push(asset);
70
70
  writeConfig(host, config);
@@ -73,8 +73,8 @@ function addAsset(host, projectName, architect, asset) {
73
73
  exports.addAsset = addAsset;
74
74
  function addArchitectBuilder(host, projectName, builderName, builderOpts) {
75
75
  const config = readConfig(host);
76
- const appConfig = getAngularAppConfig(config, projectName);
77
- appConfig.architect[builderName] = builderOpts;
76
+ const angularJson = getAngularJson(config, projectName);
77
+ angularJson.architect[builderName] = builderOpts;
78
78
  writeConfig(host, config);
79
79
  }
80
80
  exports.addArchitectBuilder = addArchitectBuilder;
@@ -6,11 +6,13 @@ export { IonRouterLink, IonRouterLinkWithHref } from './navigation/router-link-d
6
6
  export { IonTabs } from './navigation/tabs';
7
7
  export { provideIonicAngular } from './providers/ionic-angular';
8
8
  export { ActionSheetController } from './providers/action-sheet-controller';
9
+ export { AnimationController } from './providers/animation-controller';
10
+ export { GestureController } from './providers/gesture-controller';
9
11
  export { MenuController } from './providers/menu-controller';
10
12
  export { ModalController } from './providers/modal-controller';
11
13
  export { PopoverController } from './providers/popover-controller';
12
14
  export { ToastController } from './providers/toast-controller';
13
- export { AlertController, LoadingController, PickerController, AnimationController, GestureController, DomController, NavController, Config, Platform, NavParams, IonicRouteStrategy, ViewWillEnter, ViewDidEnter, ViewWillLeave, ViewDidLeave, } from '@ionic/angular/common';
15
+ export { AlertController, LoadingController, PickerController, DomController, NavController, Config, Platform, NavParams, IonicRouteStrategy, ViewWillEnter, ViewDidEnter, ViewWillLeave, ViewDidLeave, } from '@ionic/angular/common';
14
16
  export { IonNav } from './navigation/nav';
15
17
  export { IonCheckbox, IonDatetime, IonInput, IonIcon, IonRadioGroup, IonRadio, IonRange, IonSearchbar, IonSegment, IonSelect, IonTextarea, IonToggle, } from './directives';
16
18
  export * from './directives/proxies';
@@ -0,0 +1,25 @@
1
+ import type { Animation } from '@ionic/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class AnimationController {
4
+ /**
5
+ * Create a new animation
6
+ */
7
+ create(animationId?: string): Animation;
8
+ /**
9
+ * EXPERIMENTAL
10
+ *
11
+ * Given a progression and a cubic bezier function,
12
+ * this utility returns the time value(s) at which the
13
+ * cubic bezier reaches the given time progression.
14
+ *
15
+ * If the cubic bezier never reaches the progression
16
+ * the result will be an empty array.
17
+ *
18
+ * This is most useful for switching between easing curves
19
+ * when doing a gesture animation (i.e. going from linear easing
20
+ * during a drag, to another easing when `progressEnd` is called)
21
+ */
22
+ easingTime(p0: number[], p1: number[], p2: number[], p3: number[], progression: number): number[];
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<AnimationController, never>;
24
+ static ɵprov: i0.ɵɵInjectableDeclaration<AnimationController>;
25
+ }
@@ -1,37 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { createAnimation, getTimeGivenProgression } from '@ionic/core/components';
3
- import * as i0 from "@angular/core";
4
- export class AnimationController {
5
- /**
6
- * Create a new animation
7
- */
8
- create(animationId) {
9
- return createAnimation(animationId);
10
- }
11
- /**
12
- * EXPERIMENTAL
13
- *
14
- * Given a progression and a cubic bezier function,
15
- * this utility returns the time value(s) at which the
16
- * cubic bezier reaches the given time progression.
17
- *
18
- * If the cubic bezier never reaches the progression
19
- * the result will be an empty array.
20
- *
21
- * This is most useful for switching between easing curves
22
- * when doing a gesture animation (i.e. going from linear easing
23
- * during a drag, to another easing when `progressEnd` is called)
24
- */
25
- easingTime(p0, p1, p2, p3, progression) {
26
- return getTimeGivenProgression(p0, p1, p2, p3, progression);
27
- }
28
- }
29
- /** @nocollapse */ AnimationController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
30
- /** @nocollapse */ AnimationController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, providedIn: 'root' });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: AnimationController, decorators: [{
32
- type: Injectable,
33
- args: [{
34
- providedIn: 'root',
35
- }]
36
- }] });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLWNvbnRyb2xsZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21tb24vc3JjL3Byb3ZpZGVycy9hbmltYXRpb24tY29udHJvbGxlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFLbEYsTUFBTSxPQUFPLG1CQUFtQjtJQUM5Qjs7T0FFRztJQUNILE1BQU0sQ0FBQyxXQUFvQjtRQUN6QixPQUFPLGVBQWUsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7Ozs7T0FhRztJQUNILFVBQVUsQ0FBQyxFQUFZLEVBQUUsRUFBWSxFQUFFLEVBQVksRUFBRSxFQUFZLEVBQUUsV0FBbUI7UUFDcEYsT0FBTyx1QkFBdUIsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUM7SUFDOUQsQ0FBQzs7b0lBeEJVLG1CQUFtQjt3SUFBbkIsbUJBQW1CLGNBRmxCLE1BQU07NEZBRVAsbUJBQW1CO2tCQUgvQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgQW5pbWF0aW9uIH0gZnJvbSAnQGlvbmljL2NvcmUvY29tcG9uZW50cyc7XG5pbXBvcnQgeyBjcmVhdGVBbmltYXRpb24sIGdldFRpbWVHaXZlblByb2dyZXNzaW9uIH0gZnJvbSAnQGlvbmljL2NvcmUvY29tcG9uZW50cyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBBbmltYXRpb25Db250cm9sbGVyIHtcbiAgLyoqXG4gICAqIENyZWF0ZSBhIG5ldyBhbmltYXRpb25cbiAgICovXG4gIGNyZWF0ZShhbmltYXRpb25JZD86IHN0cmluZyk6IEFuaW1hdGlvbiB7XG4gICAgcmV0dXJuIGNyZWF0ZUFuaW1hdGlvbihhbmltYXRpb25JZCk7XG4gIH1cblxuICAvKipcbiAgICogRVhQRVJJTUVOVEFMXG4gICAqXG4gICAqIEdpdmVuIGEgcHJvZ3Jlc3Npb24gYW5kIGEgY3ViaWMgYmV6aWVyIGZ1bmN0aW9uLFxuICAgKiB0aGlzIHV0aWxpdHkgcmV0dXJucyB0aGUgdGltZSB2YWx1ZShzKSBhdCB3aGljaCB0aGVcbiAgICogY3ViaWMgYmV6aWVyIHJlYWNoZXMgdGhlIGdpdmVuIHRpbWUgcHJvZ3Jlc3Npb24uXG4gICAqXG4gICAqIElmIHRoZSBjdWJpYyBiZXppZXIgbmV2ZXIgcmVhY2hlcyB0aGUgcHJvZ3Jlc3Npb25cbiAgICogdGhlIHJlc3VsdCB3aWxsIGJlIGFuIGVtcHR5IGFycmF5LlxuICAgKlxuICAgKiBUaGlzIGlzIG1vc3QgdXNlZnVsIGZvciBzd2l0Y2hpbmcgYmV0d2VlbiBlYXNpbmcgY3VydmVzXG4gICAqIHdoZW4gZG9pbmcgYSBnZXN0dXJlIGFuaW1hdGlvbiAoaS5lLiBnb2luZyBmcm9tIGxpbmVhciBlYXNpbmdcbiAgICogZHVyaW5nIGEgZHJhZywgdG8gYW5vdGhlciBlYXNpbmcgd2hlbiBgcHJvZ3Jlc3NFbmRgIGlzIGNhbGxlZClcbiAgICovXG4gIGVhc2luZ1RpbWUocDA6IG51bWJlcltdLCBwMTogbnVtYmVyW10sIHAyOiBudW1iZXJbXSwgcDM6IG51bWJlcltdLCBwcm9ncmVzc2lvbjogbnVtYmVyKTogbnVtYmVyW10ge1xuICAgIHJldHVybiBnZXRUaW1lR2l2ZW5Qcm9ncmVzc2lvbihwMCwgcDEsIHAyLCBwMywgcHJvZ3Jlc3Npb24pO1xuICB9XG59XG4iXX0=
@@ -1,31 +0,0 @@
1
- import { Injectable } from '@angular/core';
2
- import { createGesture } from '@ionic/core/components';
3
- import * as i0 from "@angular/core";
4
- export class GestureController {
5
- constructor(zone) {
6
- this.zone = zone;
7
- }
8
- /**
9
- * Create a new gesture
10
- */
11
- create(opts, runInsideAngularZone = false) {
12
- if (runInsideAngularZone) {
13
- Object.getOwnPropertyNames(opts).forEach((key) => {
14
- if (typeof opts[key] === 'function') {
15
- const fn = opts[key];
16
- opts[key] = (...props) => this.zone.run(() => fn(...props));
17
- }
18
- });
19
- }
20
- return createGesture(opts);
21
- }
22
- }
23
- /** @nocollapse */ GestureController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
24
- /** @nocollapse */ GestureController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, providedIn: 'root' });
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: GestureController, decorators: [{
26
- type: Injectable,
27
- args: [{
28
- providedIn: 'root',
29
- }]
30
- }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VzdHVyZS1jb250cm9sbGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tbW9uL3NyYy9wcm92aWRlcnMvZ2VzdHVyZS1jb250cm9sbGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBVSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQUt2RCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLFlBQW9CLElBQVk7UUFBWixTQUFJLEdBQUosSUFBSSxDQUFRO0lBQUcsQ0FBQztJQUNwQzs7T0FFRztJQUNILE1BQU0sQ0FBQyxJQUFtQixFQUFFLG9CQUFvQixHQUFHLEtBQUs7UUFDdEQsSUFBSSxvQkFBb0IsRUFBRTtZQUN4QixNQUFNLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7Z0JBQy9DLElBQUksT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssVUFBVSxFQUFFO29CQUNuQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3JCLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBWSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO2lCQUNwRTtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFFRCxPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDOztrSUFoQlUsaUJBQWlCO3NJQUFqQixpQkFBaUIsY0FGaEIsTUFBTTs0RkFFUCxpQkFBaUI7a0JBSDdCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdab25lLCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEdlc3R1cmUsIEdlc3R1cmVDb25maWcgfSBmcm9tICdAaW9uaWMvY29yZS9jb21wb25lbnRzJztcbmltcG9ydCB7IGNyZWF0ZUdlc3R1cmUgfSBmcm9tICdAaW9uaWMvY29yZS9jb21wb25lbnRzJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEdlc3R1cmVDb250cm9sbGVyIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB6b25lOiBOZ1pvbmUpIHt9XG4gIC8qKlxuICAgKiBDcmVhdGUgYSBuZXcgZ2VzdHVyZVxuICAgKi9cbiAgY3JlYXRlKG9wdHM6IEdlc3R1cmVDb25maWcsIHJ1bkluc2lkZUFuZ3VsYXJab25lID0gZmFsc2UpOiBHZXN0dXJlIHtcbiAgICBpZiAocnVuSW5zaWRlQW5ndWxhclpvbmUpIHtcbiAgICAgIE9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKG9wdHMpLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICBpZiAodHlwZW9mIG9wdHNba2V5XSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgICAgICAgIGNvbnN0IGZuID0gb3B0c1trZXldO1xuICAgICAgICAgIG9wdHNba2V5XSA9ICguLi5wcm9wczogYW55W10pID0+IHRoaXMuem9uZS5ydW4oKCkgPT4gZm4oLi4ucHJvcHMpKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgcmV0dXJuIGNyZWF0ZUdlc3R1cmUob3B0cyk7XG4gIH1cbn1cbiJdfQ==