Renamed popup options

Renamed `inverted` to `isInverted`
Renamed `basic` to `isBasic`

Author: edcarroll

components/popup/popup-config.ts

@@ -19,9 +19,9 @@ export interface IPopupConfig {
     template?:TemplateRef<TemplateRefContext<IPopup>>;
     placement?:PositioningPlacement;
     trigger?:PopupTrigger;
-    inverted?:boolean;
+    isInverted?:boolean;
     delay?:number;
-    basic?:boolean;
+    isBasic?:boolean;
     transition?:string;
     transitionDuration?:number;
 }
@@ -32,18 +32,18 @@ export class PopupConfig implements IPopupConfig {
     public template:TemplateRef<TemplateRefContext<IPopup>>;
     public placement:PositioningPlacement;
     public trigger:PopupTrigger;
-    public inverted:boolean;
+    public isInverted:boolean;
     public delay:number;
-    public basic:boolean;
+    public isBasic:boolean;
     public transition:string;
     public transitionDuration:number;
 
     constructor(defaults:IPopupConfig = {}) {
         this.placement = PositioningPlacement.TopLeft;
         this.trigger = PopupTrigger.Hover;
-        this.inverted = false;
+        this.isInverted = false;
         this.delay = 0;
-        this.basic = false;
+        this.isBasic = false;
         this.transition = "scale";
         this.transitionDuration = 200;
 

components/popup/popup.directive.ts

@@ -35,12 +35,12 @@ export class SuiPopupDirective implements IPopup {
 
     @Input()
     public set popupInverted(inverted:boolean) {
-        this.config.inverted = parseBooleanAttribute(inverted);
+        this.config.isInverted = parseBooleanAttribute(inverted);
     }
 
      @Input()
     public set popupBasic(basic:boolean) {
-        this.config.basic = parseBooleanAttribute(basic);
+        this.config.isBasic = parseBooleanAttribute(basic);
     }
 
     @Input()

components/popup/popup.ts

@@ -10,13 +10,13 @@ import Popper from "popper.js";
 @Component({
     selector: 'sui-popup',
     template: `
-<div class="ui popup" [class.inverted]="config.inverted" [class.basic]="config.basic" [suiTransition]="transitionController" [attr.direction]="direction" #container>
+<div class="ui popup" [class.inverted]="config.isInverted" [class.basic]="config.isBasic" [suiTransition]="transitionController" [attr.direction]="direction" #container>
     <ng-container *ngIf="!config.template">
         <div class="header" *ngIf="config.header">{{ config.header }}</div>
         <div class="content">{{ config.text }}</div>
     </ng-container>
     <div #templateSibling></div>
-    <sui-popup-arrow *ngIf="!config.basic" [placement]="_positioningService.placement" [inverted]="config.inverted"></sui-popup-arrow>
+    <sui-popup-arrow *ngIf="!config.isBasic" [placement]="_positioningService.placement" [inverted]="config.isInverted"></sui-popup-arrow>
 </div>
 `,
     styles: [`

demo/src/app/app.component.ts

@@ -8,7 +8,7 @@ import {SuiPopupConfig} from '../../../components/popup/popup.service';
 })
 export class AppComponent {
     constructor(popupConfig:SuiPopupConfig) {
-        popupConfig.inverted = true;
+        popupConfig.isInverted = true;
         popupConfig.delay = 300;
     }
 }

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

@@ -156,7 +156,7 @@ import {SuiPopupConfig} from "ng2-semantic-ui";
 @Component({})
 export class MyComponent {
     constructor(globalConfig:SuiPopupConfig) {
-        globalConfig.inverted = true;
+        globalConfig.isInverted = true;
         globalConfig.delay = 300;
     }
 }