@ionic/angular 7.6.2-dev.11705694334.11b34c62 → 7.6.2-dev.11706202387.1dfcd9b8

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 (64) hide show
  1. package/common/directives/navigation/nav.d.ts +2 -2
  2. package/common/directives/navigation/router-outlet.d.ts +4 -3
  3. package/common/index.d.ts +0 -1
  4. package/common/providers/angular-delegate.d.ts +4 -5
  5. package/css/core.css +101 -34
  6. package/css/core.css.map +1 -1
  7. package/css/global.bundle.css +1 -1
  8. package/css/ionic.bundle.css +1 -1
  9. package/css/ionic.bundle.css.map +1 -1
  10. package/css/themes/dark.always.css +122 -0
  11. package/css/themes/dark.always.css.map +1 -0
  12. package/css/themes/dark.class.css +122 -0
  13. package/css/themes/dark.class.css.map +1 -0
  14. package/css/themes/dark.css +3 -0
  15. package/css/themes/dark.css.map +1 -0
  16. package/css/themes/dark.system.css +124 -0
  17. package/css/themes/dark.system.css.map +1 -0
  18. package/css/typography.css +1 -1
  19. package/directives/navigation/ion-nav.d.ts +2 -2
  20. package/directives/navigation/ion-router-outlet.d.ts +12 -4
  21. package/directives/proxies.d.ts +1 -1
  22. package/esm2020/common/directives/navigation/nav.mjs +5 -5
  23. package/esm2020/common/directives/navigation/router-outlet.mjs +15 -6
  24. package/esm2020/common/directives/navigation/stack-controller.mjs +1 -4
  25. package/esm2020/common/index.mjs +1 -2
  26. package/esm2020/common/providers/angular-delegate.mjs +28 -44
  27. package/esm2020/directives/navigation/ion-nav.mjs +5 -5
  28. package/esm2020/directives/navigation/ion-router-outlet.mjs +13 -9
  29. package/esm2020/directives/navigation/ion-tabs.mjs +1 -1
  30. package/esm2020/directives/proxies.mjs +4 -4
  31. package/esm2020/index.mjs +2 -2
  32. package/esm2020/providers/modal-controller.mjs +3 -4
  33. package/esm2020/providers/popover-controller.mjs +3 -4
  34. package/esm2020/standalone/directives/proxies.mjs +4 -4
  35. package/esm2020/standalone/index.mjs +2 -2
  36. package/esm2020/standalone/navigation/nav.mjs +5 -5
  37. package/esm2020/standalone/navigation/router-outlet.mjs +13 -9
  38. package/esm2020/standalone/navigation/tabs.mjs +1 -1
  39. package/esm2020/standalone/providers/modal-controller.mjs +3 -4
  40. package/esm2020/standalone/providers/popover-controller.mjs +3 -4
  41. package/fesm2015/ionic-angular-common.mjs +47 -101
  42. package/fesm2015/ionic-angular-common.mjs.map +1 -1
  43. package/fesm2015/ionic-angular-standalone.mjs +23 -21
  44. package/fesm2015/ionic-angular-standalone.mjs.map +1 -1
  45. package/fesm2015/ionic-angular.mjs +23 -21
  46. package/fesm2015/ionic-angular.mjs.map +1 -1
  47. package/fesm2020/ionic-angular-common.mjs +46 -100
  48. package/fesm2020/ionic-angular-common.mjs.map +1 -1
  49. package/fesm2020/ionic-angular-standalone.mjs +23 -21
  50. package/fesm2020/ionic-angular-standalone.mjs.map +1 -1
  51. package/fesm2020/ionic-angular.mjs +23 -21
  52. package/fesm2020/ionic-angular.mjs.map +1 -1
  53. package/index.d.ts +1 -1
  54. package/package.json +2 -2
  55. package/providers/modal-controller.d.ts +0 -1
  56. package/providers/popover-controller.d.ts +0 -1
  57. package/standalone/directives/proxies.d.ts +1 -1
  58. package/standalone/index.d.ts +1 -1
  59. package/standalone/navigation/nav.d.ts +2 -2
  60. package/standalone/navigation/router-outlet.d.ts +12 -4
  61. package/standalone/providers/modal-controller.d.ts +0 -1
  62. package/standalone/providers/popover-controller.d.ts +0 -1
  63. package/common/directives/navigation/nav-params.d.ts +0 -45
  64. package/esm2020/common/directives/navigation/nav-params.mjs +0 -45
@@ -1,9 +1,9 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Directive, HostListener, Component, ChangeDetectionStrategy, Attribute, Optional, SkipSelf, ViewChild, ContentChild, ContentChildren, forwardRef, Injectable, inject, Injector, EnvironmentInjector, APP_INITIALIZER, NgZone, NgModule } from '@angular/core';
2
+ import { Directive, HostListener, Component, ChangeDetectionStrategy, ViewContainerRef, Attribute, Optional, SkipSelf, ViewChild, ContentChild, ContentChildren, forwardRef, Injectable, inject, EnvironmentInjector, APP_INITIALIZER, NgZone, NgModule } from '@angular/core';
3
3
  import { NG_VALUE_ACCESSOR, NG_VALIDATORS, MaxValidator, MinValidator } from '@angular/forms';
4
4
  import * as i2$1 from '@ionic/angular/common';
5
5
  import { ValueAccessor, setIonicClasses, IonRouterOutlet as IonRouterOutlet$1, IonTabs as IonTabs$1, IonBackButton as IonBackButton$1, IonNav as IonNav$1, RouterLinkDelegateDirective as RouterLinkDelegateDirective$1, RouterLinkWithHrefDelegateDirective as RouterLinkWithHrefDelegateDirective$1, IonModal as IonModal$1, IonPopover as IonPopover$1, OverlayBaseController, MenuController as MenuController$1, AngularDelegate, raf, ConfigToken, provideComponentInputBinding } from '@ionic/angular/common';
6
- export { AngularDelegate, Config, DomController, IonicRouteStrategy, NavController, NavParams, Platform } from '@ionic/angular/common';
6
+ export { AngularDelegate, Config, DomController, IonicRouteStrategy, NavController, Platform } from '@ionic/angular/common';
7
7
  import { __decorate } from 'tslib';
8
8
  import { fromEvent } from 'rxjs';
9
9
  import * as i1 from '@angular/common';
@@ -1174,10 +1174,10 @@ let IonItemSliding = class IonItemSliding {
1174
1174
  }
1175
1175
  };
1176
1176
  /** @nocollapse */ IonItemSliding.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonItemSliding, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1177
- /** @nocollapse */ IonItemSliding.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemSliding, selector: "ion-item-sliding", inputs: { animationType: "animationType", disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1177
+ /** @nocollapse */ IonItemSliding.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemSliding, selector: "ion-item-sliding", inputs: { disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
1178
1178
  IonItemSliding = __decorate([
1179
1179
  ProxyCmp({
1180
- inputs: ['animationType', 'disabled'],
1180
+ inputs: ['disabled'],
1181
1181
  methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened']
1182
1182
  })
1183
1183
  ], IonItemSliding);
@@ -1188,7 +1188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
1188
1188
  changeDetection: ChangeDetectionStrategy.OnPush,
1189
1189
  template: '<ng-content></ng-content>',
1190
1190
  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
1191
- inputs: ['animationType', 'disabled'],
1191
+ inputs: ['disabled'],
1192
1192
  }]
1193
1193
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
1194
1194
  let IonLabel = class IonLabel {
@@ -2182,17 +2182,18 @@ class IonRouterOutlet extends IonRouterOutlet$1 {
2182
2182
  * This results in APIs such as NavController.pop not working
2183
2183
  * in nested outlets because the parent outlet cannot be found.
2184
2184
  */
2185
- constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet) {
2186
- super(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, parentOutlet);
2185
+ constructor(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, outletContent, parentOutlet) {
2186
+ super(name, tabs, commonLocation, elementRef, router, zone, activatedRoute, outletContent, parentOutlet);
2187
2187
  this.parentOutlet = parentOutlet;
2188
2188
  }
2189
2189
  }
2190
- /** @nocollapse */ IonRouterOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.NgZone }, { token: i2.ActivatedRoute }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
2191
- /** @nocollapse */ IonRouterOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: IonRouterOutlet, selector: "ion-router-outlet", usesInheritance: true, ngImport: i0 });
2190
+ /** @nocollapse */ IonRouterOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, deps: [{ token: 'name', attribute: true }, { token: 'tabs', attribute: true, optional: true }, { token: i1.Location }, { token: i0.ElementRef }, { token: i2.Router }, { token: i0.NgZone }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: IonRouterOutlet, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
2191
+ /** @nocollapse */ IonRouterOutlet.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRouterOutlet, selector: "ion-router-outlet", viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '<ng-container #outletContent><ng-content></ng-content></ng-container>', isInline: true });
2192
2192
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRouterOutlet, decorators: [{
2193
- type: Directive,
2193
+ type: Component,
2194
2194
  args: [{
2195
2195
  selector: 'ion-router-outlet',
2196
+ template: '<ng-container #outletContent><ng-content></ng-content></ng-container>',
2196
2197
  }]
2197
2198
  }], ctorParameters: function () { return [{ type: undefined, decorators: [{
2198
2199
  type: Attribute,
@@ -2202,11 +2203,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
2202
2203
  }, {
2203
2204
  type: Attribute,
2204
2205
  args: ['tabs']
2205
- }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.NgZone }, { type: i2.ActivatedRoute }, { type: IonRouterOutlet, decorators: [{
2206
+ }] }, { type: i1.Location }, { type: i0.ElementRef }, { type: i2.Router }, { type: i0.NgZone }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: IonRouterOutlet, decorators: [{
2206
2207
  type: SkipSelf
2207
2208
  }, {
2208
2209
  type: Optional
2209
- }] }]; } });
2210
+ }] }]; }, propDecorators: { outletContent: [{
2211
+ type: ViewChild,
2212
+ args: ['outletContent', { read: ViewContainerRef, static: true }]
2213
+ }] } });
2210
2214
 
2211
2215
  // eslint-disable-next-line @angular-eslint/component-class-suffix
2212
2216
  class IonTabs extends IonTabs$1 {
@@ -2223,7 +2227,7 @@ class IonTabs extends IonTabs$1 {
2223
2227
  ></ion-router-outlet>
2224
2228
  </div>
2225
2229
  <ng-content></ng-content>
2226
- `, isInline: true, styles: [":host{display:flex;position:absolute;inset:0;flex-direction:column;width:100%;height:100%;contain:layout size style}.tabs-inner{position:relative;flex:1;contain:layout size style}\n"], dependencies: [{ kind: "directive", type: IonRouterOutlet, selector: "ion-router-outlet" }] });
2230
+ `, isInline: true, styles: [":host{display:flex;position:absolute;inset:0;flex-direction:column;width:100%;height:100%;contain:layout size style}.tabs-inner{position:relative;flex:1;contain:layout size style}\n"], dependencies: [{ kind: "component", type: IonRouterOutlet, selector: "ion-router-outlet" }] });
2227
2231
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTabs, decorators: [{
2228
2232
  type: Component,
2229
2233
  args: [{ selector: 'ion-tabs', template: `
@@ -2270,11 +2274,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
2270
2274
 
2271
2275
  // eslint-disable-next-line @angular-eslint/directive-class-suffix
2272
2276
  class IonNav extends IonNav$1 {
2273
- constructor(ref, environmentInjector, injector, angularDelegate, z, c) {
2274
- super(ref, environmentInjector, injector, angularDelegate, z, c);
2277
+ constructor(ref, environmentInjector, angularDelegate, z, c) {
2278
+ super(ref, environmentInjector, angularDelegate, z, c);
2275
2279
  }
2276
2280
  }
2277
- /** @nocollapse */ IonNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i0.Injector }, { token: i2$1.AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2281
+ /** @nocollapse */ IonNav.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, deps: [{ token: i0.ElementRef }, { token: i0.EnvironmentInjector }, { token: i2$1.AngularDelegate }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
2278
2282
  /** @nocollapse */ IonNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonNav, selector: "ion-nav", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
2279
2283
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, decorators: [{
2280
2284
  type: Component,
@@ -2283,7 +2287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
2283
2287
  template: '<ng-content></ng-content>',
2284
2288
  changeDetection: ChangeDetectionStrategy.OnPush,
2285
2289
  }]
2286
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.EnvironmentInjector }, { type: i0.Injector }, { type: i2$1.AngularDelegate }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
2290
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.EnvironmentInjector }, { type: i2$1.AngularDelegate }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
2287
2291
 
2288
2292
  /**
2289
2293
  * Adds support for Ionic routing directions and animations to the base Angular router link directive.
@@ -2512,13 +2516,12 @@ class ModalController extends OverlayBaseController {
2512
2516
  constructor() {
2513
2517
  super(modalController);
2514
2518
  this.angularDelegate = inject(AngularDelegate);
2515
- this.injector = inject(Injector);
2516
2519
  this.environmentInjector = inject(EnvironmentInjector);
2517
2520
  }
2518
2521
  create(opts) {
2519
2522
  return super.create({
2520
2523
  ...opts,
2521
- delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'modal'),
2524
+ delegate: this.angularDelegate.create(this.environmentInjector, 'modal'),
2522
2525
  });
2523
2526
  }
2524
2527
  }
@@ -2549,13 +2552,12 @@ class PopoverController extends OverlayBaseController {
2549
2552
  constructor() {
2550
2553
  super(popoverController);
2551
2554
  this.angularDelegate = inject(AngularDelegate);
2552
- this.injector = inject(Injector);
2553
2555
  this.environmentInjector = inject(EnvironmentInjector);
2554
2556
  }
2555
2557
  create(opts) {
2556
2558
  return super.create({
2557
2559
  ...opts,
2558
- delegate: this.angularDelegate.create(this.environmentInjector, this.injector, 'popover'),
2560
+ delegate: this.angularDelegate.create(this.environmentInjector, 'popover'),
2559
2561
  });
2560
2562
  }
2561
2563
  }