update

Author: Marcus Williams

Diff for: nativescript-angular/directives/dialogs.ts

@@ -26,6 +26,7 @@ export interface ModalDialogOptions {
     stretched?: boolean;
     viewContainerRef?: ViewContainerRef;
     moduleRef?: NgModuleRef<any>;
+    ios?: any;
 }
 
 export class ModalDialogParams {
@@ -46,6 +47,7 @@ interface ShowDialogOptions {
     parentView: ViewBase;
     resolver: ComponentFactoryResolver;
     type: Type<any>;
+    ios: any;
 }
 
 @Injectable()
@@ -54,7 +56,7 @@ export class ModalDialogService {
     }
 
     public showModal(type: Type<any>,
-        { viewContainerRef, moduleRef, context, fullscreen, animated, stretched }: ModalDialogOptions
+        { viewContainerRef, moduleRef, context, fullscreen, animated, stretched, ios }: ModalDialogOptions
     ): Promise<any> {
         if (!viewContainerRef) {
             throw new Error(
@@ -105,6 +107,7 @@ export class ModalDialogService {
                         parentView,
                         resolver,
                         type,
+                        ios
                     });
                 } catch (err) {
                     reject(err);
@@ -124,6 +127,7 @@ export class ModalDialogService {
         parentView,
         resolver,
         type,
+        ios
     }: ShowDialogOptions): void {
         let componentView: View;
         let detachedLoaderRef: ComponentRef<DetachedLoader>;
@@ -161,7 +165,7 @@ export class ModalDialogService {
 
             // TODO: remove <any> cast after https://github.com/NativeScript/NativeScript/pull/5734
             // is in a published version of tns-core-modules.
-            (<any>parentView).showModal(componentView, context, closeCallback, fullscreen, animated, stretched);
+            (<any>parentView).showModal(componentView, context, closeCallback, fullscreen, animated, stretched, ios);
         });
     }
 }

Diff for: ng-sample/app/examples/modal/modal-test.ts

@@ -12,6 +12,7 @@ import { ModalContent } from "./modal-content";
             <Button text="show component no anim (ios)" (tap)="showModal(false, false)"></Button>
             <Button text="show component stretched (android)" (tap)="showModal(false, false, true)"></Button>
             <Button text="show component fullscreen" (tap)="showModal(true)"></Button>
+            <Button text="show component popover" (tap)="showModal(false, true, false, true)"></Button>
 
             <Button text="alert" (tap)="showAlert()"></Button>
             <Button text="confirm" (tap)="showConfirm()"></Button>
@@ -35,15 +36,21 @@ export class ModalTest {
 
     static exports = [];
 
-    public showModal(fullscreen: boolean, animated = true, stretched = false) {
-        const options: ModalDialogOptions = {
+    public showModal(fullscreen: boolean, animated = true, stretched = false, popover = false) {
+        let options: ModalDialogOptions = {
             context: { promptMsg: "This is the prompt message!" },
             fullscreen,
             animated,
             stretched,
             viewContainerRef: this.vcRef
         };
 
+        if (popover) {
+            options.ios = {
+                presentationStyle: UIModalPresentationStyle.Popover
+            };
+        }
+
         this.modal.showModal(ModalContent, options).then((res: string) => {
             this.result = res || "empty result";
         });

Diff for: ng-sample/package.json

@@ -5,7 +5,7 @@
       "version": "next"
     },
     "tns-ios": {
-      "version": "next"
+      "version": "5.2.0-2019-02-01-153600-01"
     }
   },
   "name": "tns-template-hello-world",
@@ -42,9 +42,8 @@
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
     "nativescript-angular": "file:../nativescript-angular",
-    "rxjs": "~6.3.3",
+    "rxjs": "^6.3.3",
     "tns-core-modules": "next",
-    "tns-platform-declarations": "next",
     "zone.js": "^0.8.4"
   },
   "devDependencies": {
@@ -55,6 +54,7 @@
     "lazy": "1.0.11",
     "nativescript-dev-typescript": "next",
     "shelljs": "^0.7.0",
+    "tns-platform-declarations": "^5.1.2",
     "tslint": "^4.5.1",
     "typescript": "~3.1.1"
   },

Diff for: ng-sample/references.d.ts

@@ -1 +1,3 @@
-/// <reference path="./node_modules/tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
+/// <reference path="./node_modules/tns-core-modules/tns-core-modules.d.ts" /> Needed for autocompletion and compilation.
+/// <reference path="./node_modules/tns-platform-declarations/ios.d.ts" />
+/// <reference path="./node_modules/tns-platform-declarations/android.d.ts" />