nativescript-telerik-ui
Advanced tools
Comparing version 0.1.3 to 0.2.0
@@ -314,2 +314,3 @@ declare module com { | ||
getBehaviors() : com.telerik.widget.chart.visualization.behaviors.ChartBehaviorCollection; | ||
setZoom(width:number, height:number):void; | ||
} | ||
@@ -316,0 +317,0 @@ } |
@@ -40,26 +40,26 @@ declare class TKChart { | ||
declare class TKChartAnnotation{ | ||
public hidden : boolean; | ||
public zPosition : TKChartAnnotationZPosition; | ||
declare class TKChartAnnotation { | ||
public hidden: boolean; | ||
public zPosition: TKChartAnnotationZPosition; | ||
} | ||
declare class TKChartGridLineAnnotation extends TKChartAnnotation{ | ||
declare class TKChartGridLineAnnotation extends TKChartAnnotation { | ||
public static new(); | ||
public value : any; | ||
public axis : TKChartAxis; | ||
public style : TKChartGridLineAnnotationStyle; | ||
public value: any; | ||
public axis: TKChartAxis; | ||
public style: TKChartGridLineAnnotationStyle; | ||
} | ||
declare class TKChartGridLineAnnotationStyle{ | ||
declare class TKChartGridLineAnnotationStyle { | ||
public stroke: TKStroke; | ||
} | ||
declare class TKChartBandAnnotation extends TKChartAnnotation{ | ||
declare class TKChartBandAnnotation extends TKChartAnnotation { | ||
public static new(); | ||
public axis : TKChartAxis; | ||
public range : TKRange; | ||
public style : TKChartBandAnnotationStyle; | ||
public axis: TKChartAxis; | ||
public range: TKRange; | ||
public style: TKChartBandAnnotationStyle; | ||
} | ||
declare class TKChartBandAnnotationStyle{ | ||
declare class TKChartBandAnnotationStyle { | ||
public stroke: TKStroke; | ||
@@ -73,4 +73,5 @@ public fill: TKFill; | ||
public plotMode: TKChartAxisPlotMode; | ||
public allowZoom:boolean; | ||
public allowPan:boolean; | ||
public allowZoom: boolean; | ||
public allowPan: boolean; | ||
public zoom: number; | ||
} | ||
@@ -118,3 +119,3 @@ | ||
declare class TKChartStackInfo { | ||
public static alloc(); | ||
public static alloc(); | ||
public stackMode: TKChartStackMode; | ||
@@ -303,3 +304,3 @@ } | ||
public fill: TKSolidFill; | ||
public dashPattern : NSArray; | ||
public dashPattern: NSArray; | ||
public color: UIColor; | ||
@@ -371,3 +372,3 @@ } | ||
interface TKChartData extends NSObject{ | ||
interface TKChartData extends NSObject { | ||
//Returns a x-value in cartesian series. | ||
@@ -395,3 +396,3 @@ dataXValue: any; | ||
interface TKChartDelegate extends NSObject{ | ||
interface TKChartDelegate extends NSObject { | ||
@@ -403,5 +404,5 @@ chartDidSelectSeries(chart: TKChart, series: TKChartSeries): void; | ||
// chartWillZoom(chart: TKChart): void; | ||
// chartWillZoom(chart: TKChart): void; | ||
chartDidZoom(chart: TKChart): void; | ||
// chartWillPan(chart: TKChart): void; | ||
// chartWillPan(chart: TKChart): void; | ||
chartDidPan(chart: TKChart): void; | ||
@@ -408,0 +409,0 @@ |
@@ -247,2 +247,5 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
} | ||
if (this.horizontalZoom || this.verticalZoom) { | ||
this._android.setZoom(this.horizontalZoom ? this.horizontalZoom : 1, this.verticalZoom ? this.verticalZoom : 1); | ||
} | ||
this.updatePanZoomBehavior(); | ||
@@ -360,3 +363,3 @@ this.updateSelectionBehavior(); | ||
var zoomMode = com.telerik.widget.chart.visualization.behaviors.ChartPanZoomMode.NONE; | ||
if (panHorizontal && zoomVertical) { | ||
if (zoomHorizontal && zoomVertical) { | ||
zoomMode = com.telerik.widget.chart.visualization.behaviors.ChartPanZoomMode.BOTH; | ||
@@ -487,2 +490,24 @@ } | ||
}; | ||
RadCartesianChart.prototype.onHorizontalZoomChanged = function (data) { | ||
if (!this._android) { | ||
return; | ||
} | ||
if (!isNaN(+data.newValue) && data.newValue > 1) { | ||
this._android.setZoom(data.newValue, this.verticalZoom ? this.verticalZoom : 1); | ||
} | ||
else { | ||
console.log("WARNING: Vertical zoom must be a number greater or equal to 1"); | ||
} | ||
}; | ||
RadCartesianChart.prototype.onVerticalZoomChanged = function (data) { | ||
if (!this._android) { | ||
return; | ||
} | ||
if (!isNaN(+data.newValue) && data.newValue > 1) { | ||
this._android.setZoom(this.horizontalZoom ? this.horizontalZoom : 1, data.newValue); | ||
} | ||
else { | ||
console.log("WARNING: Vertical zoom must be a number greater or equal to 1"); | ||
} | ||
}; | ||
return RadCartesianChart; | ||
@@ -489,0 +514,0 @@ })(commonModule.RadCartesianChart); |
@@ -340,2 +340,5 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
} | ||
if (this.horizontalZoom || this.verticalZoom) { | ||
this.updateZoom(); | ||
} | ||
if (this.palettes) { | ||
@@ -357,2 +360,25 @@ this.loadPalette(this.palettes); | ||
}; | ||
RadCartesianChart.prototype.updateZoom = function () { | ||
if (!this.horizontalZoom && !this.verticalZoom) { | ||
return; | ||
} | ||
if (this.horizontalZoom && this.horizontalAxis) { | ||
this.horizontalAxis.ios.zoom = this.horizontalZoom; | ||
} | ||
if (this.verticalZoom && this.verticalAxis) { | ||
this.verticalAxis.ios.zoom = this.verticalZoom; | ||
} | ||
if (this.series) { | ||
for (var i = 0; i < this.series.length; ++i) { | ||
if (this.series[i].ios) { | ||
if (this.series[i].horizontalAxis && this.horizontalZoom) { | ||
this.series[i].horizontalAxis.ios.zoom = this.horizontalZoom; | ||
} | ||
if (this.series[i].verticalAxis && this.verticalZoom) { | ||
this.series[i].verticalAxis.ios.zoom = this.verticalZoom; | ||
} | ||
} | ||
} | ||
} | ||
}; | ||
RadCartesianChart.prototype.updateGridStyle = function (newStyle) { | ||
@@ -441,2 +467,24 @@ if (this.ios && newStyle) { | ||
}; | ||
RadCartesianChart.prototype.onHorizontalZoomChanged = function (data) { | ||
if (!this.ios) { | ||
return; | ||
} | ||
if (!isNaN(+data.newValue) && data.newValue > 1) { | ||
this.updateZoom(); | ||
} | ||
else { | ||
console.log("WARNING: Horizontal zoom must be a number greater or equal to 1"); | ||
} | ||
}; | ||
RadCartesianChart.prototype.onVerticalZoomChanged = function (data) { | ||
if (!this.ios) { | ||
return; | ||
} | ||
if (!isNaN(+data.newValue) && data.newValue > 1) { | ||
this.updateZoom(); | ||
} | ||
else { | ||
console.log("WARNING: Vertical zoom must be a number greater or equal to 1"); | ||
} | ||
}; | ||
return RadCartesianChart; | ||
@@ -467,2 +515,3 @@ })(commonModule.RadCartesianChart); | ||
LinearAxis.prototype.onMinimumChanged = function (data) { | ||
console.log("LinearAxis range minimum: ", data.newValue); | ||
if (!isNaN(+data.newValue)) { | ||
@@ -478,2 +527,3 @@ if (this.ios.range) { | ||
LinearAxis.prototype.onMaximumChanged = function (data) { | ||
console.log("LinearAxis range maximum: ", data.newValue); | ||
if (!isNaN(+data.newValue)) { | ||
@@ -480,0 +530,0 @@ if (this.ios.range) { |
@@ -420,6 +420,8 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
}; | ||
RadListView.prototype.didLoadDataOnDemand = function () { | ||
RadListView.prototype.notifyLoadOnDemandFinished = function () { | ||
}; | ||
RadListView.prototype.didRefreshOnPull = function () { | ||
RadListView.prototype.notifyPullToRefreshFinished = function () { | ||
}; | ||
RadListView.prototype.notifySwipeToExecuteFinished = function () { | ||
}; | ||
RadListView.itemSelectingEvent = "itemSelecting"; | ||
@@ -426,0 +428,0 @@ RadListView.itemDeselectingEvent = "itemDeselecting"; |
@@ -128,5 +128,7 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
onItemClick: function (itemPosition, motionEvent) { | ||
var listView = that.get(); | ||
var tappedView = listView._listViewAdapter.getViewForItem(listView.getItemAtIndex(itemPosition)); | ||
var args = { | ||
eventName: listViewCommonModule.RadListView.itemTapEvent, | ||
object: that.get(), | ||
object: tappedView, | ||
itemIndex: itemPosition, | ||
@@ -138,5 +140,7 @@ groupIndex: -1 | ||
onItemLongClick: function (itemPosition, motionEvent) { | ||
var listView = that.get(); | ||
var tappedView = listView._listViewAdapter.getViewForItem(listView.getItemAtIndex(itemPosition)); | ||
var args = { | ||
eventName: listViewCommonModule.RadListView.itemHoldEvent, | ||
object: that.get(), | ||
object: tappedView, | ||
itemIndex: itemPosition, | ||
@@ -320,3 +324,3 @@ groupIndex: -1 | ||
}; | ||
RadListView.prototype.didRefreshOnPull = function () { | ||
RadListView.prototype.notifyPullToRefreshFinished = function () { | ||
if (!this._pullToRefreshBehavior) { | ||
@@ -330,3 +334,3 @@ return; | ||
}; | ||
RadListView.prototype.didLoadDataOnDemand = function () { | ||
RadListView.prototype.notifyLoadOnDemandFinished = function () { | ||
if (!this._loadOnDemandBehavior) { | ||
@@ -340,2 +344,13 @@ return; | ||
}; | ||
RadListView.prototype.notifySwipeToExecuteFinished = function () { | ||
if (!this._swipeExecuteBehavior) { | ||
return; | ||
} | ||
if (!this._android) { | ||
return; | ||
} | ||
if (this._android.getAdapter()) { | ||
this._android.getAdapter().notifySwipeExecuteFinished(); | ||
} | ||
}; | ||
RadListView.prototype.scrollToIndex = function (index) { | ||
@@ -342,0 +357,0 @@ if (this._android) { |
@@ -584,4 +584,14 @@ /** | ||
*/ | ||
didRefreshOnPull(): void; | ||
notifyPullToRefreshFinished(): void; | ||
/** | ||
* Must be called when data is delivered after a load-on-demand request has been made. | ||
*/ | ||
notifyLoadOnDemandFinished(): void; | ||
/** | ||
* Must be called when a swipe-to-execute action has been requested. Calling this method will close the revealed swipe actions. | ||
*/ | ||
notifySwipeToExecuteFinished(): void; | ||
} | ||
} |
@@ -122,8 +122,2 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
}; | ||
ListViewLinearLayout.prototype.updateItemSize = function () { | ||
if (this.supportsDynamicSize()) { | ||
return; | ||
} | ||
_super.prototype.updateItemSize.call(this); | ||
}; | ||
return ListViewLinearLayout; | ||
@@ -366,2 +360,3 @@ })(ListViewLayoutBase); | ||
var cell = listView.dequeueReusableCellWithReuseIdentifierForIndexPath(NSString.stringWithCString("defaultCell"), indexPath); | ||
cell.backgroundView.stroke = null; | ||
cell.owner = this._owner; | ||
@@ -402,2 +397,3 @@ cell.currentIndexPath = indexPath; | ||
ExtendedListViewCell.prototype.touchesBeganWithEvent = function (touches, event) { | ||
_super.prototype.touchesBeganWithEvent.call(this, touches, event); | ||
if (touches.count !== 1) { | ||
@@ -410,5 +406,7 @@ this.touchStarted = false; | ||
ExtendedListViewCell.prototype.touchesMovedWithEvent = function (touches, event) { | ||
_super.prototype.touchesMovedWithEvent.call(this, touches, event); | ||
this.touchStarted = false; | ||
}; | ||
ExtendedListViewCell.prototype.touchesEndedWithEvent = function (touches, event) { | ||
_super.prototype.touchesEndedWithEvent.call(this, touches, event); | ||
if (touches.count !== 1 || this.touchStarted === false) { | ||
@@ -423,3 +421,3 @@ return; | ||
eventName: commonModule.RadListView.itemTapEvent, | ||
object: this.owner, | ||
object: this.myContentView, | ||
itemIndex: this.currentIndexPath.row, | ||
@@ -432,3 +430,3 @@ groupIndex: this.currentIndexPath.section | ||
// else if (touchEvent.tapCount === 0) { //Hold | ||
// if (this.owner.hasListeners(commonModule.RadListView.itemTapEvent)) { | ||
// if (this.owner.hasListeners(commonModule.RadListView.itemHoldEvent)) { | ||
// var args: ListViewEventData = { | ||
@@ -457,2 +455,3 @@ // eventName: commonModule.RadListView.itemHoldEvent, | ||
this._ios.cellSwipeTreshold = 30; //the treshold after which the cell will autoswipe to the end and will not jump back to the center. | ||
this._ios.reorderMode = TKListViewReorderMode.TKListViewReorderModeWithLongPress; | ||
this._delegate = TKListViewDelegateImpl.new().initWithOwner(this); | ||
@@ -463,2 +462,9 @@ this._dataSource = TKListViewDataSourceImpl.new().initWithOwner(this); //weak ref | ||
this._ios.registerClassForCellWithReuseIdentifier(ExtendedListViewCell.class(), "defaultCell"); | ||
this.synchCellReorder(); | ||
this.synchCellSwipe(); | ||
this.synchLoadOnDemandBufferSize(); | ||
this.synchLoadOnDemandMode(); | ||
this.synchPullToRefresh(); | ||
this.synchSelection(); | ||
this.synchSelectionBehavior(); | ||
} | ||
@@ -534,2 +540,3 @@ Object.defineProperty(RadListView.prototype, "ios", { | ||
} | ||
this.refresh(); | ||
}; | ||
@@ -540,22 +547,38 @@ RadListView.prototype.onItemSwipeTemplateChanged = function (data) { | ||
} | ||
this.refresh(); | ||
}; | ||
RadListView.prototype.onMultipleSelectionChanged = function (data) { | ||
this.ios.allowsMultipleSelection = (data.newValue ? true : false); | ||
this.synchSelection(); | ||
}; | ||
RadListView.prototype.synchSelection = function () { | ||
this.ios.allowsMultipleSelection = (this.multipleSelection ? true : false); | ||
}; | ||
RadListView.prototype.onCellReorderChanged = function (data) { | ||
this.ios.allowsCellReorder = (data.newValue ? true : false); | ||
this.synchCellReorder(); | ||
}; | ||
RadListView.prototype.synchCellReorder = function () { | ||
this.ios.allowsCellReorder = (this.cellReorder ? true : false); | ||
}; | ||
RadListView.prototype.onSwipeCellsChanged = function (data) { | ||
this.ios.allowsCellSwipe = (data.newValue ? true : false); | ||
this.synchCellSwipe(); | ||
}; | ||
RadListView.prototype.synchCellSwipe = function () { | ||
this.ios.allowsCellSwipe = (this.swipeCells ? true : false); | ||
}; | ||
RadListView.prototype.onPullToRefreshChanged = function (data) { | ||
this.ios.allowsPullToRefresh = (data.newValue ? true : false); | ||
this.synchPullToRefresh(); | ||
}; | ||
RadListView.prototype.synchPullToRefresh = function () { | ||
this.ios.allowsPullToRefresh = (this.pullToRefresh ? true : false); | ||
; | ||
}; | ||
RadListView.prototype.onLoadOnDemandModeChanged = function (data) { | ||
if (data.newValue) { | ||
if (commonModule.ListViewLoadOnDemandMode.Auto === data.newValue) { | ||
this.synchLoadOnDemandMode(); | ||
}; | ||
RadListView.prototype.synchLoadOnDemandMode = function () { | ||
if (this.loadOnDemandMode) { | ||
if (commonModule.ListViewLoadOnDemandMode.Auto === this.loadOnDemandMode) { | ||
this.ios.loadOnDemandMode = TKListViewLoadOnDemandMode.TKListViewLoadOnDemandModeAuto; | ||
} | ||
else if (commonModule.ListViewLoadOnDemandMode.Manual === data.newValue) { | ||
else if (commonModule.ListViewLoadOnDemandMode.Manual === this.loadOnDemandMode) { | ||
this.ios.loadOnDemandMode = TKListViewLoadOnDemandMode.TKListViewLoadOnDemandModeManual; | ||
@@ -568,12 +591,18 @@ } | ||
RadListView.prototype.onLoadOnDemandBufferSizeChanged = function (data) { | ||
if (data.newValue) { | ||
this.ios.loadOnDemandBufferSize = data.newValue; | ||
this.synchLoadOnDemandBufferSize(); | ||
}; | ||
RadListView.prototype.synchLoadOnDemandBufferSize = function () { | ||
if (this.loadOnDemandBufferSize !== undefined) { | ||
this.ios.loadOnDemandBufferSize = this.loadOnDemandBufferSize; | ||
} | ||
}; | ||
RadListView.prototype.onSelectionBehaviorChanged = function (data) { | ||
if (data.newValue) { | ||
if (commonModule.ListViewSelectionBehavior.Press === data.newValue) { | ||
this.synchSelectionBehavior(); | ||
}; | ||
RadListView.prototype.synchSelectionBehavior = function () { | ||
if (this.selectionBehavior) { | ||
if (commonModule.ListViewSelectionBehavior.Press === this.selectionBehavior) { | ||
this.ios.selectionBehavior = TKListViewSelectionBehavior.TKListViewSelectionBehaviorPress; | ||
} | ||
else if (commonModule.ListViewSelectionBehavior.LongPress === data.newValue) { | ||
else if (commonModule.ListViewSelectionBehavior.LongPress === this.selectionBehavior) { | ||
this.ios.selectionBehavior = TKListViewSelectionBehavior.TKListViewSelectionBehaviorLongPress; | ||
@@ -606,8 +635,11 @@ } | ||
}; | ||
RadListView.prototype.didRefreshOnPull = function () { | ||
RadListView.prototype.notifyPullToRefreshFinished = function () { | ||
this.ios.didRefreshOnPull(); | ||
}; | ||
RadListView.prototype.didLoadDataOnDemand = function () { | ||
RadListView.prototype.notifyLoadOnDemandFinished = function () { | ||
this.ios.didLoadDataOnDemand(); | ||
}; | ||
RadListView.prototype.notifySwipeToExecuteFinished = function () { | ||
this.ios.endSwipe(true); | ||
}; | ||
RadListView.prototype.refresh = function () { | ||
@@ -614,0 +646,0 @@ this._realizedCells.clear(); |
{ | ||
"name": "nativescript-telerik-ui", | ||
"version": "0.1.3", | ||
"version": "0.2.0", | ||
"description": "Telerik UI for NativeScript is a set of rich-ui, cross-platform components based on the native iOS and Android libraries provided by Telerik.", | ||
@@ -25,3 +25,3 @@ "main": "index.js", | ||
"author": "Telerik AD", | ||
"license": "SEE LICENSE IN LICENSE", | ||
"license": "LICENSE", | ||
"dependencies":{ | ||
@@ -28,0 +28,0 @@ "tns-core-modules" : "^1.5.0" |
@@ -26,2 +26,14 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
exports.DrawerTransitionBase = DrawerTransitionBase; | ||
var DrawerStateChangingEventArgs = (function () { | ||
function DrawerStateChangingEventArgs() { | ||
} | ||
return DrawerStateChangingEventArgs; | ||
})(); | ||
exports.DrawerStateChangingEventArgs = DrawerStateChangingEventArgs; | ||
var DrawerStateChangedEventArgs = (function () { | ||
function DrawerStateChangedEventArgs() { | ||
} | ||
return DrawerStateChangedEventArgs; | ||
})(); | ||
exports.DrawerStateChangedEventArgs = DrawerStateChangedEventArgs; | ||
var RadSideDrawer = (function (_super) { | ||
@@ -113,13 +125,2 @@ __extends(RadSideDrawer, _super); | ||
}); | ||
Object.defineProperty(RadSideDrawer.prototype, "delegate", { | ||
get: function () { | ||
return this._delegate; | ||
}, | ||
set: function (value) { | ||
this._delegate = value; | ||
}, | ||
enumerable: true, | ||
configurable: true | ||
}); | ||
; | ||
RadSideDrawer.prototype.showDrawer = function () { | ||
@@ -188,2 +189,6 @@ }; | ||
}); | ||
RadSideDrawer.drawerOpeningEvent = "drawerOpening"; | ||
RadSideDrawer.drawerOpenedEvent = "drawerOpened"; | ||
RadSideDrawer.drawerClosingEvent = "drawerClosing"; | ||
RadSideDrawer.drawerClosedEvent = "drawerClosed"; | ||
RadSideDrawer.drawerTransitionProperty = new dependencyObservable.Property("drawerTransition", "RadSideDrawer", new proxy.PropertyMetadata(undefined, dependencyObservable.PropertyMetadataSettings.AffectsLayout, RadSideDrawer.onDrawerTransitionChanged)); | ||
@@ -190,0 +195,0 @@ RadSideDrawer.drawerContentSizeProperty = new dependencyObservable.Property("drawerContentSize", "RadSideDrawer", new proxy.PropertyMetadata(280, dependencyObservable.PropertyMetadataSettings.AffectsLayout, RadSideDrawer.onDrawerContentSizeChanged)); |
@@ -21,7 +21,11 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
onDrawerOpening: function (drawer) { | ||
var ownerDrawerDelegate = that.get().delegate; | ||
if (ownerDrawerDelegate) { | ||
var result = ownerDrawerDelegate.onDrawerOpening(); | ||
if (result) { | ||
return result; | ||
if (that.get().hasListeners(common.RadSideDrawer.drawerOpeningEvent)) { | ||
var args = { | ||
eventName: common.RadSideDrawer.drawerOpeningEvent, | ||
object: that.get(), | ||
returnValue: false | ||
}; | ||
that.get().notify(args); | ||
if (args.returnValue) { | ||
return args.returnValue; | ||
} | ||
@@ -32,13 +36,20 @@ } | ||
onDrawerOpened: function (drawer) { | ||
var ownerDrawerDelegate = that.get().delegate; | ||
if (ownerDrawerDelegate) { | ||
ownerDrawerDelegate.onDrawerOpened(); | ||
if (that.get().hasListeners(common.RadSideDrawer.drawerOpenedEvent)) { | ||
var args = { | ||
eventName: common.RadSideDrawer.drawerOpenedEvent, | ||
object: that.get() | ||
}; | ||
that.get().notify(args); | ||
} | ||
}, | ||
onDrawerClosing: function (drawer) { | ||
var ownerDrawerDelegate = that.get().delegate; | ||
if (ownerDrawerDelegate) { | ||
var result = ownerDrawerDelegate.onDrawerClosing(); | ||
if (result) { | ||
return result; | ||
if (that.get().hasListeners(common.RadSideDrawer.drawerClosingEvent)) { | ||
var args = { | ||
eventName: common.RadSideDrawer.drawerClosingEvent, | ||
object: that.get(), | ||
returnValue: false | ||
}; | ||
that.get().notify(args); | ||
if (args.returnValue) { | ||
return args.returnValue; | ||
} | ||
@@ -49,5 +60,8 @@ } | ||
onDrawerClosed: function (drawer) { | ||
var ownerDrawerDelegate = that.get().delegate; | ||
if (ownerDrawerDelegate) { | ||
ownerDrawerDelegate.onDrawerClosed(); | ||
if (that.get().hasListeners(common.RadSideDrawer.drawerClosedEvent)) { | ||
var args = { | ||
eventName: common.RadSideDrawer.drawerClosedEvent, | ||
object: that.get() | ||
}; | ||
that.get().notify(args); | ||
} | ||
@@ -54,0 +68,0 @@ } |
@@ -11,28 +11,2 @@ /** | ||
/** | ||
* Classes implementing this interface can be used to listen for changes of the | ||
* state of SideDrawer. | ||
*/ | ||
export interface DrawerStateDelegate { | ||
/** | ||
* Called when the SideDrawer is about to open. | ||
*/ | ||
onDrawerOpening(); | ||
/** | ||
* Called when the SideDrawer has opened. | ||
*/ | ||
onDrawerOpened(); | ||
/** | ||
* Called when the SideDrawer is about to close. | ||
*/ | ||
onDrawerClosing(); | ||
/** | ||
* Called when the SideDrawer has closed. | ||
*/ | ||
onDrawerClosed(); | ||
} | ||
/** | ||
* This is the SideDrawer component. It separates your mobile app's screen | ||
@@ -81,8 +55,2 @@ * into a main part and a menu part whereby the menu part is shown upon a swipe | ||
/** | ||
* Gets or sets a {@link DrawerStateDelegate} instance that can be used | ||
* to listen for changes of the state of this SideDrawer instance. | ||
*/ | ||
delegate: DrawerStateDelegate; | ||
/** | ||
* When called, closes the SideDrawer if it is open. | ||
@@ -131,3 +99,3 @@ */ | ||
*/ | ||
export module SideDrawerLocation { | ||
export enum SideDrawerLocation { | ||
@@ -138,3 +106,3 @@ /** | ||
*/ | ||
export var Left: string; | ||
Left, | ||
@@ -145,3 +113,3 @@ /** | ||
*/ | ||
export var Right: string; | ||
Right, | ||
@@ -152,3 +120,3 @@ /** | ||
*/ | ||
export var Top: string; | ||
Top, | ||
@@ -159,3 +127,3 @@ /** | ||
*/ | ||
export var Bottom: string; | ||
Bottom | ||
} | ||
@@ -162,0 +130,0 @@ |
@@ -26,2 +26,5 @@ var __extends = (this && this.__extends) || function (d, b) { | ||
this._ios.defaultSideDrawer.footerView = null; | ||
this._addView(this._mainContentHost); | ||
this._addView(this._drawerContentHost); | ||
this._ios.defaultSideDrawer.delegate = this._nativeDelegate; | ||
} | ||
@@ -101,8 +104,2 @@ Object.defineProperty(RadSideDrawer.prototype, "ios", { | ||
}; | ||
RadSideDrawer.prototype.onLoaded = function () { | ||
this._addView(this._mainContentHost); | ||
this._addView(this._drawerContentHost); | ||
this._ios.defaultSideDrawer.delegate = this._nativeDelegate; | ||
_super.prototype.onLoaded.call(this); | ||
}; | ||
RadSideDrawer.prototype.onUnloaded = function () { | ||
@@ -252,4 +249,9 @@ this._removeView(this._mainContentHost); | ||
TKSideDrawerDelegateImpl.prototype.willShowSideDrawer = function (sideDrawer) { | ||
if (this._owner.delegate) { | ||
this._owner.delegate.onDrawerOpening(); | ||
if (this._owner.hasListeners(commonModule.RadSideDrawer.drawerOpeningEvent)) { | ||
var args = { | ||
eventName: commonModule.RadSideDrawer.drawerOpeningEvent, | ||
object: this._owner, | ||
returnValue: false | ||
}; | ||
this._owner.notify(args); | ||
} | ||
@@ -259,4 +261,8 @@ }; | ||
TKSideDrawerDelegateImpl.prototype.didShowSideDrawer = function (sideDrawer) { | ||
if (this._owner.delegate) { | ||
this._owner.delegate.onDrawerOpened(); | ||
if (this._owner.hasListeners(commonModule.RadSideDrawer.drawerOpenedEvent)) { | ||
var args = { | ||
eventName: commonModule.RadSideDrawer.drawerOpenedEvent, | ||
object: this._owner, | ||
}; | ||
this._owner.notify(args); | ||
} | ||
@@ -266,4 +272,9 @@ }; | ||
TKSideDrawerDelegateImpl.prototype.willDismissSideDrawer = function (sideDrawer) { | ||
if (this._owner.delegate) { | ||
this._owner.delegate.onDrawerClosing(); | ||
if (this._owner.hasListeners(commonModule.RadSideDrawer.drawerClosingEvent)) { | ||
var args = { | ||
eventName: commonModule.RadSideDrawer.drawerClosingEvent, | ||
object: this._owner, | ||
returnValue: false | ||
}; | ||
this._owner.notify(args); | ||
} | ||
@@ -273,4 +284,8 @@ }; | ||
TKSideDrawerDelegateImpl.prototype.didDismissSideDrawer = function (sideDrawer) { | ||
if (this._owner.delegate) { | ||
this._owner.delegate.onDrawerClosed(); | ||
if (this._owner.hasListeners(commonModule.RadSideDrawer.drawerClosedEvent)) { | ||
var args = { | ||
eventName: commonModule.RadSideDrawer.drawerClosedEvent, | ||
object: this._owner, | ||
}; | ||
this._owner.notify(args); | ||
} | ||
@@ -277,0 +292,0 @@ }; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
22647067
325
12954