ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
61 lines • 6.79 kB
JavaScript
import { Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
import * as i1 from "@angular/platform-browser";
import * as i2 from "@angular/common";
export class SliderTrackComponent {
get className() {
return this._className;
}
set className(value) {
this._className = value;
}
get included() {
return this._included;
}
set included(value) {
this._included = value;
}
set offset(value) {
this._offset = value;
}
set length(value) {
this._length = value;
}
set style(value) {
this._style = value;
}
constructor(_elf, _sanitizer) {
this._elf = _elf;
this._sanitizer = _sanitizer;
this.prefixCls = 'am-slider';
this._included = true;
}
ngOnChanges() {
const positonStyle = {
left: `${this._offset}%`,
width: `${this._length}%`
};
this.elStyle = {
...this._style,
...positonStyle
};
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SliderTrackComponent, deps: [{ token: i0.ElementRef }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SliderTrackComponent, selector: "SliderTrack, nzm-slider-track", inputs: { className: "className", included: "included", offset: "offset", length: "length", style: "style" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"included\" [ngClass]=\"className\" [ngStyle]=\"elStyle\"></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SliderTrackComponent, decorators: [{
type: Component,
args: [{ selector: 'SliderTrack, nzm-slider-track', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"included\" [ngClass]=\"className\" [ngStyle]=\"elStyle\"></div>\n" }]
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.DomSanitizer }], propDecorators: { className: [{
type: Input
}], included: [{
type: Input
}], offset: [{
type: Input
}], length: [{
type: Input
}], style: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXRyYWNrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci10cmFjay9zbGlkZXItdHJhY2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zbGlkZXIvc2xpZGVyLXRyYWNrL3NsaWRlci10cmFjay5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxvQkFBb0I7SUFVL0IsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFDRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUNELElBQ0ksTUFBTSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQ0ksTUFBTSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUNELElBQ0ksS0FBSyxDQUFDLEtBQWE7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELFlBQW9CLElBQWdCLEVBQVUsVUFBd0I7UUFBbEQsU0FBSSxHQUFKLElBQUksQ0FBWTtRQUFVLGVBQVUsR0FBVixVQUFVLENBQWM7UUFwQ3RFLGNBQVMsR0FBRyxXQUFXLENBQUM7UUFJaEIsY0FBUyxHQUFZLElBQUksQ0FBQztJQWdDdUMsQ0FBQztJQUUxRSxXQUFXO1FBQ1QsTUFBTSxZQUFZLEdBQUc7WUFDbkIsSUFBSSxFQUFFLEdBQUcsSUFBSSxDQUFDLE9BQU8sR0FBRztZQUN4QixLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxHQUFHO1NBQzFCLENBQUM7UUFDRixJQUFJLENBQUMsT0FBTyxHQUFHO1lBQ2IsR0FBRyxJQUFJLENBQUMsTUFBTTtZQUNkLEdBQUcsWUFBWTtTQUNoQixDQUFDO0lBQ0osQ0FBQzs4R0FoRFUsb0JBQW9CO2tHQUFwQixvQkFBb0Isd01DUmpDLGdGQUNBOzsyRkRPYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsK0JBQStCLGlCQUUxQixpQkFBaUIsQ0FBQyxJQUFJOzBHQWFqQyxTQUFTO3NCQURaLEtBQUs7Z0JBUUYsUUFBUTtzQkFEWCxLQUFLO2dCQVFGLE1BQU07c0JBRFQsS0FBSztnQkFLRixNQUFNO3NCQURULEtBQUs7Z0JBS0YsS0FBSztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1NsaWRlclRyYWNrLCBuem0tc2xpZGVyLXRyYWNrJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlci10cmFjay5jb21wb25lbnQuaHRtbCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyVHJhY2tDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBwcmVmaXhDbHMgPSAnYW0tc2xpZGVyJztcbiAgZWxTdHlsZTogb2JqZWN0O1xuXG4gIHByaXZhdGUgX2NsYXNzTmFtZTogb2JqZWN0O1xuICBwcml2YXRlIF9pbmNsdWRlZDogYm9vbGVhbiA9IHRydWU7XG4gIHByaXZhdGUgX29mZnNldDogbnVtYmVyO1xuICBwcml2YXRlIF9sZW5ndGg6IG51bWJlcjtcbiAgcHJpdmF0ZSBfc3R5bGU6IG9iamVjdDtcblxuICBASW5wdXQoKVxuICBnZXQgY2xhc3NOYW1lKCk6IG9iamVjdCB7XG4gICAgcmV0dXJuIHRoaXMuX2NsYXNzTmFtZTtcbiAgfVxuICBzZXQgY2xhc3NOYW1lKHZhbHVlOiBvYmplY3QpIHtcbiAgICB0aGlzLl9jbGFzc05hbWUgPSB2YWx1ZTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgaW5jbHVkZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2luY2x1ZGVkO1xuICB9XG4gIHNldCBpbmNsdWRlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2luY2x1ZGVkID0gdmFsdWU7XG4gIH1cbiAgQElucHV0KClcbiAgc2V0IG9mZnNldCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fb2Zmc2V0ID0gdmFsdWU7XG4gIH1cbiAgQElucHV0KClcbiAgc2V0IGxlbmd0aCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5fbGVuZ3RoID0gdmFsdWU7XG4gIH1cbiAgQElucHV0KClcbiAgc2V0IHN0eWxlKHZhbHVlOiBvYmplY3QpIHtcbiAgICB0aGlzLl9zdHlsZSA9IHZhbHVlO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxmOiBFbGVtZW50UmVmLCBwcml2YXRlIF9zYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICBjb25zdCBwb3NpdG9uU3R5bGUgPSB7XG4gICAgICBsZWZ0OiBgJHt0aGlzLl9vZmZzZXR9JWAsXG4gICAgICB3aWR0aDogYCR7dGhpcy5fbGVuZ3RofSVgXG4gICAgfTtcbiAgICB0aGlzLmVsU3R5bGUgPSB7XG4gICAgICAuLi50aGlzLl9zdHlsZSxcbiAgICAgIC4uLnBvc2l0b25TdHlsZVxuICAgIH07XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpbmNsdWRlZFwiIFtuZ0NsYXNzXT1cImNsYXNzTmFtZVwiIFtuZ1N0eWxlXT1cImVsU3R5bGVcIj48L2Rpdj5cbiJdfQ==