App annotation/mode attribute

ionic/components/ion.ts

@@ -1,4 +1,6 @@
 import {IonicConfig} from '../config/config';
+import * as util from 'ionic/util';
+
 
 /**
  * Base class for all Ionic components. Exposes some common functionality
@@ -6,26 +8,82 @@ import {IonicConfig} from '../config/config';
  * sending/receiving app-level events.
  */
 export class Ion {
-  constructor(elementRef: ElementRef) {
+  constructor(elementRef: ElementRef, ionicConfig: IonicConfig) {
     this.elementRef = elementRef;
+    this.ionicConfig = ionicConfig;
+    this.clsMode = this.ionicConfig.setting('mode');
+  }
+
+  onInit() {
+    let cls = this.constructor;
+
+    if (cls.defaultProperties && this.ionicConfig) {
+      for (let prop in cls.defaultProperties) {
+        // Priority:
+        // ---------
+        // 1) Value set from within constructor
+        // 2) Value set from the host element's attribute
+        // 3) Value set by the users global config
+        // 4) Value set by the default mode/platform config
+        // 5) Value set from the component's default
+
+        if (this[prop]) {
+          // this property has already been set on the instance
+          // could be from the user setting the element's attribute
+          // or from the user setting it within the constructor
+          continue;
+        }
+
+        // get the property values from a global user/platform config
+        let configVal = this.ionicConfig.setting(prop);
+        if (configVal) {
+          this[prop] = configVal;
+          continue;
+        }
+
+        // wasn't set yet, so go with property's default value
+        this[prop] = cls.defaultProperties[prop];
+      }
+    }
+
+    this.onIonInit && this.onIonInit();
+  }
+
+  getDelegate(delegateName) {
+    let cls = this.constructor;
+
+    if (cls.delegates) {
+      let cases = cls.delegates[delegateName] || [];
+
+      for (let i = 0; i < cases.length; i++) {
+        let delegateCase = cases[i];
+        if (util.isArray(delegateCase)) {
+          let [ check, DelegateConstructor ] = delegateCase;
+          if (check(this)) {
+            return new DelegateConstructor(this);
+          }
+
+        } else {
+          return new delegateCase(this);
+        }
+      }
+    }
+  }
+
+  getElementRef() {
+    return this.elementRef;
   }
 
   getNativeElement() {
     return this.elementRef.nativeElement;
   }
 
-  get cssClass() {
-    // IonicConfig.global
-
-    // should be able to set map of classes to add soon:
-    // https://github.com/angular/angular/issues/2364
-
-    let componentId = this.constructor.name;
-
-    // let classes = {};
-    // classes[componentId + '-ios'] = true;
-    // return classes;
-
-    return true;
+  width() {
+    return this.getNativeElement().offsetWidth;
   }
+
+  height() {
+    return this.getNativeElement().offsetHeight;
+  }
+
 }