Change from "classic" TS 1.6 imports to the default resolution scheme.

- Use relative imports in place of most of our absolute ones.
- Add "private" ambient modules for modules that we need to import using
an absolute path (e.g. when app/.../test-something.ts needs to import
ui/styling/style-scope)

application-settings/application-settings.android.ts

@@ -1,4 +1,4 @@
-import Common = require("application-settings/application-settings-common");
+import Common = require("./application-settings-common");
 import utils = require("utils/utils");
 
 var sharedPreferences = utils.ad.getApplicationContext().getSharedPreferences("prefs.db", 0);

application-settings/application-settings.ios.ts

@@ -1,4 +1,4 @@
-import Common = require("application-settings/application-settings-common");
+import Common = require("./application-settings-common");
 
 var userDefaults = NSUserDefaults.standardUserDefaults();
 

application/application.android.ts

@@ -1,4 +1,4 @@
-import appModule = require("application/application-common");
+import appModule = require("./application-common");
 import dts = require("application");
 import frame = require("ui/frame");
 import types = require("utils/types");

application/application.ios.ts

@@ -1,4 +1,4 @@
-import appModule = require("application/application-common");
+import appModule = require("./application-common");
 import frame = require("ui/frame");
 import types = require("utils/types");
 import view = require("ui/core/view");

color/color.android.ts

@@ -1,4 +1,4 @@
-import common = require("color/color-common");
+import common = require("./color-common");
 
 export class Color extends common.Color {
     get android(): number {

color/color.ios.ts

@@ -1,4 +1,4 @@
-import common = require("color/color-common");
+import common = require("./color-common");
 
 var AMP = "#";
 

connectivity/connectivity.android.ts

@@ -1,5 +1,5 @@
 import appModule = require("application");
-import common = require("connectivity/connectivity-common");
+import common = require("./connectivity-common");
 import utils = require("utils/utils");
 
 global.moduleMerge(common, exports);

connectivity/connectivity.ios.ts

@@ -1,4 +1,4 @@
-import common = require("connectivity/connectivity-common");
+import common = require("./connectivity-common");
 
 global.moduleMerge(common, exports);
 

globals/globals.ts

@@ -9,7 +9,7 @@ import platform = require("platform");
 import types = require("utils/types");
 import timer = require("timer");
 import consoleModule = require("console");
-import xhr = require("xhr/xhr");
+import xhr = require("../xhr/xhr");
 import dialogs = require("ui/dialogs");
 
 global.setTimeout = timer.setTimeout;

gruntfile.js

@@ -309,12 +309,6 @@ module.exports = function(grunt) {
                 outDir: localCfg.outModulesDir,
                 options: {
                     fast: 'never',
-
-                    // Resolve non-relative modules like "ui/styling/style"
-                    // based on the project root (not on node_modules which
-                    // is the typescript 1.6+ default)
-                    additionalFlags: '--moduleResolution classic',
-
                     module: "commonjs",
                     target: "es5",
                     sourceMap: false,

http/http-request.d.ts

@@ -1,5 +1,7 @@
 //@private
 
-import http = require("http");
+declare module "http/http-request" {
+    import http = require("http");
 
-export declare var request: (options: http.HttpRequestOptions) => Promise<http.HttpResponse>;
+    export var request: (options: http.HttpRequestOptions) => Promise<http.HttpResponse>;
+}

image-source/image-source.android.ts

@@ -1,7 +1,7 @@
 import types = require("utils/types");
 import fs = require("file-system");
 import definition = require("image-source");
-import common = require("image-source/image-source-common");
+import common = require("./image-source-common");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
 

image-source/image-source.ios.ts

@@ -1,7 +1,7 @@
 import definition = require("image-source");
 import types = require("utils/types");
 import fs = require("file-system");
-import common = require("image-source/image-source-common");
+import common = require("./image-source-common");
 import enums = require("ui/enums");
 
 global.moduleMerge(common, exports);

location/location.android.ts

@@ -1,6 +1,6 @@
 import enums = require("ui/enums");
 import locationModule = require("location");
-import common = require("location/location-common");
+import common = require("./location-common");
 import utils = require("utils/utils");
 
 global.moduleMerge(common, exports);

location/location.ios.ts

@@ -1,6 +1,6 @@
 import enums = require("ui/enums");
 import locationModule = require("location");
-import common = require("location/location-common");
+import common = require("./location-common");
 
 global.moduleMerge(common, exports);
 

text/formatted-string.android.ts

@@ -1,4 +1,4 @@
-import formattedStringCommon = require("text/formatted-string-common");
+import formattedStringCommon = require("./formatted-string-common");
 import spanModule = require("text/span");
 
 global.moduleMerge(formattedStringCommon, exports);

text/formatted-string.ios.ts

@@ -1,4 +1,4 @@
-import formattedStringCommon = require("text/formatted-string-common");
+import formattedStringCommon = require("./formatted-string-common");
 import spanModule = require("text/span");
 
 global.moduleMerge(formattedStringCommon, exports);

text/span.android.ts

@@ -1,4 +1,4 @@
-import spanCommon = require("text/span-common");
+import spanCommon = require("./span-common");
 import enums = require("ui/enums");
 import formattedString = require("text/formatted-string");
 import utils = require("utils/utils");

text/span.ios.ts

@@ -1,4 +1,4 @@
-import spanCommon = require("text/span-common");
+import spanCommon = require("./span-common");
 import enums = require("ui/enums");
 import formattedString = require("text/formatted-string");
 

ui/action-bar/action-bar-common.ts

@@ -5,7 +5,7 @@ import dependencyObservable = require("ui/core/dependency-observable");
 import enums = require("ui/enums");
 import proxy = require("ui/core/proxy");
 import view = require("ui/core/view");
-import style = require("ui/styling/style");
+import style = require("../styling/style");
 import observable = require("ui/core/dependency-observable");
 
 var ACTION_ITEMS = "actionItems";

ui/action-bar/action-bar.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/action-bar/action-bar-common");
+import common = require("./action-bar-common");
 import trace = require("trace");
 import frame = require("ui/frame");
 import types = require("utils/types");

ui/action-bar/action-bar.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/action-bar/action-bar-common");
+import common = require("./action-bar-common");
 import dts = require("ui/action-bar");
 import imageSource = require("image-source");
 import frameModule = require("ui/frame");

ui/activity-indicator/activity-indicator.android.ts

@@ -1,4 +1,4 @@
-import aiCommon = require("ui/activity-indicator/activity-indicator-common");
+import aiCommon = require("./activity-indicator-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import enums = require("ui/enums");

ui/activity-indicator/activity-indicator.ios.ts

@@ -1,4 +1,4 @@
-import aiCommon = require("ui/activity-indicator/activity-indicator-common");
+import aiCommon = require("./activity-indicator-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/animation/animation.android.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/animation");
-import common = require("ui/animation/animation-common");
+import common = require("./animation-common");
 import utils = require("utils/utils");
 import color = require("color");
 import trace = require("trace");

ui/animation/animation.ios.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/animation");
-import common = require("ui/animation/animation-common");
+import common = require("./animation-common");
 import trace = require("trace");
 
 global.moduleMerge(common, exports);

ui/builder/binding-builder.d.ts

@@ -0,0 +1,16 @@
+//@private
+declare module "ui/builder/binding-builder" {
+    export module bindingConstants {
+        export var sourceProperty: string;
+        export var targetProperty: string;
+        export var expression: string;
+        export var twoWay: string;
+        export var source: string;
+        export var bindingValueKey: string;
+        export var parentValueKey: string;
+        export var parentsValueKey: string;
+        export var newPropertyValueKey: string;
+    }
+
+    export function getBindingOptions(name: string, value: string): any;
+}

ui/builder/component-builder.ts

@@ -2,7 +2,7 @@
 import types = require("utils/types");
 import definition = require("ui/builder/component-builder");
 import fs = require("file-system");
-import bindingBuilder = require("ui/builder/binding-builder");
+import bindingBuilder = require("./binding-builder");
 import platform = require("platform");
 import pages = require("ui/page");
 

ui/button/button.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/button/button-common");
+import common = require("./button-common");
 import utils = require("utils/utils")
 
 global.moduleMerge(common, exports);

ui/button/button.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/button/button-common");
+import common = require("./button-common");
 import stateChanged = require("ui/core/control-state-change");
 
 class TapHandlerImpl extends NSObject {

ui/core/view-common.ts

@@ -1,14 +1,14 @@
 import types = require("utils/types");
 import definition = require("ui/core/view");
 import proxy = require("ui/core/proxy");
-import style = require("ui/styling/style");
+import style = require("../styling/style");
 import styling = require("ui/styling");
 import visualStateConstants = require("ui/styling/visual-state-constants");
 import trace = require("trace");
 import dependencyObservable = require("ui/core/dependency-observable");
 import gestures = require("ui/gestures");
 import bindable = require("ui/core/bindable");
-import styleScope = require("ui/styling/style-scope");
+import styleScope = require("../styling/style-scope");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
 import color = require("color");

ui/core/view.android.ts

@@ -1,4 +1,4 @@
-import viewCommon = require("ui/core/view-common");
+import viewCommon = require("./view-common");
 import viewDefinition = require("ui/core/view");
 import trace = require("trace");
 import utils = require("utils/utils");

ui/core/view.ios.ts

@@ -1,4 +1,4 @@
-import viewCommon = require("ui/core/view-common");
+import viewCommon = require("./view-common");
 import trace = require("trace");
 import utils = require("utils/utils");
 import dependencyObservable = require("ui/core/dependency-observable");

ui/date-picker/date-picker.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/date-picker/date-picker-common");
+import common = require("./date-picker-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import types = require("utils/types");

ui/date-picker/date-picker.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/date-picker/date-picker-common");
+import common = require("./date-picker-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/dialogs/dialogs.android.ts

@@ -3,7 +3,7 @@
  */
 
 import dialogs = require("ui/dialogs");
-import dialogsCommon = require("ui/dialogs/dialogs-common");
+import dialogsCommon = require("./dialogs-common");
 import appmodule = require("application");
 import types = require("utils/types");
 

ui/dialogs/dialogs.ios.ts

@@ -3,7 +3,7 @@
  */
 
 import dialogs = require("ui/dialogs");
-import dialogsCommon = require("ui/dialogs/dialogs-common");
+import dialogsCommon = require("./dialogs-common");
 import types = require("utils/types");
 import utils = require("utils/utils");
 import frame = require("ui/frame");

ui/editable-text-base/editable-text-base.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/editable-text-base/editable-text-base-common");
+import common = require("./editable-text-base-common");
 import textBase = require("ui/text-base");
 import dependencyObservable = require("ui/core/dependency-observable");
 import enums = require("ui/enums");

ui/editable-text-base/editable-text-base.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/editable-text-base/editable-text-base-common");
+import common = require("./editable-text-base-common");
 import textBase = require("ui/text-base");
 import dependencyObservable = require("ui/core/dependency-observable");
 import enums = require("ui/enums");

ui/frame/frame.android.ts

@@ -1,4 +1,4 @@
-import frameCommon = require("ui/frame/frame-common");
+import frameCommon = require("./frame-common");
 import definition = require("ui/frame");
 import pages = require("ui/page");
 import trace = require("trace");

ui/frame/frame.ios.ts

@@ -1,4 +1,4 @@
-import frameCommon = require("ui/frame/frame-common");
+import frameCommon = require("./frame-common");
 import definition = require("ui/frame");
 import trace = require("trace");
 import pages = require("ui/page");

ui/gestures/gestures.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/gestures/gestures-common");
+import common = require("./gestures-common");
 import definition = require("ui/gestures");
 import observable = require("data/observable");
 import view = require("ui/core/view");

ui/gestures/gestures.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/gestures/gestures-common");
+import common = require("./gestures-common");
 import definition = require("ui/gestures");
 import view = require("ui/core/view");
 import observable = require("data/observable");

ui/html-view/html-view.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/html-view/html-view-common");
+import common = require("./html-view-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import types = require("utils/types");

ui/html-view/html-view.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/html-view/html-view-common");
+import common = require("./html-view-common");
 import definition = require("ui/html-view");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");

ui/image-cache/image-cache.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/image-cache/image-cache-common");
+import common = require("./image-cache-common");
 
 class LruBitmapCache extends android.util.LruCache<string, android.graphics.Bitmap> {
     constructor(cacheSize: number) {

ui/image-cache/image-cache.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/image-cache/image-cache-common");
+import common = require("./image-cache-common");
 import httpRequest = require("http/http-request");
 import utils = require("utils/utils");
 import trace = require("trace");

ui/image/image.android.ts

@@ -1,4 +1,4 @@
-import imageCommon = require("ui/image/image-common");
+import imageCommon = require("./image-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import enums = require("ui/enums");

ui/image/image.ios.ts

@@ -1,4 +1,4 @@
-import imageCommon = require("ui/image/image-common");
+import imageCommon = require("./image-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import definition = require("ui/image");

ui/label/label.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/label/label-common");
+import common = require("./label-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/label/label.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/label/label-common");
+import common = require("./label-common");
 import definition = require("ui/label");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");

ui/layouts/absolute-layout/absolute-layout.android.ts

@@ -1,6 +1,6 @@
 import utils = require("utils/utils");
 import view = require("ui/core/view");
-import common = require("ui/layouts/absolute-layout/absolute-layout-common");
+import common = require("./absolute-layout-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/layouts/absolute-layout/absolute-layout.ios.ts

@@ -1,6 +1,6 @@
 import utils = require("utils/utils");
 import view = require("ui/core/view");
-import common = require("ui/layouts/absolute-layout/absolute-layout-common");
+import common = require("./absolute-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/dock-layout/dock-layout.android.ts

@@ -2,7 +2,7 @@
 import view = require("ui/core/view");
 import enums = require("ui/enums");
 import proxy = require("ui/core/proxy");
-import common = require("ui/layouts/dock-layout/dock-layout-common");
+import common = require("./dock-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/dock-layout/dock-layout.ios.ts

@@ -1,7 +1,7 @@
 import utils = require("utils/utils");
 import view = require("ui/core/view");
 import enums = require("ui/enums");
-import common = require("ui/layouts/dock-layout/dock-layout-common");
+import common = require("./dock-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/grid-layout/grid-layout-common.ts

@@ -4,7 +4,7 @@ import dependencyObservable = require("ui/core/dependency-observable");
 import view = require("ui/core/view");
 import bindable = require("ui/core/bindable");
 import types = require("utils/types");
-import numberUtils = require("utils/number-utils");
+import numberUtils = require("../../../utils/number-utils");
 import proxy = require("ui/core/proxy");
 import {registerSpecialProperty} from "ui/builder/special-properties";
 

ui/layouts/grid-layout/grid-layout.android.ts

@@ -2,7 +2,7 @@
 import dependencyObservable = require("ui/core/dependency-observable");
 import view = require("ui/core/view");
 import proxy = require("ui/core/proxy");
-import common = require("ui/layouts/grid-layout/grid-layout-common");
+import common = require("./grid-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/grid-layout/grid-layout.ios.ts

@@ -1,7 +1,7 @@
 import utils = require("utils/utils");
 import enums = require("ui/enums");
 import view = require("ui/core/view");
-import common = require("ui/layouts/grid-layout/grid-layout-common");
+import common = require("./grid-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/stack-layout/stack-layout.android.ts

@@ -1,6 +1,6 @@
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
-import common = require("ui/layouts/stack-layout/stack-layout-common");
+import common = require("./stack-layout-common");
 import enums = require("ui/enums");
 
 global.moduleMerge(common, exports);

ui/layouts/stack-layout/stack-layout.ios.ts

@@ -1,7 +1,7 @@
 import utils = require("utils/utils");
 import enums = require("ui/enums");
 import view = require("ui/core/view");
-import common = require("ui/layouts/stack-layout/stack-layout-common");
+import common = require("./stack-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/layouts/wrap-layout/wrap-layout.android.ts

@@ -1,6 +1,6 @@
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
-import common = require("ui/layouts/wrap-layout/wrap-layout-common");
+import common = require("./wrap-layout-common");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
 

ui/layouts/wrap-layout/wrap-layout.ios.ts

@@ -1,7 +1,7 @@
 import utils = require("utils/utils");
 import view = require("ui/core/view");
 import enums = require("ui/enums");
-import common = require("ui/layouts/wrap-layout/wrap-layout-common");
+import common = require("./wrap-layout-common");
 
 global.moduleMerge(common, exports);
 

ui/list-picker/list-picker.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/list-picker/list-picker-common");
+import common = require("./list-picker-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import types = require("utils/types");
 import utils = require("utils/utils")

ui/list-picker/list-picker.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/list-picker/list-picker-common");
+import common = require("./list-picker-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import types = require("utils/types");
 

ui/list-view/list-view.android.ts

@@ -1,5 +1,5 @@
 import observable = require("data/observable");
-import common = require("ui/list-view/list-view-common");
+import common = require("./list-view-common");
 import viewModule = require("ui/core/view");
 import layoutBaseModule = require("ui/layouts/layout-base");
 import stackLayout = require("ui/layouts/stack-layout");

ui/list-view/list-view.ios.ts

@@ -1,6 +1,6 @@
 import observable = require("data/observable");
 import definition = require("ui/list-view");
-import common = require("ui/list-view/list-view-common");
+import common = require("./list-view-common");
 import utils = require("utils/utils");
 import view = require("ui/core/view");
 import proxy = require("ui/core/proxy");

ui/page/page-common.ts

@@ -2,10 +2,10 @@
 import view = require("ui/core/view");
 import dts = require("ui/page");
 import frame = require("ui/frame");
-import styleModule = require("ui/styling/style");
+import styleModule = require("../styling/style");
-import styleScope = require("ui/styling/style-scope");
+import styleScope = require("../styling/style-scope");
 import fs = require("file-system");
-import frameCommon = require("ui/frame/frame-common");
+import frameCommon = require("../frame/frame-common");
 import actionBar = require("ui/action-bar");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");

ui/page/page.android.ts

@@ -1,4 +1,4 @@
-import pageCommon = require("ui/page/page-common");
+import pageCommon = require("./page-common");
 import definition = require("ui/page");
 import view = require("ui/core/view");
 import trace = require("trace");

ui/page/page.ios.ts

@@ -1,4 +1,4 @@
-import pageCommon = require("ui/page/page-common");
+import pageCommon = require("./page-common");
 import definition = require("ui/page");
 import {View} from "ui/core/view";
 import trace = require("trace");

ui/placeholder/placeholder.android.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/placeholder");
-import common = require("ui/placeholder/placeholder-common");
+import common = require("./placeholder-common");
 
 global.moduleMerge(common, exports);
 

ui/placeholder/placeholder.ios.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/placeholder");
-import common = require("ui/placeholder/placeholder-common");
+import common = require("./placeholder-common");
 
 global.moduleMerge(common, exports);
 

ui/progress/progress.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/progress/progress-common");
+import common = require("./progress-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/progress/progress.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/progress/progress-common");
+import common = require("./progress-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/scroll-view/scroll-view.android.ts

@@ -1,7 +1,7 @@
 import dependencyObservable = require("ui/core/dependency-observable");
 import definition = require("ui/scroll-view");
 import contentView = require("ui/content-view");
-import common = require("ui/scroll-view/scroll-view-common");
+import common = require("./scroll-view-common");
 import utils = require("utils/utils");
 import enums = require("ui/enums");
 

ui/scroll-view/scroll-view.ios.ts

@@ -1,7 +1,7 @@
 import view = require("ui/core/view");
 import definition = require("ui/scroll-view");
 import contentView = require("ui/content-view");
-import common = require("ui/scroll-view/scroll-view-common");
+import common = require("./scroll-view-common");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
 

ui/search-bar/search-bar.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/search-bar/search-bar-common");
+import common = require("./search-bar-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import color = require("color");

ui/search-bar/search-bar.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/search-bar/search-bar-common");
+import common = require("./search-bar-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import color = require("color");

ui/segmented-bar/segmented-bar.android.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/segmented-bar");
-import common = require("ui/segmented-bar/segmented-bar-common");
+import common = require("./segmented-bar-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import types = require("utils/types");

ui/segmented-bar/segmented-bar.ios.ts

@@ -1,5 +1,5 @@
 import definition = require("ui/segmented-bar");
-import common = require("ui/segmented-bar/segmented-bar-common");
+import common = require("./segmented-bar-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import types = require("utils/types");

ui/slider/slider.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/slider/slider-common");
+import common = require("./slider-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/slider/slider.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/slider/slider-common");
+import common = require("./slider-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/styling/background.android.ts

@@ -1,5 +1,5 @@
 import utils = require("utils/utils");
-import common = require("ui/styling/background-common");
+import common = require("./background-common");
 import dts = require("ui/styling/background");
 
 global.moduleMerge(common, exports);

ui/styling/background.ios.ts

@@ -1,6 +1,6 @@
 import viewModule = require("ui/core/view");
-import style = require("ui/styling/style");
+import style = require("./style");
-import common = require("ui/styling/background-common");
+import common = require("./background-common");
 
 global.moduleMerge(common, exports);
 

ui/styling/font-common.ts

@@ -1,6 +1,6 @@
 import enums = require("ui/enums");
 import definitios = require("ui/styling/font");
-import converters = require("ui/styling/converters");
+import converters = require("./converters");
 
 export class Font implements definitios.Font {
     public static default = undefined;

ui/styling/font.android.ts

@@ -1,5 +1,5 @@
 import enums = require("ui/enums");
-import common = require("ui/styling/font-common");
+import common = require("./font-common");
 import application = require("application");
 import trace = require("trace");
 import types = require("utils/types");

ui/styling/font.ios.ts

@@ -1,5 +1,5 @@
 import enums = require("ui/enums");
-import common = require("ui/styling/font-common");
+import common = require("./font-common");
 import fs = require("file-system");
 
 var DEFAULT_SERIF = "Times New Roman";

ui/styling/style-scope.d.ts

@@ -0,0 +1,20 @@
+//@private
+declare module "ui/styling/style-scope" {
+    import view = require("ui/core/view");
+    import cssSelector = require("ui/styling/css-selector");
+    import cssParser = require("css");
+
+    export class StyleScope {
+        public css: string;
+        public addCss(cssString: string, cssFileName: string): void;
+
+        public static createSelectorsFromCss(css: string, cssFileName: string): cssSelector.CssSelector[];
+        public static createSelectorsFromImports(tree: cssParser.SyntaxTree): cssSelector.CssSelector[];
+        public ensureSelectors();
+
+        public applySelectors(view: view.View): void
+        public getVisualStates(view: view.View): Object;
+    }
+
+    export function applyInlineSyle(view: view.View, style: string): void;
+}

ui/styling/style-scope.ts

@@ -2,7 +2,7 @@
 import trace = require("trace");
 import cssSelector = require("ui/styling/css-selector");
 import cssParser = require("css");
-import {VisualState} from "ui/styling/visual-state";
+import {VisualState} from "./visual-state";
 import application = require("application");
 import utils = require("utils/utils");
 import types = require("utils/types");

ui/styling/style.d.ts

@@ -0,0 +1,120 @@
+//@private
+declare module "ui/styling/style" {
+    import styling = require("ui/styling");
+    import {DependencyObservable, Property} from "ui/core/dependency-observable";
+    import {View} from "ui/core/view";
+    import {Color} from "color";
+    import stylers = require("ui/styling/stylers");
+    import styleProperty = require("ui/styling/style-property");
+
+    export interface Thickness {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    }
+
+    export interface CommonLayoutParams {
+        width: number;
+        height: number;
+
+        leftMargin: number;
+        topMargin: number;
+        rightMargin: number;
+        bottomMargin: number;
+
+        horizontalAlignment: string;
+        verticalAlignment: string;
+    }
+
+    export class Style extends DependencyObservable implements styling.Style {
+        public color: Color;
+        public backgroundColor: Color;
+        public backgroundImage: string;
+        public backpublic: string;
+        public backgroundSize: string;
+        public backgroundPosition: string;
+        public backgroundRepeat: string;
+        public borderColor: Color;
+        public borderWidth: number;
+        public borderRadius: number;
+        public fontSize: number;
+        public fontFamily: string;
+        public fontStyle: string;
+        public fontWeight: string;
+        public font: string;
+        public textAlignment: string;
+        public minWidth: number;
+        public minHeight: number;
+        public width: number;
+        public height: number;
+        public margin: string;
+        public marginLeft: number;
+        public marginTop: number;
+        public marginRight: number;
+        public marginBottom: number;
+        public padding: string;
+        public paddingLeft: number;
+        public paddingTop: number;
+        public paddingRight: number;
+        public paddingBottom: number;
+        public horizontalAlignment: string;
+        public verticalAlignment: string;
+        public visibility: string;
+        public opacity: number;
+
+        new(parentView: View);
+
+        public _beginUpdate();
+        public _endUpdate();
+        public _resetCssValues(): void;
+        public _syncNativeProperties(): void;
+        public _inheritStyleProperty(property: Property): void;
+        public _inheritStyleProperties(): void;
+    }
+
+    export function registerHandler(property: Property, handler: styling.stylers.StylePropertyChangedHandler, className?: string);
+
+    export function registerNoStylingClass(className);
+    export function getHandler(property: Property, view: View): styling.stylers.StylePropertyChangedHandler;
+    // Property registration
+    export var colorProperty: styleProperty.Property;
+    export var backgroundImageProperty: styleProperty.Property;
+    export var backgroundColorProperty: styleProperty.Property;
+    export var backgroundRepeatProperty: styleProperty.Property;
+    export var backgroundSizeProperty: styleProperty.Property;
+    export var backgroundPositionProperty: styleProperty.Property;
+    export var borderColorProperty: styleProperty.Property;
+    export var borderWidthProperty: styleProperty.Property;
+    export var borderRadiusProperty: styleProperty.Property;
+    export var backgroundInternalProperty: styleProperty.Property;
+    export var fontSizeProperty: styleProperty.Property;
+    export var fontFamilyProperty: styleProperty.Property;
+    export var fontStyleProperty: styleProperty.Property;
+    export var fontWeightProperty: styleProperty.Property;
+    export var fontInternalProperty: styleProperty.Property;
+    export var textAlignmentProperty: styleProperty.Property;
+    export var minWidthProperty: styleProperty.Property;
+    export var minHeightProperty: styleProperty.Property;
+    export var visibilityProperty: styleProperty.Property;
+    export var opacityProperty: styleProperty.Property;
+
+    // Helper property holding most layout related properties available in CSS.
+    // When layout related properties are set in CSS we chache them and send them to the native view in a single call.
+    export var nativeLayoutParamsProperty: styleProperty.Property;
+    export var widthProperty: styleProperty.Property;
+    export var heightProperty: styleProperty.Property;
+    export var verticalAlignmentProperty: styleProperty.Property;
+    export var horizontalAlignmentProperty: styleProperty.Property;
+    export var marginLeftProperty: styleProperty.Property;
+    export var marginRightProperty: styleProperty.Property;
+    export var marginTopProperty: styleProperty.Property;
+    export var marginBottomProperty: styleProperty.Property;
+
+    // Helper property holding all paddings. When paddings are set through CSS we cache them and send them to the native view in a single call.
+    export var nativePaddingsProperty: styleProperty.Property;
+    export var paddingLeftProperty: styleProperty.Property;
+    export var paddingRightProperty: styleProperty.Property;
+    export var paddingTopProperty: styleProperty.Property;
+    export var paddingBottomProperty: styleProperty.Property;
+}

ui/styling/style.ts

@@ -6,7 +6,7 @@ import {View} from "ui/core/view";
 import {Color} from "color";
 import stylers = require("ui/styling/stylers");
 import styleProperty = require("ui/styling/style-property");
-import converters = require("ui/styling/converters");
+import converters = require("./converters");
 import enums = require("ui/enums");
 import imageSource = require("image-source");
 import utils = require("utils/utils");

ui/styling/stylers.android.ts

@@ -1,11 +1,11 @@
 import types = require("utils/types");
 import view = require("ui/core/view");
-import style = require("ui/styling/style");
+import style = require("./style");
 import definition = require("ui/styling");
-import stylersCommon = require("ui/styling/stylers-common");
+import stylersCommon = require("./stylers-common");
 import enums = require("ui/enums");
 import utils = require("utils/utils");
-import styleModule = require("ui/styling/style");
+import styleModule = require("./style");
 import font = require("ui/styling/font");
 import background = require("ui/styling/background");
 var btn;

ui/styling/stylers.ios.ts

@@ -1,7 +1,7 @@
 import view = require("ui/core/view");
-import style = require("ui/styling/style");
+import style = require("./style");
 import definition = require("ui/styling");
-import stylersCommon = require("ui/styling/stylers-common");
+import stylersCommon = require("./stylers-common");
 import enums = require("ui/enums");
 import font = require("ui/styling/font");
 import background = require("ui/styling/background");

ui/styling/styling.ts

@@ -1,8 +1,8 @@
-import styleModule = require("ui/styling/style");
+import styleModule = require("./style");
-import stylePropertyModule = require("ui/styling/style-property");
+import stylePropertyModule = require("./style-property");
-import stylersCommonModule = require("ui/styling/stylers-common");
+import stylersCommonModule = require("./stylers-common");
-import visualStateConstatnsModule = require("ui/styling/visual-state-constants");
+import visualStateConstatnsModule = require("./visual-state-constants");
-import convertersModule = require("ui/styling/converters");
+import convertersModule = require("./converters");
 
 // Exports form style-property module.
 export var Property = stylePropertyModule.Property;

ui/switch/switch.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/switch/switch-common");
+import common = require("./switch-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import utils = require("utils/utils")

ui/switch/switch.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/switch/switch-common");
+import common = require("./switch-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/tab-view/tab-view.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/tab-view/tab-view-common");
+import common = require("./tab-view-common");
 import definition = require("ui/tab-view");
 import dependencyObservable = require("ui/core/dependency-observable");
 import view = require("ui/core/view");

ui/tab-view/tab-view.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/tab-view/tab-view-common");
+import common = require("./tab-view-common");
 import definition = require("ui/tab-view");
 import dependencyObservable = require("ui/core/dependency-observable");
 import trace = require("trace");

ui/text-field/text-field.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/text-field/text-field-common");
+import common = require("./text-field-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 

ui/text-field/text-field.ios.ts

@@ -1,4 +1,4 @@
-import common = require("ui/text-field/text-field-common");
+import common = require("./text-field-common");
 import dependencyObservable = require("ui/core/dependency-observable");
 import proxy = require("ui/core/proxy");
 import textBase = require("ui/text-base");

ui/text-view/text-view.android.ts

@@ -1,4 +1,4 @@
-import common = require("ui/text-view/text-view-common");
+import common = require("./text-view-common");
 
 global.moduleMerge(common, exports);