@catull/igniteui-angular
Version:
Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps
198 lines • 14.1 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, OnDestroy, Input, HostBinding, Output, EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
import { Subject } from 'rxjs';
export var Direction;
(function (Direction) {
Direction[Direction["NONE"] = 0] = "NONE";
Direction[Direction["NEXT"] = 1] = "NEXT";
Direction[Direction["PREV"] = 2] = "PREV";
})(Direction || (Direction = {}));
/**
* A slide component that usually holds an image and/or a caption text.
* IgxSlideComponent is usually a child component of an IgxCarouselComponent.
*
* ```
* <igx-slide [input bindings] >
* <ng-content></ng-content>
* </igx-slide>
* ```
*
* @export
*/
var IgxSlideComponent = /** @class */ (function () {
function IgxSlideComponent(elementRef) {
this.elementRef = elementRef;
this._active = false;
this._destroy$ = new Subject();
/**
* Returns the class of the slide component.
* ```typescript
* let class = this.slide.cssClass;
* ```
* @memberof IgxSlideComponent
*/
this.cssClass = 'igx-slide';
this.previous = false;
/**
*@hidden
*/
this.activeChange = new EventEmitter();
}
Object.defineProperty(IgxSlideComponent.prototype, "tabIndex", {
/**
* Returns the `tabIndex` of the slide component.
* ```typescript
* let tabIndex = this.carousel.tabIndex;
* ```
* @memberof IgxSlideComponent
*/
get: function () {
return this.active ? 0 : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxSlideComponent.prototype, "ariaSelected", {
/**
* Returns the `aria-selected` of the slide.
*
* ```typescript
* let slide = this.slide.ariaSelected;
* ```
*
*/
get: function () {
return this.active;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxSlideComponent.prototype, "ariaLive", {
/**
* Returns the `aria-live` of the slide.
*
* ```typescript
* let slide = this.slide.ariaLive;
* ```
*
*/
get: function () {
return this.active ? 'polite' : null;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxSlideComponent.prototype, "active", {
/**
* Gets/sets the `active` state of the slide.
* ```html
* <igx-carousel>
* <igx-slide [active] ="false"></igx-slide>
* <igx-carousel>
* ```
*
* Two-way data binding.
* ```html
* <igx-carousel>
* <igx-slide [(active)] ="model.isActive"></igx-slide>
* <igx-carousel>
* ```
* @memberof IgxSlideComponent
*/
get: function () {
return this._active;
},
set: function (value) {
this._active = !!value;
this.activeChange.emit(this._active);
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxSlideComponent.prototype, "nativeElement", {
/**
* Returns a reference to the carousel element in the DOM.
* ```typescript
* let nativeElement = this.slide.nativeElement;
* ```
* @memberof IgxSlideComponent
*/
get: function () {
return this.elementRef.nativeElement;
},
enumerable: true,
configurable: true
});
Object.defineProperty(IgxSlideComponent.prototype, "isDestroyed", {
/**
* @hidden
*/
get: function () {
return this._destroy$;
},
enumerable: true,
configurable: true
});
/**
* @hidden
*/
IgxSlideComponent.prototype.ngOnDestroy = function () {
this._destroy$.next(true);
this._destroy$.complete();
};
IgxSlideComponent.ctorParameters = function () { return [
{ type: ElementRef }
]; };
__decorate([
Input(),
__metadata("design:type", Number)
], IgxSlideComponent.prototype, "index", void 0);
__decorate([
Input(),
__metadata("design:type", Number)
], IgxSlideComponent.prototype, "direction", void 0);
__decorate([
HostBinding('attr.tabindex'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], IgxSlideComponent.prototype, "tabIndex", null);
__decorate([
HostBinding('attr.aria-selected'),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [])
], IgxSlideComponent.prototype, "ariaSelected", null);
__decorate([
HostBinding('attr.aria-selected'),
__metadata("design:type", Object),
__metadata("design:paramtypes", [])
], IgxSlideComponent.prototype, "ariaLive", null);
__decorate([
HostBinding('class.igx-slide'),
__metadata("design:type", Object)
], IgxSlideComponent.prototype, "cssClass", void 0);
__decorate([
HostBinding('class.igx-slide--current'),
Input(),
__metadata("design:type", Boolean),
__metadata("design:paramtypes", [Object])
], IgxSlideComponent.prototype, "active", null);
__decorate([
HostBinding('class.igx-slide--previous'),
Input(),
__metadata("design:type", Object)
], IgxSlideComponent.prototype, "previous", void 0);
__decorate([
Output(),
__metadata("design:type", Object)
], IgxSlideComponent.prototype, "activeChange", void 0);
IgxSlideComponent = __decorate([
Component({
selector: 'igx-slide',
template: "<ng-content></ng-content>\n"
}),
__metadata("design:paramtypes", [ElementRef])
], IgxSlideComponent);
return IgxSlideComponent;
}());
export { IgxSlideComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vaWduaXRldWktYW5ndWxhci8iLCJzb3VyY2VzIjpbImxpYi9jYXJvdXNlbC9zbGlkZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUgsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQixNQUFNLENBQU4sSUFBWSxTQUE4QjtBQUExQyxXQUFZLFNBQVM7SUFBRyx5Q0FBSSxDQUFBO0lBQUUseUNBQUksQ0FBQTtJQUFFLHlDQUFJLENBQUE7QUFBQyxDQUFDLEVBQTlCLFNBQVMsS0FBVCxTQUFTLFFBQXFCO0FBRTFDOzs7Ozs7Ozs7OztHQVdHO0FBTUg7SUE0R0ksMkJBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUEzR2xDLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFXLENBQUM7UUE2RDNDOzs7Ozs7V0FNRztRQUVJLGFBQVEsR0FBRyxXQUFXLENBQUM7UUE4QmQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQzs7V0FFRztRQUNjLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVkLENBQUM7SUEzRS9DLHNCQUFJLHVDQUFRO1FBUlo7Ozs7OztXQU1HO2FBRUg7WUFDSSxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2xDLENBQUM7OztPQUFBO0lBV0Qsc0JBQVcsMkNBQVk7UUFUdkI7Ozs7Ozs7V0FPRzthQUVIO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3ZCLENBQUM7OztPQUFBO0lBV0Qsc0JBQVcsdUNBQVE7UUFUbkI7Ozs7Ozs7V0FPRzthQUVIO1lBQ0ksT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUN6QyxDQUFDOzs7T0FBQTtJQThCRCxzQkFBVyxxQ0FBTTtRQWxCakI7Ozs7Ozs7Ozs7Ozs7OztXQWVHO2FBR0g7WUFDSSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDeEIsQ0FBQzthQUVELFVBQWtCLEtBQUs7WUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsS0FBSyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN6QyxDQUFDOzs7T0FMQTtJQXdCRCxzQkFBVyw0Q0FBYTtRQVB4Qjs7Ozs7O1VBTUU7YUFDRjtZQUNJLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDekMsQ0FBQzs7O09BQUE7SUFLRCxzQkFBVywwQ0FBVztRQUh0Qjs7VUFFRTthQUNGO1lBQ0EsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3RCLENBQUM7OztPQUFBO0lBRUQ7O09BRUc7SUFDSSx1Q0FBVyxHQUFsQjtRQUNJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDOUIsQ0FBQzs7Z0JBMUIrQixVQUFVOztJQWhHakM7UUFBUixLQUFLLEVBQUU7O29EQUFzQjtJQVdyQjtRQUFSLEtBQUssRUFBRTs7d0RBQTZCO0lBVXJDO1FBREMsV0FBVyxDQUFDLGVBQWUsQ0FBQzs7O3FEQUc1QjtJQVdEO1FBREMsV0FBVyxDQUFDLG9CQUFvQixDQUFDOzs7eURBR2pDO0lBV0Q7UUFEQyxXQUFXLENBQUMsb0JBQW9CLENBQUM7OztxREFHakM7SUFVRDtRQURDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQzs7dURBQ0Q7SUFvQjlCO1FBRkMsV0FBVyxDQUFDLDBCQUEwQixDQUFDO1FBQ3ZDLEtBQUssRUFBRTs7O21EQUdQO0lBUVE7UUFEUixXQUFXLENBQUMsMkJBQTJCLENBQUM7UUFDeEMsS0FBSyxFQUFFOzt1REFBeUI7SUFLdkI7UUFBVCxNQUFNLEVBQUU7OzJEQUFtRDtJQTFHbkQsaUJBQWlCO1FBTDdCLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxXQUFXO1lBQ3JCLHVDQUFtQztTQUN0QyxDQUFDO3lDQThHa0MsVUFBVTtPQTVHakMsaUJBQWlCLENBdUk3QjtJQUFELHdCQUFDO0NBQUEsQUF2SUQsSUF1SUM7U0F2SVksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIElucHV0LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIENoYW5nZURldGVjdG9yUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCBlbnVtIERpcmVjdGlvbiB7IE5PTkUsIE5FWFQsIFBSRVYgfVxuXG4vKipcbiAqIEEgc2xpZGUgY29tcG9uZW50IHRoYXQgdXN1YWxseSBob2xkcyBhbiBpbWFnZSBhbmQvb3IgYSBjYXB0aW9uIHRleHQuXG4gKiBJZ3hTbGlkZUNvbXBvbmVudCBpcyB1c3VhbGx5IGEgY2hpbGQgY29tcG9uZW50IG9mIGFuIElneENhcm91c2VsQ29tcG9uZW50LlxuICpcbiAqIGBgYFxuICogPGlneC1zbGlkZSBbaW5wdXQgYmluZGluZ3NdID5cbiAqICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAqIDwvaWd4LXNsaWRlPlxuICogYGBgXG4gKlxuICogQGV4cG9ydFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2lneC1zbGlkZScsXG4gICAgdGVtcGxhdGVVcmw6ICdzbGlkZS5jb21wb25lbnQuaHRtbCdcbn0pXG5cbmV4cG9ydCBjbGFzcyBJZ3hTbGlkZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSBfYWN0aXZlID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfZGVzdHJveSQgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICAgIC8qKlxuICAgICAqIEdldHMvc2V0cyB0aGUgYGluZGV4YCBvZiB0aGUgc2xpZGUgaW5zaWRlIHRoZSBjYXJvdXNlbC5cbiAgICAgKiBgYGBodG1sXG4gICAgICogPGlneC1jYXJvdXNlbD5cbiAgICAgKiAgPGlneC1zbGlkZSBpbmRleCA9IFwiMVwiPjwvaWd4LXNsaWRlPlxuICAgICAqIDxpZ3gtY2Fyb3VzZWw+XG4gICAgICogYGBgXG4gICAgICogQG1lbWJlck9mIElneFNsaWRlQ29tcG9uZW50XG4gICAgICovXG4gICAgQElucHV0KCkgcHVibGljIGluZGV4OiBudW1iZXI7XG5cbiAgICAvKipcbiAgICAgKiBHZXRzL3NldHMgdGhlIHRhcmdldCBgZGlyZWN0aW9uYCBmb3IgdGhlIHNsaWRlLlxuICAgICAqIGBgYGh0bWxcbiAgICAgKiA8aWd4LWNhcm91c2VsPlxuICAgICAqICA8aWd4LXNsaWRlIGRpcmVjdGlvbj1cIk5FWFRcIj48L2lneC1zbGlkZT5cbiAgICAgKiA8aWd4LWNhcm91c2VsPlxuICAgICAqIGBgYFxuICAgICAqIEBtZW1iZXJPZiBJZ3hTbGlkZUNvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpIHB1YmxpYyBkaXJlY3Rpb246IERpcmVjdGlvbjtcblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIGB0YWJJbmRleGAgb2YgdGhlIHNsaWRlIGNvbXBvbmVudC5cbiAgICAgKiBgYGB0eXBlc2NyaXB0XG4gICAgICogbGV0IHRhYkluZGV4ID0gIHRoaXMuY2Fyb3VzZWwudGFiSW5kZXg7XG4gICAgICogYGBgXG4gICAgICogQG1lbWJlcm9mIElneFNsaWRlQ29tcG9uZW50XG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JylcbiAgICBnZXQgdGFiSW5kZXgoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGl2ZSA/IDAgOiBudWxsO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFJldHVybnMgdGhlIGBhcmlhLXNlbGVjdGVkYCBvZiB0aGUgc2xpZGUuXG4gICAgICpcbiAgICAgKiBgYGB0eXBlc2NyaXB0XG4gICAgICogbGV0IHNsaWRlID0gdGhpcy5zbGlkZS5hcmlhU2VsZWN0ZWQ7XG4gICAgICogYGBgXG4gICAgICpcbiAgICAgKi9cbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1zZWxlY3RlZCcpXG4gICAgcHVibGljIGdldCBhcmlhU2VsZWN0ZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjdGl2ZTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXR1cm5zIHRoZSBgYXJpYS1saXZlYCBvZiB0aGUgc2xpZGUuXG4gICAgICpcbiAgICAgKiBgYGB0eXBlc2NyaXB0XG4gICAgICogbGV0IHNsaWRlID0gdGhpcy5zbGlkZS5hcmlhTGl2ZTtcbiAgICAgKiBgYGBcbiAgICAgKlxuICAgICAqL1xuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLXNlbGVjdGVkJylcbiAgICBwdWJsaWMgZ2V0IGFyaWFMaXZlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5hY3RpdmUgPyAncG9saXRlJyA6IG51bGw7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmV0dXJucyB0aGUgY2xhc3Mgb2YgdGhlIHNsaWRlIGNvbXBvbmVudC5cbiAgICAgKiBgYGB0eXBlc2NyaXB0XG4gICAgICogbGV0IGNsYXNzID0gIHRoaXMuc2xpZGUuY3NzQ2xhc3M7XG4gICAgICogYGBgXG4gICAgICogQG1lbWJlcm9mIElneFNsaWRlQ29tcG9uZW50XG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pZ3gtc2xpZGUnKVxuICAgIHB1YmxpYyBjc3NDbGFzcyA9ICdpZ3gtc2xpZGUnO1xuXG4gICAgLyoqXG4gICAgICogR2V0cy9zZXRzIHRoZSBgYWN0aXZlYCBzdGF0ZSBvZiB0aGUgc2xpZGUuXG4gICAgICogYGBgaHRtbFxuICAgICAqIDxpZ3gtY2Fyb3VzZWw+XG4gICAgICogIDxpZ3gtc2xpZGUgW2FjdGl2ZV0gPVwiZmFsc2VcIj48L2lneC1zbGlkZT5cbiAgICAgKiA8aWd4LWNhcm91c2VsPlxuICAgICAqIGBgYFxuICAgICAqXG4gICAgICogVHdvLXdheSBkYXRhIGJpbmRpbmcuXG4gICAgICogYGBgaHRtbFxuICAgICAqIDxpZ3gtY2Fyb3VzZWw+XG4gICAgICogIDxpZ3gtc2xpZGUgWyhhY3RpdmUpXSA9XCJtb2RlbC5pc0FjdGl2ZVwiPjwvaWd4LXNsaWRlPlxuICAgICAqIDxpZ3gtY2Fyb3VzZWw+XG4gICAgICogYGBgXG4gICAgICogQG1lbWJlcm9mIElneFNsaWRlQ29tcG9uZW50XG4gICAgICovXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pZ3gtc2xpZGUtLWN1cnJlbnQnKVxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBhY3RpdmUodmFsdWUpIHtcbiAgICAgICAgdGhpcy5fYWN0aXZlID0gISF2YWx1ZTtcbiAgICAgICAgdGhpcy5hY3RpdmVDaGFuZ2UuZW1pdCh0aGlzLl9hY3RpdmUpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuaWd4LXNsaWRlLS1wcmV2aW91cycpXG4gICAgQElucHV0KCkgcHVibGljIHByZXZpb3VzID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKkBoaWRkZW5cbiAgICAgKi9cbiAgICBAT3V0cHV0KCkgcHVibGljIGFjdGl2ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikgeyB9XG5cbiAgICAvKipcbiAgICAqIFJldHVybnMgYSByZWZlcmVuY2UgdG8gdGhlIGNhcm91c2VsIGVsZW1lbnQgaW4gdGhlIERPTS5cbiAgICAqIGBgYHR5cGVzY3JpcHRcbiAgICAqIGxldCBuYXRpdmVFbGVtZW50ID0gIHRoaXMuc2xpZGUubmF0aXZlRWxlbWVudDtcbiAgICAqIGBgYFxuICAgICogQG1lbWJlcm9mIElneFNsaWRlQ29tcG9uZW50XG4gICAgKi9cbiAgICBwdWJsaWMgZ2V0IG5hdGl2ZUVsZW1lbnQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICB9XG5cbiAgICAvKipcbiAgICAqIEBoaWRkZW5cbiAgICAqL1xuICAgIHB1YmxpYyBnZXQgaXNEZXN0cm95ZWQoKTogU3ViamVjdDxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rlc3Ryb3kkO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIEBoaWRkZW5cbiAgICAgKi9cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMuX2Rlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgICAgIHRoaXMuX2Rlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gICAgfVxufVxuIl19