UNPKG

@catull/igniteui-angular

Version:

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

166 lines 14 kB
import { __decorate, __metadata } from "tslib"; import { Component, Input, TemplateRef, HostBinding } from '@angular/core'; import { TicksOrientation, TickLabelsOrientation } from '../slider.common'; /** * @hidden */ let IgxTicksComponent = class IgxTicksComponent { constructor() { /** * @hidden */ this.ticksClass = true; } /** * @hidden */ get ticksTopClass() { return this.ticksOrientation === TicksOrientation.Top; } /** * @hidden */ get hasPrimaryClass() { return this.primaryTicks > 0; } /** * @hidden */ get labelsTopToBottomClass() { return this.tickLabelsOrientation === TickLabelsOrientation.TopToBottom; } /** * @hidden */ get labelsBottomToTopClass() { return this.tickLabelsOrientation === TickLabelsOrientation.BottomToTop; } /** * Returns the template context corresponding to * {@link IgxTickLabelTemplateDirective} * * ```typescript * return { * $implicit //returns the value per each tick label. * isPrimery //returns if the tick is primary. * labels // returns the {@link labels} collection. * index // returns the index per each tick of the whole sequence. * } * ``` * * @param idx the index per each tick label. */ context(idx) { return { $implicit: this.tickLabel(idx), isPrimary: this.isPrimary(idx), labels: this.labels, index: idx }; } /** * @hidden */ get ticksLength() { return this.primaryTicks > 0 ? ((this.primaryTicks - 1) * this.secondaryTicks) + this.primaryTicks : this.secondaryTicks > 0 ? this.secondaryTicks : 0; } hiddenTickLabels(idx) { return this.isPrimary(idx) ? this.primaryTickLabels : this.secondaryTickLabels; } /** * @hidden */ isPrimary(idx) { return this.primaryTicks <= 0 ? false : idx % (this.secondaryTicks + 1) === 0; } /** * @hidden */ tickLabel(idx) { if (this.labelsViewEnabled) { return this.labels[idx]; } const labelStep = (Math.max(this.minValue, this.maxValue) - Math.min(this.minValue, this.maxValue)) / (this.ticksLength - 1); const labelVal = labelStep * idx; return (this.minValue + labelVal).toFixed(2); } }; __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "primaryTicks", void 0); __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "secondaryTicks", void 0); __decorate([ Input(), __metadata("design:type", Boolean) ], IgxTicksComponent.prototype, "primaryTickLabels", void 0); __decorate([ Input(), __metadata("design:type", Boolean) ], IgxTicksComponent.prototype, "secondaryTickLabels", void 0); __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "ticksOrientation", void 0); __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "tickLabelsOrientation", void 0); __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "maxValue", void 0); __decorate([ Input(), __metadata("design:type", Number) ], IgxTicksComponent.prototype, "minValue", void 0); __decorate([ Input(), __metadata("design:type", Boolean) ], IgxTicksComponent.prototype, "labelsViewEnabled", void 0); __decorate([ Input(), __metadata("design:type", Array) ], IgxTicksComponent.prototype, "labels", void 0); __decorate([ Input(), __metadata("design:type", TemplateRef) ], IgxTicksComponent.prototype, "tickLabelTemplateRef", void 0); __decorate([ HostBinding('class.igx-slider__ticks'), __metadata("design:type", Object) ], IgxTicksComponent.prototype, "ticksClass", void 0); __decorate([ HostBinding('class.igx-slider__ticks--top'), __metadata("design:type", Object), __metadata("design:paramtypes", []) ], IgxTicksComponent.prototype, "ticksTopClass", null); __decorate([ HostBinding('class.igx-slider__ticks--tall'), __metadata("design:type", Object), __metadata("design:paramtypes", []) ], IgxTicksComponent.prototype, "hasPrimaryClass", null); __decorate([ HostBinding('class.igx-slider__tick-labels--top-bottom'), __metadata("design:type", Object), __metadata("design:paramtypes", []) ], IgxTicksComponent.prototype, "labelsTopToBottomClass", null); __decorate([ HostBinding('class.igx-slider__tick-labels--bottom-top'), __metadata("design:type", Object), __metadata("design:paramtypes", []) ], IgxTicksComponent.prototype, "labelsBottomToTopClass", null); IgxTicksComponent = __decorate([ Component({ selector: 'igx-ticks', template: "<div class=\"igx-slider__ticks-group\" *ngFor=\"let n of [].constructor(ticksLength); let idx=index\" [ngClass]=\"{ 'igx-slider__ticks-group--tall': isPrimary(idx)}\">\n <div class=\"igx-slider__ticks-tick\">\n <span class=\"igx-slider__ticks-label\" [ngClass]=\"{ 'igx-slider__tick-label--hidden': !hiddenTickLabels(idx)}\">\n <ng-container *ngTemplateOutlet=\"tickLabelTemplateRef ? tickLabelTemplateRef : tickLabelDefaultTemplate; context: context(idx)\"></ng-container>\n </span>\n </div>\n</div>\n\n<ng-template #tickLabelDefaultTemplate let-value>\n {{ value }}\n</ng-template>\n" }) ], IgxTicksComponent); export { IgxTicksComponent }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlja3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vaWduaXRldWktYW5ndWxhci8iLCJzb3VyY2VzIjpbImxpYi9zbGlkZXIvdGlja3MvdGlja3MuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRTNFOztHQUVHO0FBS0gsSUFBYSxpQkFBaUIsR0FBOUIsTUFBYSxpQkFBaUI7SUFBOUI7UUFrQ0k7O1dBRUc7UUFFSSxlQUFVLEdBQUcsSUFBSSxDQUFDO0lBNEY3QixDQUFDO0lBMUZHOztPQUVHO0lBRUgsSUFBVyxhQUFhO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixLQUFLLGdCQUFnQixDQUFDLEdBQUcsQ0FBQztJQUMxRCxDQUFDO0lBRUQ7O09BRUc7SUFFSCxJQUFXLGVBQWU7UUFDdEIsT0FBTyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQ7O09BRUc7SUFFSCxJQUFXLHNCQUFzQjtRQUM3QixPQUFPLElBQUksQ0FBQyxxQkFBcUIsS0FBSyxxQkFBcUIsQ0FBQyxXQUFXLENBQUM7SUFDNUUsQ0FBQztJQUVEOztPQUVHO0lBRUgsSUFBVyxzQkFBc0I7UUFDN0IsT0FBTyxJQUFJLENBQUMscUJBQXFCLEtBQUsscUJBQXFCLENBQUMsV0FBVyxDQUFDO0lBQzVFLENBQUM7SUFFRDs7Ozs7Ozs7Ozs7Ozs7T0FjRztJQUNJLE9BQU8sQ0FBQyxHQUFXO1FBQ3RCLE9BQU87WUFDSCxTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUM7WUFDOUIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDO1lBQzlCLE1BQU0sRUFB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bGF0ZVJlZiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRpY2tzT3JpZW50YXRpb24sIFRpY2tMYWJlbHNPcmllbnRhdGlvbiB9IGZyb20gJy4uL3NsaWRlci5jb21tb24nO1xuXG4vKipcbiAqIEBoaWRkZW5cbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdpZ3gtdGlja3MnLFxuICAgIHRlbXBsYXRlVXJsOiAndGlja3MuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBJZ3hUaWNrc0NvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcHJpbWFyeVRpY2tzOiBudW1iZXI7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZWNvbmRhcnlUaWNrczogbnVtYmVyO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgcHJpbWFyeVRpY2tMYWJlbHM6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZWNvbmRhcnlUaWNrTGFiZWxzOiBib29sZWFuO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdGlja3NPcmllbnRhdGlvbjogVGlja3NPcmllbnRhdGlvbjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHRpY2tMYWJlbHNPcmllbnRhdGlvbjogVGlja0xhYmVsc09yaWVudGF0aW9uO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbWF4VmFsdWU6IG51bWJlcjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG1pblZhbHVlOiBudW1iZXI7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBsYWJlbHNWaWV3RW5hYmxlZDogYm9vbGVhbjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGxhYmVsczogQXJyYXk8bnVtYmVyIHwgc3RyaW5nIHwgYm9vbGVhbiB8IG51bGwgfCB1bmRlZmluZWQ+O1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgdGlja0xhYmVsVGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pZ3gtc2xpZGVyX190aWNrcycpXG4gICAgcHVibGljIHRpY2tzQ2xhc3MgPSB0cnVlO1xuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuaWd4LXNsaWRlcl9fdGlja3MtLXRvcCcpXG4gICAgcHVibGljIGdldCB0aWNrc1RvcENsYXNzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy50aWNrc09yaWVudGF0aW9uID09PSBUaWNrc09yaWVudGF0aW9uLlRvcDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pZ3gtc2xpZGVyX190aWNrcy0tdGFsbCcpXG4gICAgcHVibGljIGdldCBoYXNQcmltYXJ5Q2xhc3MoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnByaW1hcnlUaWNrcyA+IDA7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuaWd4LXNsaWRlcl9fdGljay1sYWJlbHMtLXRvcC1ib3R0b20nKVxuICAgIHB1YmxpYyBnZXQgbGFiZWxzVG9wVG9Cb3R0b21DbGFzcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGlja0xhYmVsc09yaWVudGF0aW9uID09PSBUaWNrTGFiZWxzT3JpZW50YXRpb24uVG9wVG9Cb3R0b207XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MuaWd4LXNsaWRlcl9fdGljay1sYWJlbHMtLWJvdHRvbS10b3AnKVxuICAgIHB1YmxpYyBnZXQgbGFiZWxzQm90dG9tVG9Ub3BDbGFzcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMudGlja0xhYmVsc09yaWVudGF0aW9uID09PSBUaWNrTGFiZWxzT3JpZW50YXRpb24uQm90dG9tVG9Ub3A7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmV0dXJucyB0aGUgdGVtcGxhdGUgY29udGV4dCBjb3JyZXNwb25kaW5nIHRvXG4gICAgICoge0BsaW5rIElneFRpY2tMYWJlbFRlbXBsYXRlRGlyZWN0aXZlfVxuICAgICAqXG4gICAgICogYGBgdHlwZXNjcmlwdFxuICAgICAqIHJldHVybiB7XG4gICAgICogICRpbXBsaWNpdCAvL3JldHVybnMgdGhlIHZhbHVlIHBlciBlYWNoIHRpY2sgbGFiZWwuXG4gICAgICogIGlzUHJpbWVyeSAvL3JldHVybnMgaWYgdGhlIHRpY2sgaXMgcHJpbWFyeS5cbiAgICAgKiAgbGFiZWxzIC8vIHJldHVybnMgdGhlIHtAbGluayBsYWJlbHN9IGNvbGxlY3Rpb24uXG4gICAgICogIGluZGV4IC8vIHJldHVybnMgdGhlIGluZGV4IHBlciBlYWNoIHRpY2sgb2YgdGhlIHdob2xlIHNlcXVlbmNlLlxuICAgICAqIH1cbiAgICAgKiBgYGBcbiAgICAgKlxuICAgICAqIEBwYXJhbSBpZHggdGhlIGluZGV4IHBlciBlYWNoIHRpY2sgbGFiZWwuXG4gICAgICovXG4gICAgcHVibGljIGNvbnRleHQoaWR4OiBudW1iZXIpOiBhbnkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgJGltcGxpY2l0OiB0aGlzLnRpY2tMYWJlbChpZHgpLFxuICAgICAgICAgICAgaXNQcmltYXJ5OiB0aGlzLmlzUHJpbWFyeShpZHgpLFxuICAgICAgICAgICAgbGFiZWxzOiB0aGlzLmxhYmVscyxcbiAgICAgICAgICAgIGluZGV4OiBpZHhcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAaGlkZGVuXG4gICAgICovXG4gICAgcHVibGljIGdldCB0aWNrc0xlbmd0aCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucHJpbWFyeVRpY2tzID4gMCA/XG4gICAgICAgICAgICAgICAgKCh0aGlzLnByaW1hcnlUaWNrcyAtIDEpICogdGhpcy5zZWNvbmRhcnlUaWNrcykgKyB0aGlzLnByaW1hcnlUaWNrcyA6XG4gICAgICAgICAgICAgICAgdGhpcy5zZWNvbmRhcnlUaWNrcyA+IDAgPyB0aGlzLnNlY29uZGFyeVRpY2tzIDogMDtcbiAgICB9XG5cbiAgICBwdWJsaWMgaGlkZGVuVGlja0xhYmVscyhpZHg6IG51bWJlcikge1xuICAgICAgICByZXR1cm4gdGhpcy5pc1ByaW1hcnkoaWR4KSA/IHRoaXMucHJpbWFyeVRpY2tMYWJlbHMgOiB0aGlzLnNlY29uZGFyeVRpY2tMYWJlbHM7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGhpZGRlblxuICAgICAqL1xuICAgIHB1YmxpYyBpc1ByaW1hcnkoaWR4OiBudW1iZXIpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucHJpbWFyeVRpY2tzIDw9IDAgPyBmYWxzZSA6XG4gICAgICAgICAgICBpZHggJSAodGhpcy5zZWNvbmRhcnlUaWNrcyArIDEpID09PSAwO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKi9cbiAgICBwdWJsaWMgdGlja0xhYmVsKGlkeDogbnVtYmVyKSB7XG4gICAgICAgIGlmICh0aGlzLmxhYmVsc1ZpZXdFbmFibGVkKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5sYWJlbHNbaWR4XTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGxhYmVsU3RlcCA9IChNYXRoLm1heCh0aGlzLm1pblZhbHVlLCB0aGlzLm1heFZhbHVlKSAtIE1hdGgubWluKHRoaXMubWluVmFsdWUsIHRoaXMubWF4VmFsdWUpKSAvICh0aGlzLnRpY2tzTGVuZ3RoIC0gMSk7XG4gICAgICAgIGNvbnN0IGxhYmVsVmFsID0gbGFiZWxTdGVwICogaWR4O1xuXG4gICAgICAgIHJldHVybiAodGhpcy5taW5WYWx1ZSArIGxhYmVsVmFsKS50b0ZpeGVkKDIpO1xuICAgIH1cbn1cbiJdfQ==