docs: Minor modal & message updates

Author: edcarroll

components/modal/active-modal.ts

@@ -22,8 +22,8 @@ export class ActiveModal<T, U, V> implements SuiActiveModal<T, U, V> {
         return this.componentRef.instance;
     }
 
-    constructor(instance:ModalConfig<T, U, V>, componentRef:ComponentRef<SuiModal<U, V>>) {
-        this.config = instance;
+    constructor(config:ModalConfig<T, U, V>, componentRef:ComponentRef<SuiModal<U, V>>) {
+        this.config = config;
         this.componentRef = componentRef;
 
         // Automatically destroy the modal component when it has been dismissed.

components/modal/modal.module.ts

@@ -4,7 +4,7 @@ import { SuiDimmerModule } from "../dimmer/dimmer.module";
 import { SuiTransitionModule } from "../transition/transition.module";
 import { SuiUtilityModule } from "../util/util.module";
 import { SuiModalService } from "./modal.service";
-import { SuiModal } from "./modal";
+import { SuiModal, IModal } from "./modal";
 import { Modal, ModalResult, ModalControls } from "./modal-controls";
 import { ActiveModal, SuiActiveModal } from "./active-modal";
 import { ModalConfig, TemplateModalConfig, ComponentModalConfig, ModalSize } from "./modal-config";
@@ -35,6 +35,7 @@ export class SuiModalModule {}
 export {
     SuiModalService,
     Modal as SuiModal,
+    IModal,
     ModalResult,
     ModalControls,
     SuiActiveModal,

components/modal/modal.ts

@@ -8,6 +8,11 @@ import { KeyCode, parseBooleanAttribute, getDocumentFontSize } from "../util/uti
 import { ModalControls, ModalResult } from "./modal-controls";
 import { ModalConfig, ModalSize } from "./modal-config";
 
+export interface IModal<T, U> {
+    approve(result:T):void;
+    deny(result:U):void;
+}
+
 @Component({
     selector: "sui-modal",
     template: `
@@ -44,7 +49,7 @@ import { ModalConfig, ModalSize } from "./modal-config";
 }
 `]
 })
-export class SuiModal<T, U> implements OnInit, AfterViewInit {
+export class SuiModal<T, U> implements IModal<T, U>, OnInit, AfterViewInit {
     @Input()
     // Determines whether the modal can be closed with a close button, clicking outside, or the escape key.
     public isClosable:boolean;

demo/src/app/pages/message/message.page.ts

@@ -55,6 +55,11 @@ export class MessagePage {
                     name: "dismiss",
                     type: "void",
                     description: "Fires when the message is dismissed by the user."
+                },
+                {
+                    name: "click",
+                    type: "void",
+                    description: "Fires when the message is clicked by the user."
                 }
             ]
         }

demo/src/app/pages/popup/popup.page.ts

@@ -127,7 +127,7 @@ export class PopupPage {
         "right bottom"
     ];
 
-    public position:string = "right bottom";
+    public position:string = "top right";
 
     public manualPopupMarkup:string = `
 <div class="ui segment" suiPopup popupText="Manual" popupTrigger="manual" #popup="suiPopup">
@@ -198,7 +198,7 @@ export class PopupExampleTemplate {}
 })
 export class PopupExamplePlacement {
     @Input()
-    public position:string = "right bottom";
+    public position:string = "top right";
 }
 
 export const PopupPageComponents = [PopupPage, PopupExampleStandard, PopupExampleTemplate, PopupExamplePlacement];