ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
105 lines (104 loc) • 6.99 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, ViewEncapsulation, HostBinding } from '@angular/core';
var DotIndicatorComponent = /** @class */ (function () {
function DotIndicatorComponent() {
this.items = [];
this._page = 0;
this._pageCount = 0;
this.dotStyle = {};
this.dotActiveStyle = {};
this.dotColor = 'white';
this.dotIndicator = true;
}
Object.defineProperty(DotIndicatorComponent.prototype, "page", {
set: /**
* @param {?} p
* @return {?}
*/
function (p) {
this._page = p;
this.updateSelected();
},
enumerable: true,
configurable: true
});
Object.defineProperty(DotIndicatorComponent.prototype, "pageCount", {
set: /**
* @param {?} p
* @return {?}
*/
function (p) {
this._pageCount = p || 0;
this.updateItems();
},
enumerable: true,
configurable: true
});
/**
* @return {?}
*/
DotIndicatorComponent.prototype.updateItems = /**
* @return {?}
*/
function () {
this.items = new Array(this._pageCount);
for (var i = 0; i < this._pageCount; i++) {
this.items[i] = { active: i == this._page };
}
};
/**
* @return {?}
*/
DotIndicatorComponent.prototype.updateSelected = /**
* @return {?}
*/
function () {
if (this.items.length != this._pageCount) {
return this.updateItems();
}
if (this.items.length == 0) {
return;
}
for (var i = 0; i < this._pageCount; i++) {
this.items[i].active = false;
}
this.items[this._page].active = true;
};
DotIndicatorComponent.decorators = [
{ type: Component, args: [{
selector: 'DotIndicator, nzm-dot-indicator',
template: "<div class=\"am-carousel-wrap\">\n <div *ngFor=\"let item of items\"\n class=\"am-carousel-wrap-dot\"\n [class.am-carousel-wrap-dot-active]=\"item.active\"\n >\n <span [ngStyle]=\"item.active ? dotActiveStyle : dotStyle\"></span>\n </div>\n</div>",
encapsulation: ViewEncapsulation.None
}] }
];
DotIndicatorComponent.propDecorators = {
page: [{ type: Input }],
pageCount: [{ type: Input }],
dotStyle: [{ type: Input }],
dotActiveStyle: [{ type: Input }],
dotColor: [{ type: Input }],
dotIndicator: [{ type: HostBinding, args: ['class.dot-indicator',] }]
};
return DotIndicatorComponent;
}());
export { DotIndicatorComponent };
if (false) {
/** @type {?} */
DotIndicatorComponent.prototype.items;
/** @type {?} */
DotIndicatorComponent.prototype._page;
/** @type {?} */
DotIndicatorComponent.prototype._pageCount;
/** @type {?} */
DotIndicatorComponent.prototype.dotStyle;
/** @type {?} */
DotIndicatorComponent.prototype.dotActiveStyle;
/** @type {?} */
DotIndicatorComponent.prototype.dotColor;
/** @type {?} */
DotIndicatorComponent.prototype.dotIndicator;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG90aW5kaWNhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXpvcnJvLWFudGQtbW9iaWxlLyIsInNvdXJjZXMiOlsiY2Fyb3VzZWwvZG90aW5kaWNhdG9yL2RvdGluZGljYXRvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O3FCQVFoRCxFQUFFO3FCQUVqQixDQUFDOzBCQUNJLENBQUM7d0JBYUgsRUFBRTs4QkFFSSxFQUFFO3dCQUVoQixPQUFPOzRCQUdNLElBQUk7O0lBbEI1QixzQkFDSSx1Q0FBSTs7Ozs7UUFEUixVQUNTLENBQVM7WUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDdkI7OztPQUFBO0lBQ0Qsc0JBQ0ksNENBQVM7Ozs7O1FBRGIsVUFDYyxDQUFTO1lBQ3JCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7OztPQUFBOzs7O0lBV08sMkNBQVc7Ozs7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDeEMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxFQUFFLEVBQUU7WUFDeEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxFQUFFLE1BQU0sRUFBRSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzdDOzs7OztJQUdLLDhDQUFjOzs7O1FBQ3BCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN4QyxPQUFPLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUMzQjtRQUNELElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFO1lBQzFCLE9BQU87U0FDUjtRQUNELEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3hDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztTQUM5QjtRQUNELElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7OztnQkFoRHhDLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUNBQWlDO29CQUMzQyxvUkFBNEM7b0JBQzVDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs7O3VCQU9FLEtBQUs7NEJBS0wsS0FBSzsyQkFLTCxLQUFLO2lDQUVMLEtBQUs7MkJBRUwsS0FBSzsrQkFHTCxXQUFXLFNBQUMscUJBQXFCOztnQ0E5QnBDOztTQU9hLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdEb3RJbmRpY2F0b3IsIG56bS1kb3QtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RvdGluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRG90SW5kaWNhdG9yQ29tcG9uZW50IHtcbiAgaXRlbXM6IHsgYWN0aXZlOiBib29sZWFuIH1bXSA9IFtdO1xuXG4gIHByaXZhdGUgX3BhZ2UgPSAwO1xuICBwcml2YXRlIF9wYWdlQ291bnQgPSAwO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBwYWdlKHA6IG51bWJlcikge1xuICAgIHRoaXMuX3BhZ2UgPSBwO1xuICAgIHRoaXMudXBkYXRlU2VsZWN0ZWQoKTtcbiAgfVxuICBASW5wdXQoKVxuICBzZXQgcGFnZUNvdW50KHA6IG51bWJlcikge1xuICAgIHRoaXMuX3BhZ2VDb3VudCA9IHAgfHwgMDtcbiAgICB0aGlzLnVwZGF0ZUl0ZW1zKCk7XG4gIH1cbiAgQElucHV0KClcbiAgZG90U3R5bGU6IG9iamVjdCA9IHt9O1xuICBASW5wdXQoKVxuICBkb3RBY3RpdmVTdHlsZTogb2JqZWN0ID0ge307XG4gIEBJbnB1dCgpXG4gIGRvdENvbG9yID0gJ3doaXRlJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRvdC1pbmRpY2F0b3InKVxuICBkb3RJbmRpY2F0b3I6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIHByaXZhdGUgdXBkYXRlSXRlbXMoKSB7XG4gICAgdGhpcy5pdGVtcyA9IG5ldyBBcnJheSh0aGlzLl9wYWdlQ291bnQpO1xuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5fcGFnZUNvdW50OyBpKyspIHtcbiAgICAgIHRoaXMuaXRlbXNbaV0gPSB7IGFjdGl2ZTogaSA9PSB0aGlzLl9wYWdlIH07XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVTZWxlY3RlZCgpIHtcbiAgICBpZiAodGhpcy5pdGVtcy5sZW5ndGggIT0gdGhpcy5fcGFnZUNvdW50KSB7XG4gICAgICByZXR1cm4gdGhpcy51cGRhdGVJdGVtcygpO1xuICAgIH1cbiAgICBpZiAodGhpcy5pdGVtcy5sZW5ndGggPT0gMCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuX3BhZ2VDb3VudDsgaSsrKSB7XG4gICAgICB0aGlzLml0ZW1zW2ldLmFjdGl2ZSA9IGZhbHNlO1xuICAgIH1cbiAgICB0aGlzLml0ZW1zW3RoaXMuX3BhZ2VdLmFjdGl2ZSA9IHRydWU7XG4gIH1cbn1cbiJdfQ==