@breakside/jskit 2021.36.0 → 2021.39.0

package/Root/Frameworks/UIKit/UIPopupButton.js

@@ -17,6 +17,7 @@
 // #import "UILabel.js"
 // #import "UIImageView.js"
 // #import "UIMenu.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 (function(){
@@ -480,7 +481,7 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
     indicatorSpacing: 0,
 
     init: function(){
-        this.initWithColor(JSColor.black);
+        this.initWithColor(JSColor.text);
     },
 
     initWithColor: function(color){
@@ -588,7 +589,7 @@ JSClass("UIPopupButtonCustomStyler", UIPopupButtonStyler, {
             }
         }
         if (this.normalTitleColor === null){
-            this.normalTitleColor = JSColor.black;
+            this.normalTitleColor = JSColor.text;
         }
         if (this.activeTitleColor === null){
             this.activeTitleColor = this.normalTitleColor.colorDarkenedByPercentage(0.2);
@@ -703,31 +704,31 @@ JSClass("UIPopupButtonDefaultStyler", UIPopupButtonCustomStyler, {
 
     _fillInMissingColors: function(){
         if (this.normalBackgroundColor === null){
-            this.normalBackgroundColor = UIPopupButtonDefaultStyler.NormalBackgroundColor;
+            this.normalBackgroundColor = JSColor.controlBackground;
             if (this.activeBackgroundColor === null){
-                this.activeBackgroundColor = UIPopupButtonDefaultStyler.ActiveBackgroundColor;
+                this.activeBackgroundColor = JSColor.activeControlBackground;
             }
             if (this.disabledBackgroundColor === null){
-                this.disabledBackgroundColor = UIPopupButtonDefaultStyler.DisabledBackgroundColor;
+                this.disabledBackgroundColor = JSColor.disabledControlBackground;
             }
         }
         if (this.normalBorderColor === null){
-            this.normalBorderColor = UIPopupButtonDefaultStyler.NormalBorderColor;
+            this.normalBorderColor = JSColor.controlBorder;
             if (this.activeBorderColor === null){
-                this.activeBorderColor = UIPopupButtonDefaultStyler.ActiveBorderColor;
+                this.activeBorderColor = JSColor.activeControlBorder;
             }
             if (this.disabledBorderColor === null){
-                this.disabledBorderColor = UIPopupButtonDefaultStyler.DisabledBorderColor;
+                this.disabledBorderColor = JSColor.disabledControlBorder;
             }
         }
         if (this.normalTitleColor === null){
-            this.normalTitleColor = UIPopupButtonDefaultStyler.NormalTitleColor;
+            this.normalTitleColor = JSColor.controlTitle;
         }
         if (this.activeTitleColor === null){
-            this.activeTitleColor = UIPopupButtonDefaultStyler.ActiveTitleColor;
+            this.activeTitleColor = JSColor.activeControlTitle;
         }
         if (this.disabledTitleColor === null){
-            this.disabledTitleColor = UIPopupButtonDefaultStyler.DisabledTitleColor;
+            this.disabledTitleColor = JSColor.disabledControlTitle;
         }
     }
 
@@ -744,7 +745,7 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
     cornerRadius: 0,
 
     init: function(){
-        this.initWithColor(JSColor.black);
+        this.initWithColor(JSColor.text);
     },
 
     initWithColor: function(color){
@@ -832,18 +833,6 @@ JSClass("UIPopupButtonImageStyler", UIPopupButtonStyler, {
 
 });
 
-UIPopupButtonDefaultStyler.NormalBackgroundColor = JSColor.initWithRGBA(250/255,250/255,250/255);
-UIPopupButtonDefaultStyler.ActiveBackgroundColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-UIPopupButtonDefaultStyler.DisabledBackgroundColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-
-UIPopupButtonDefaultStyler.NormalBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-UIPopupButtonDefaultStyler.ActiveBorderColor = JSColor.initWithRGBA(192/255,192/255,192/255);
-UIPopupButtonDefaultStyler.DisabledBorderColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-
-UIPopupButtonDefaultStyler.NormalTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-UIPopupButtonDefaultStyler.ActiveTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-UIPopupButtonDefaultStyler.DisabledTitleColor = JSColor.initWithRGBA(152/255,152/255,152/255);
-
 var images = Object.create({}, {
 
     bundle: {

package/Root/Frameworks/UIKit/UIPopupWindow.js

@@ -15,6 +15,7 @@
 
 // #import "UIWindow.js"
 // #import "UIViewPropertyAnimator.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 JSClass("UIPopupWindow", UIWindow, {
@@ -321,8 +322,8 @@ JSClass("UIPopupWindowStyler", UIWindowStyler, {
 
     init: function(){
         UIPopupWindowStyler.$super.init.call(this);
-        this.backgroundColor = JSColor.initWithRGBA(240/255,240/255,240/255,1);
-        this.shadowColor = JSColor.initWithRGBA(0, 0, 0, 0.4);
+        this.backgroundColor = JSColor.window;
+        this.shadowColor = JSColor.windowShadow;
         this.shadowOffset = JSPoint.Zero;
         this.shadowRadius = UIWindow.Styler.default.shadowRadius;
         this.cornerRadius = UIWindow.Styler.default.cornerRadius;

package/Root/Frameworks/UIKit/UIProgressIndicatorView.js

@@ -51,7 +51,7 @@ JSClass("UIProgressIndicatorView", UIView, {
 
     _commonProgressInit: function(){
         if (this._progressBarColor === null){
-            this._progressBarColor = JSColor.initWithRGBA(0, 0, 0, 0.4);
+            this._progressBarColor = JSColor.initWithUIStyles(JSColor.black.colorLightenedByPercentage(0.6), JSColor.white.colorDarkenedByPercentage(0.6));
         }
         if (this._progressBorderColor === null){
             this._progressBorderColor = this._progressBarColor;

package/Root/Frameworks/UIKit/UIRadioGroup.js

@@ -17,6 +17,7 @@
 // #import "UILabel.js"
 // #import "UIImageView.js"
 // #import "UIEvent.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 (function(){
@@ -360,16 +361,16 @@ JSClass("UIRadioButtonDefaultStyler", UIRadioButtonStyler, {
     borderWidth: 1,
 
     init: function(){
-        this.normalBackgroundColor = UIRadioButtonDefaultStyler.NormalBackgroundColor;
-        this.disabledBackgroundColor = UIRadioButtonDefaultStyler.DisabledBackgroundColor;
-        this.activeBackgroundColor = UIRadioButtonDefaultStyler.ActiveBackgroundColor;
-        this.normalBorderColor = UIRadioButtonDefaultStyler.NormalBorderColor;
-        this.disabledBorderColor = UIRadioButtonDefaultStyler.DisabledBorderColor;
-        this.activeBorderColor = UIRadioButtonDefaultStyler.ActiveBorderColor;
-        this.normalTitleColor = UIRadioButtonDefaultStyler.NormalTitleColor;
-        this.disabledTitleColor = UIRadioButtonDefaultStyler.DisabledTitleColor;
-        this.activeTitleColor = UIRadioButtonDefaultStyler.ActiveTitleColor;
-        this.shadowColor = JSColor.initWithRGBA(0, 0, 0, 0.1);
+        this.normalBackgroundColor = JSColor.controlBackground;
+        this.disabledBackgroundColor = JSColor.disabledControlBackground;
+        this.activeBackgroundColor = JSColor.activeControlBackground;
+        this.normalBorderColor = JSColor.controlBorder;
+        this.disabledBorderColor = JSColor.disabledControlBorder;
+        this.activeBorderColor = JSColor.activeControlBorder;
+        this.normalTitleColor = JSColor.controlTitle;
+        this.disabledTitleColor = JSColor.disabledControlTitle;
+        this.activeTitleColor = JSColor.activeControlTitle;
+        this.shadowColor = JSColor.controlShadow;
         this.shadowOffset = JSPoint(0, 1);
     },
 
@@ -426,18 +427,6 @@ JSClass("UIRadioButtonDefaultStyler", UIRadioButtonStyler, {
 
 });
 
-UIRadioButtonDefaultStyler.NormalBackgroundColor = JSColor.initWithRGBA(250/255,250/255,250/255);
-UIRadioButtonDefaultStyler.ActiveBackgroundColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-UIRadioButtonDefaultStyler.DisabledBackgroundColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-
-UIRadioButtonDefaultStyler.NormalBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-UIRadioButtonDefaultStyler.ActiveBorderColor = JSColor.initWithRGBA(192/255,192/255,192/255);
-UIRadioButtonDefaultStyler.DisabledBorderColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-
-UIRadioButtonDefaultStyler.NormalTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-UIRadioButtonDefaultStyler.ActiveTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-UIRadioButtonDefaultStyler.DisabledTitleColor = JSColor.initWithRGBA(152/255,152/255,152/255);
-
 var images = Object.create({}, {
 
     bundle: {

package/Root/Frameworks/UIKit/UIScroller.js

@@ -16,6 +16,7 @@
 // #import "UIControl.js"
 // #import "UIViewPropertyAnimator.js"
 // #import "UIDevice.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 JSClass("UIScroller", UIControl, {
@@ -287,9 +288,9 @@ JSClass("UIScrollerDefaultStyler", UIScrollerStyler, {
         this.knobInsets = JSInsets(2, 3, 2, 2);
         var maxKnobWidth = this.expandedSize - this.knobInsets.left - this.knobInsets.right;
         this.minimumKnobLength = maxKnobWidth * 2;
-        this.trackColor = JSColor.initWithWhite(0, 0.1);
-        this.trackBorderColor = JSColor.initWithWhite(0, 0.15);
-        this.knobColor = JSColor.initWithWhite(0, 0.6);
+        this.trackColor = JSColor.initWithUIStyles(JSColor.initWithWhite(0, 0.1), JSColor.initWithWhite(1, 0.1));
+        this.trackBorderColor = JSColor.initWithUIStyles(JSColor.initWithWhite(0, 0.15), JSColor.initWithWhite(1, 0.05));
+        this.knobColor = JSColor.initWithUIStyles(JSColor.initWithWhite(0, 0.6), JSColor.initWithWhite(1, 0.6));
         if (UIDevice.shared && UIDevice.shared.primaryPointerType === UIUserInterface.PointerType.touch){
             this.collapsedSize = 8;
         }

package/Root/Frameworks/UIKit/UISegmentedControl.js

@@ -17,6 +17,7 @@
 // #import "UILabel.js"
 // #import "UIImageView.js"
 // #import "UIEvent.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 JSClass("UISegmentedControl", UIControl, {
@@ -662,21 +663,21 @@ JSClass("UISegmentedControlDefaultStyler", UISegmentedControlStyler, {
     cornerRadius: 3,
 
     init: function(){
-        this.normalBackgroundColor = JSColor.initWithRGBA(250/255,250/255,250/255);
-        this.activeBackgroundColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-        this.disabledBackgroundColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-        this.selectedBackgroundColor = JSColor.initWithRGBA(128/255,128/255,128/255);
-        this.selectedActiveBackgroundColor = JSColor.initWithRGBA(102/255,102/255,102/255);
-        this.normalBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-        this.activeBorderColor = JSColor.initWithRGBA(192/255,192/255,192/255);
-        this.disabledBorderColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-        this.selectedBorderColor = this.selectedBackgroundColor;
-        this.selectedActiveBorderColor = this.selectedActiveBackgroundColor;
-        this.normalTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-        this.activeTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-        this.disabledTitleColor = JSColor.initWithRGBA(152/255,152/255,152/255);
-        this.selectedTitleColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-        this.selectedActiveTitleColor = this.selectedTitleColor;
+        this.normalBackgroundColor = JSColor.controlBackground;
+        this.activeBackgroundColor = JSColor.activeControlBackground;
+        this.disabledBackgroundColor = JSColor.disabledControlBackground;
+        this.selectedBackgroundColor = JSColor.selectedControlBackground;
+        this.selectedActiveBackgroundColor = JSColor.activeSelectedControlBackground;
+        this.normalBorderColor = JSColor.controlBorder;
+        this.activeBorderColor = JSColor.activeControlBorder;
+        this.disabledBorderColor = JSColor.disabledControlBorder;
+        this.selectedBorderColor = JSColor.selectedControlBorder;
+        this.selectedActiveBorderColor = JSColor.activeSelectedControlBorder;
+        this.normalTitleColor = JSColor.controlTitle;
+        this.activeTitleColor = JSColor.activeControlTitle;
+        this.disabledTitleColor = JSColor.disabledControlTitle;
+        this.selectedTitleColor = JSColor.selectedControlTitle;
+        this.selectedActiveTitleColor = JSColor.activeSelectedControlTitle;
         this.shadowColor = JSColor.initWithRGBA(0, 0, 0, 0.1);
         this.shadowOffset = JSPoint(0, 1);
         this.titleInsets = JSInsets(3, 7);

package/Root/Frameworks/UIKit/UISlider.js

@@ -330,21 +330,21 @@ JSClass("UISliderDefaultStyler", UISliderLayerBasedStyler, {
     init: function(){
         UISliderDefaultStyler.$super.init.call(this);
         this.knobSize = JSSize(16, 16);
-        this.normalTrackColor = UISliderDefaultStyler.NormalTrackColor;
-        this.activeTrackColor = UISliderDefaultStyler.ActiveTrackColor;
-        this.disabledTrackColor = UISliderDefaultStyler.DisabledTrackColor;
-        this.normalTrackBorderColor = UISliderDefaultStyler.NormalTrackBorderColor;
-        this.activeTrackBorderColor = UISliderDefaultStyler.ActiveTrackBorderColor;
-        this.disabledTrackBorderColor = UISliderDefaultStyler.DisabledTrackBorderColor;
+        this.normalTrackColor = JSColor.initWithUIStyles(JSColor.controlBackground.colorDarkenedByPercentage(0.02), JSColor.controlBackground.colorDarkenedByPercentage(0.3), JSColor.controlBackground, JSColor.controlBackground);
+        this.activeTrackColor = this.normalTrackColor;
+        this.disabledTrackColor = JSColor.disabledControlBackground;
+        this.normalTrackBorderColor = JSColor.controlBorder;
+        this.activeTrackBorderColor = JSColor.controlBorder;
+        this.disabledTrackBorderColor = JSColor.disabledControlBorder;
         this.trackInnerShadowColor = JSColor.black.colorWithAlpha(0.4);
         this.trackInnerShadowOffset = JSPoint(0, 1);
-        this.normalKnobBackgroundColor = UISliderDefaultStyler.NormalKnobBackgroundColor;
-        this.disabledKnobBackgroundColor = UISliderDefaultStyler.DisabledKnobBackgroundColor;
-        this.activeKnobBackgroundColor = UISliderDefaultStyler.ActiveKnobBackgroundColor;
-        this.normalKnobBorderColor = UISliderDefaultStyler.NormalKnobBorderColor;
-        this.disabledKnobBorderColor = UISliderDefaultStyler.DisabledKnobBorderColor;
-        this.activeKnobBorderColor = UISliderDefaultStyler.ActiveKnobBorderColor;
-        this.knobShadowColor = JSColor.black.colorWithAlpha(0.1);
+        this.normalKnobBackgroundColor = JSColor.controlBackground;
+        this.disabledKnobBackgroundColor = JSColor.disabledControlBackground;
+        this.activeKnobBackgroundColor = JSColor.activeControlBackground;
+        this.normalKnobBorderColor = JSColor.controlBorder;
+        this.disabledKnobBorderColor = JSColor.disabledControlBorder;
+        this.activeKnobBorderColor = JSColor.activeControlBorder;
+        this.knobShadowColor = JSColor.controlShadow;
         this.knobShadowOffset = JSPoint(0, 1);
     },
 
@@ -534,22 +534,6 @@ JSClass("UISliderDefaultStyler", UISliderLayerBasedStyler, {
 
 });
 
-UISliderDefaultStyler.NormalTrackColor = JSColor.initWithRGBA(245/255,245/255,245/255);
-UISliderDefaultStyler.ActiveTrackColor = UISliderDefaultStyler.NormalTrackColor;
-UISliderDefaultStyler.DisabledTrackColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-
-UISliderDefaultStyler.NormalTrackBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-UISliderDefaultStyler.ActiveTrackBorderColor = UISliderDefaultStyler.NormalTrackBorderColor;
-UISliderDefaultStyler.DisabledTrackBorderColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-
-UISliderDefaultStyler.NormalKnobBackgroundColor = JSColor.initWithRGBA(250/255,250/255,250/255);
-UISliderDefaultStyler.ActiveKnobBackgroundColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-UISliderDefaultStyler.DisabledKnobBackgroundColor = JSColor.initWithRGBA(240/255,240/255,240/255);
-
-UISliderDefaultStyler.NormalKnobBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-UISliderDefaultStyler.ActiveKnobBorderColor = JSColor.initWithRGBA(192/255,192/255,192/255);
-UISliderDefaultStyler.DisabledKnobBorderColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-
 JSClass("UISliderColorStyler", UISliderLayerBasedStyler, {
 
     gradient: null,
@@ -595,13 +579,13 @@ JSClass("UISliderColorStyler", UISliderLayerBasedStyler, {
             this.knobSize = JSSize(this.trackWidth + 6, this.trackWidth + 6);
         }
         this.trackRadius = this.trackWidth / 2;
-        this.normalKnobBackgroundColor = JSColor.white;
-        this.activeKnobBackgroundColor = JSColor.white;
-        this.disabledKnobBackgroundColor = this.normalKnobBackgroundColor.colorWithAlpha(0.5);
-        this.normalKnobBorderColor = JSColor.black.colorWithAlpha(0.2);
-        this.activeKnobBorderColor = JSColor.black.colorWithAlpha(0.3);
-        this.disabledKnobBorderColor = JSColor.black.colorWithAlpha(0.1);
-        this.checkerColor = JSColor.initWithWhite(0.9);
+        this.normalKnobBackgroundColor = JSColor.controlBackground;
+        this.activeKnobBackgroundColor = JSColor.activeControlBackground;
+        this.disabledKnobBackgroundColor = JSColor.disabledControlBackground;
+        this.normalKnobBorderColor = JSColor.controlBorder;
+        this.activeKnobBorderColor = JSColor.activeControlBorder;
+        this.disabledKnobBorderColor = JSColor.disabledControlBorder;
+        this.checkerColor = JSColor.initWithUIStyles(JSColor.initWithWhite(0.9), JSColor.initWithWhite(0.1));
     },
 
     setColors: function(colors){

package/Root/Frameworks/UIKit/UISplitView.js

@@ -50,6 +50,8 @@ JSClass("UISplitView", UIView, {
 
     leadingDividerColor: JSDynamicProperty(),
     trailingDividerColor: JSDynamicProperty(),
+    leadingDividerGradient: JSDynamicProperty(),
+    trailingDividerGradient: JSDynamicProperty(),
 
     delegate: null,
 
@@ -132,6 +134,12 @@ JSClass("UISplitView", UIView, {
         if (spec.containsKey('trailingDividerColor')){
             this.trailingDividerColor = spec.valueForKey("trailingDividerColor", JSColor);
         }
+        if (spec.containsKey('leadingDividerGradient')){
+            this.leadingDividerGradient = spec.valueForKey("leadingDividerGradient", JSGradient);
+        }
+        if (spec.containsKey('trailingDividerGradient')){
+            this.trailingDividerGradient = spec.valueForKey("trailingDividerGradient", JSGradient);
+        }
         if (spec.containsKey('autosaveName')){
             this.autosaveName = spec.valueForKey("autosaveName");
         }
@@ -227,6 +235,22 @@ JSClass("UISplitView", UIView, {
         return this._trailingDividerView.color;
     },
 
+    setLeadingDividerGradient: function(gradient){
+        this._leadingDividerView.gradient = gradient;
+    },
+
+    getLeadingDividerGradient: function(){
+        return this._leadingDividerView.gradient;
+    },
+
+    setTrailingDividerGradient: function(gradient){
+        this._trailingDividerView.gradient = gradient;
+    },
+
+    getTrailingDividerGradient: function(){
+        return this._trailingDividerView.gradient;
+    },
+
     setLeadingView: function(leadingView){
         if (leadingView === this._leadingView){
             return;
@@ -473,10 +497,18 @@ JSClass("UISplitView", UIView, {
             if (this._leadingCollapses && leadingSize < this._minimumLeadingSize / 2){
                 if (this._leadingViewOpen){
                     this.leadingViewOpen = false;
+                    this.leadingSize = this._previousLeadingSize;
+                    if (this.delegate && this.delegate.splitViewDidToggleView){
+                        this.delegate.splitViewDidToggleView(this, this._leadingView);
+                    }
                 }
             }else{
                 if (!this._leadingViewOpen){
                     this.leadingViewOpen = true;
+                    this.leadingSize = this._minimumLeadingSize;
+                    if (this.delegate && this.delegate.splitViewDidToggleView){
+                        this.delegate.splitViewDidToggleView(this, this._leadingView);
+                    }
                 }
                 if (leadingSize >= this._minimumLeadingSize && leadingSize <= maximumLeadingSize){
                     this._leadingSize = leadingSize;
@@ -495,10 +527,18 @@ JSClass("UISplitView", UIView, {
             if (this._trailingCollapses && trailingSize < this._minimumTrailingSize / 2){
                 if (this._trailingViewOpen){
                     this.trailingViewOpen = false;
+                    this.trailingSize = this._previousTrailingSize;
+                    if (this.delegate && this.delegate.splitViewDidToggleView){
+                        this.delegate.splitViewDidToggleView(this, this._trailingView);
+                    }
                 }
             }else{
                 if (!this._trailingViewOpen){
                     this.trailingViewOpen = true;
+                    this.trailingSize = this._minimumTrailingSize;
+                    if (this.delegate && this.delegate.splitViewDidToggleView){
+                        this.delegate.splitViewDidToggleView(this, this._trailingView);
+                    }
                 }
                 if (trailingSize >= this._minimumTrailingSize && trailingSize <= maximumTrailingSize){
                     this._trailingSize = trailingSize;

package/Root/Frameworks/UIKit/UISplitViewController.js

@@ -147,10 +147,10 @@ JSClass("UISplitViewController", UIViewController, {
         }
         if (callAppearanceMethods){
             if (disappearingViewController !== null){
-                disappearingViewController.viewDidDisappear(false);
+                disappearingViewController.enqueueDidDisappear();
             }
             if (this._leadingViewController !== null){
-                this._leadingViewController.viewDidAppear(false);
+                this._leadingViewController.enqueueDidAppear();
             }
         }
     },
@@ -181,10 +181,10 @@ JSClass("UISplitViewController", UIViewController, {
         }
         if (callAppearanceMethods){
             if (disappearingViewController !== null){
-                disappearingViewController.viewDidDisappear(false);
+                disappearingViewController.enqueueDidDisappear();
             }
             if (this._trailingViewController !== null){
-                this._trailingViewController.viewDidAppear(false);
+                this._trailingViewController.enqueueDidAppear();
             }
         }
     },
@@ -200,7 +200,7 @@ JSClass("UISplitViewController", UIViewController, {
             this._mainViewController.removeFromParentViewController();
         }
         this._mainViewController = mainViewController;
-        if (this.view.mainHidden){
+        if (this.isViewLoaded && this.view.mainHidden){
             if (this._mainViewController){
                 this._leadingViewController.show(this._mainViewController, this);
             }
@@ -220,10 +220,10 @@ JSClass("UISplitViewController", UIViewController, {
             }
             if (callAppearanceMethods){
                 if (disappearingViewController !== null){
-                    disappearingViewController.viewDidDisappear(false);
+                    disappearingViewController.enqueueDidDisappear();
                 }
                 if (this._mainViewController !== null){
-                    this._mainViewController.viewDidAppear(false);
+                    this._mainViewController.enqueueDidAppear();
                 }
             }
         }

package/Root/Frameworks/UIKit/UISplitViewDivider.js

@@ -25,6 +25,7 @@ JSClass("UISplitViewDivider", UIView, {
     layoutAdjustment: JSReadOnlyProperty(),
     vertical: JSDynamicProperty('_isVertical', false, 'isVertical'),
     color: JSDynamicProperty(),
+    gradient: JSDynamicProperty(),
 
     initWithSizes: function(layoutSize, hitSize, vertical){
         this.init();
@@ -43,6 +44,14 @@ JSClass("UISplitViewDivider", UIView, {
         return this.lineView.backgroundColor;
     },
 
+    setGradient: function(gradient){
+        this.lineView.backgroundGradient = gradient;
+    },
+
+    getGradient: function(){
+        return this.lineView.backgroundGradient;
+    },
+
     layoutSubviews: function(){
         UISplitViewDivider.$super.layoutSubviews.call(this);
         if (this._isVertical){

package/Root/Frameworks/UIKit/UITabView.js

@@ -60,9 +60,10 @@ JSClass("UITabView", UIView, {
             this.delegate = spec.valueForKey("delegate");
         }
         if (spec.containsKey('items')){
-            var items = spec.valueForKey('items');
-            for (var i = 0, l = items.length; i < l; ++i){
-                items.push(items.valueForKey(i, UITabViewItem));
+            var items = [];
+            var specItems = spec.valueForKey('items');
+            for (var i = 0, l = specItems.length; i < l; ++i){
+                items.push(specItems.valueForKey(i, UITabViewItem));
             }
             this.items = items;
         }
@@ -689,18 +690,18 @@ JSClass("UITabViewDefaultStyler", UITabViewStyler, {
 
     init: function(){
         UITabViewDefaultStyler.$super.init.call(this);
-        this.normalItemColor = JSColor.initWithRGBA(250/255,250/255,250/255);
-        this.activeItemColor = JSColor.initWithRGBA(224/255,224/255,224/255);
-        this.selectedItemColor = JSColor.initWithRGBA(70/255,153/255,254/255);
-        this.activeSelectedItemColor = JSColor.initWithRGBA(63/255,138/255,230/255);
-        this.normalBorderColor = JSColor.initWithRGBA(204/255,204/255,204/255);
-        this.activeBorderColor = JSColor.initWithRGBA(192/255,192/255,192/255);
-        this.selectedBorderColor = JSColor.initWithRGBA(63/255,138/255,230/255);
-        this.activeSelectedBorderColor = JSColor.initWithRGBA(54/255,123/255,205/255);
-        this.normalTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-        this.activeTitleColor = JSColor.initWithRGBA(51/255,51/255,51/255);
-        this.selectedTitleColor = JSColor.initWithRGBA(255/255,255/255,255/255);
-        this.selectedActiveTitleColor = JSColor.initWithRGBA(255/255,255/255,255/255);
+        this.normalItemColor = JSColor.controlBackground;
+        this.activeItemColor = JSColor.activeControlBackground;
+        this.selectedItemColor = JSColor.highlight;
+        this.activeSelectedItemColor = JSColor.highlight.colorDarkenedByPercentage(0.2);
+        this.normalBorderColor = JSColor.controlBorder;
+        this.activeBorderColor = JSColor.activeControlBorder;
+        this.selectedBorderColor = JSColor.highlight.colorDarkenedByPercentage(0.2);
+        this.activeSelectedBorderColor = JSColor.highlight.colorDarkenedByPercentage(0.4);
+        this.normalTitleColor = JSColor.controlTitle;
+        this.activeTitleColor = JSColor.activeControlTitle;
+        this.selectedTitleColor = JSColor.highlightedText;
+        this.selectedActiveTitleColor = JSColor.highlightedText;
         this._fillInMissingStyles();
     },
 
@@ -777,22 +778,22 @@ JSClass("UITabViewDefaultStyler", UITabViewStyler, {
             this.itemsInsets = JSInsets(4);
         }
         if (this.normalTitleColor === null){
-            this.normalTitleColor = JSColor.black;
+            this.normalTitleColor = JSColor.controlTitle;
         }
         if (this.activeTitleColor === null){
             this.activeTitleColor = this.normalTitleColor;
         }
         if (this.selectedTitleColor === null){
-            this.selectedTitleColor = JSColor.white;
+            this.selectedTitleColor = JSColor.highlightedText;
         }
         if (this.activeSelectedTitleColor === null){
             this.activeSelectedTitleColor = this.selectedTitleColor;
         }
         if (this.normalItemColor === null){
-            this.normalItemColor = JSColor.initWithRGBA(250/255,250/255,250/255);
+            this.normalItemColor = JSColor.highlight;
         }
         if (this.selectedItemColor === null){
-            this.selectedItemColor = JSColor.initWithRGBA(70/255,153/255,254/255);
+            this.selectedItemColor = JSColor.highlight.colorDarkenedByPercentage(0.2);
         }
         if (this.activeItemColor === null){
             this.activeItemColor = this.normalItemColor.colorDarkenedByPercentage(0.1);
@@ -813,7 +814,7 @@ JSClass("UITabViewDefaultStyler", UITabViewStyler, {
             this.activeSelectedBorderColor = this.selectedBorderColor.colorDarkenedByPercentage(0.05);
         }
         if (this.dividerColor === null){
-            this.dividerColor = this.normalBorderColor;
+            this.dividerColor = JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.2), JSColor.white.colorWithAlpha(0.2));
         }
     },
 
@@ -824,7 +825,7 @@ JSClass("UITabViewDefaultStyler", UITabViewStyler, {
         tabView.addSubview(props.contentViewContainer);
         props.itemsView = UITabViewItemsView.init();
         props.itemsView.tabView = tabView;
-        props.itemsView.shadowColor = JSColor.initWithRGBA(0, 0, 0, 0.1);
+        props.itemsView.shadowColor = JSColor.controlShadow;
         props.itemsView.shadowOffset = JSPoint(0, 1);
         props.itemsView.shadowRadius = 1;
         props.itemsView.cornerRadius = this.cornerRadius;
@@ -1038,6 +1039,7 @@ UITabView.Styler = Object.defineProperties({}, {
     },
 
     tabless: {
+        configurable: true,
         get: function UITabView_getTablessStyler(){
             var styler = UITabViewTablessStyler.init();
             Object.defineProperty(this, 'tabless', {writable: true, value: styler});
@@ -1046,6 +1048,7 @@ UITabView.Styler = Object.defineProperties({}, {
     },
 
     images: {
+        configurable: true,
         get: function UITabView_getImagesStyler(){
             var styler = UITabViewImagesStyler.init();
             Object.defineProperty(this, 'images', {writable: true, value: styler});
@@ -1163,8 +1166,8 @@ JSClass("UITabViewImagesStyler", UITabViewStyler, {
     initializeTabView: function(tabView){
         UITabViewDefaultStyler.$super.initializeTabView.call(this, tabView);
         if (this.borderColor === null){
-            var backgroundColor = tabView.backgroundColor || JSColor.white;
-            this.borderColor = backgroundColor.colorDarkenedByPercentage(0.2);
+            var backgroundColor = tabView.backgroundColor || JSColor.background;
+            this.borderColor = JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.2), JSColor.white.colorWithAlpha(0.2));
         }
         var props = tabView.stylerProperties;
         props.contentViewContainer = UITabViewContentContainer.init();
@@ -1234,14 +1237,14 @@ JSClass("UITabViewImagesStyler", UITabViewStyler, {
 });
 
 var defaultStateImageColors = [
-    JSColor.initWithRGBA(0,0,0,0.2), // 0 normal
-    JSColor.initWithRGBA(0,0,0,0.2), // 1 over
-    JSColor.initWithRGBA(0,0,0,0.5), // 2 active
-    JSColor.initWithRGBA(0,0,0,0.5), // 3 active + over
-    JSColor.initWithRGBA(70/255,153/255,254/255),  // 4 selected
-    JSColor.initWithRGBA(70/255,153/255,254/255),  // 5 selected + over
-    JSColor.initWithRGBA(54/255,123/255,205/255),  // 6 selected + active
-    JSColor.initWithRGBA(54/255,123/255,205/255),  // 7 selected + active + over
+    JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.2), JSColor.white.colorWithAlpha(0.2)), // 0 normal
+    JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.2), JSColor.white.colorWithAlpha(0.2)), // 1 over
+    JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.5), JSColor.white.colorWithAlpha(0.1)), // 2 active
+    JSColor.initWithUIStyles(JSColor.black.colorWithAlpha(0.5), JSColor.white.colorWithAlpha(0.1)), // 3 active + over
+    JSColor.highlight,  // 4 selected
+    JSColor.highlight,  // 5 selected + over
+    JSColor.highlight.colorDarkenedByPercentage(0.2),  // 6 selected + active
+    JSColor.highlight.colorDarkenedByPercentage(0.2),  // 7 selected + active + over
 ];
 
 })();

package/Root/Frameworks/UIKit/UITextEditor.js

@@ -16,6 +16,7 @@
 // #import Foundation
 // #import "UILayer.js"
 // #import "UITextInput.js"
+// #import "JSColor+UIKit.js"
 'use strict';
 
 (function(){
@@ -49,7 +50,7 @@ JSClass("UITextEditor", JSObject, {
         this._selectionHighlightLayers = [];
         this.textLayoutManager = textLayer.textLayoutManager;
         this.textLayoutManager.editor = this;
-        this.cursorColor = JSColor.black;
+        this.cursorColor = JSColor.highlight;
         this.selections = [
             this._createSelection(JSRange(0, 0), UITextInput.SelectionInsertionPoint.end)
         ];