rt-tab-carousel
Version:
Angular tab carousel component
20 lines • 5.46 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/rt-carousel-previous-button.directive";
class RtCarouselPreviousButtonComponent {
uuidCarousel;
autoHide = true;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.2", ngImport: i0, type: RtCarouselPreviousButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.2", type: RtCarouselPreviousButtonComponent, selector: "rt-tab-carousel-previous-button", inputs: { uuidCarousel: "uuidCarousel", autoHide: "autoHide" }, ngImport: i0, template: " <div\n rtCarouselPreviousButton\n [uuidCarousel]=\"uuidCarousel\"\n [autoHide]=\"autoHide\"\n [activeClass]=\"'rt-carousel__shadow-left-array'\"\n class=\"rt-carousel__next-part\"\n >\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15 16.58L10.6734 12L15 7.41L13.668 6L8 12L13.668 18L15 16.58Z\" fill=\"#777777\"/>\n </svg>\n\n\n </div>\n", styles: [".rt-carousel__next-part{cursor:pointer;display:flex;z-index:1;height:100%;transition:box-shadow .3s;width:35px;align-items:center;justify-content:center}.rt-carousel__shadow-left-array{box-shadow:10px 0 10px -10px #000000b5;border-right:solid .3px;border-image:linear-gradient(to bottom,transparent,#878787,rgba(0,0,0,0)) 0 100%;z-index:11;height:100%;width:35px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.RtCarouselPreviousButtonDirective, selector: "[rtCarouselPreviousButton]", inputs: ["activeClass", "autoHide", "uuidCarousel"], outputs: ["buttonHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
export { RtCarouselPreviousButtonComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.2", ngImport: i0, type: RtCarouselPreviousButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'rt-tab-carousel-previous-button', changeDetection: ChangeDetectionStrategy.OnPush, template: " <div\n rtCarouselPreviousButton\n [uuidCarousel]=\"uuidCarousel\"\n [autoHide]=\"autoHide\"\n [activeClass]=\"'rt-carousel__shadow-left-array'\"\n class=\"rt-carousel__next-part\"\n >\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M15 16.58L10.6734 12L15 7.41L13.668 6L8 12L13.668 18L15 16.58Z\" fill=\"#777777\"/>\n </svg>\n\n\n </div>\n", styles: [".rt-carousel__next-part{cursor:pointer;display:flex;z-index:1;height:100%;transition:box-shadow .3s;width:35px;align-items:center;justify-content:center}.rt-carousel__shadow-left-array{box-shadow:10px 0 10px -10px #000000b5;border-right:solid .3px;border-image:linear-gradient(to bottom,transparent,#878787,rgba(0,0,0,0)) 0 100%;z-index:11;height:100%;width:35px;align-items:center;justify-content:center}\n"] }]
}], propDecorators: { uuidCarousel: [{
type: Input,
args: [{ required: true }]
}], autoHide: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnQtY2Fyb3VzZWwtcHJldmlvdXMtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3J0LXRhYi1jYXJvdXNlbC9zcmMvbGliL2NvbXBvbmVudHMvcnQtY2Fyb3VzZWwtcHJldmlvdXMtYnV0dG9uL3J0LWNhcm91c2VsLXByZXZpb3VzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ydC10YWItY2Fyb3VzZWwvc3JjL2xpYi9jb21wb25lbnRzL3J0LWNhcm91c2VsLXByZXZpb3VzLWJ1dHRvbi9ydC1jYXJvdXNlbC1wcmV2aW91cy1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUV4RSxNQU1hLGlDQUFpQztJQUNuQixZQUFZLENBQVU7SUFDdEMsUUFBUSxHQUFHLElBQUksQ0FBQzt1R0FGZCxpQ0FBaUM7MkZBQWpDLGlDQUFpQyx1SUNSOUMsdWJBYUE7O1NETGEsaUNBQWlDOzJGQUFqQyxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0UsaUNBQWlDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QixZQUFZO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQztnQkFDZCxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J0LXRhYi1jYXJvdXNlbC1wcmV2aW91cy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcnQtY2Fyb3VzZWwtcHJldmlvdXMtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcnQtY2Fyb3VzZWwtcHJldmlvdXMtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSdENhcm91c2VsUHJldmlvdXNCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoe3JlcXVpcmVkOiB0cnVlfSkgdXVpZENhcm91c2VsITogc3RyaW5nO1xuICBASW5wdXQoKSBhdXRvSGlkZSA9IHRydWU7XG59XG4iLCIgPGRpdlxuICAgIHJ0Q2Fyb3VzZWxQcmV2aW91c0J1dHRvblxuICAgIFt1dWlkQ2Fyb3VzZWxdPVwidXVpZENhcm91c2VsXCJcbiAgICBbYXV0b0hpZGVdPVwiYXV0b0hpZGVcIlxuICAgIFthY3RpdmVDbGFzc109XCIncnQtY2Fyb3VzZWxfX3NoYWRvdy1sZWZ0LWFycmF5J1wiXG4gICAgY2xhc3M9XCJydC1jYXJvdXNlbF9fbmV4dC1wYXJ0XCJcbiAgPlxuICAgPHN2ZyB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgIDxwYXRoIGQ9XCJNMTUgMTYuNThMMTAuNjczNCAxMkwxNSA3LjQxTDEzLjY2OCA2TDggMTJMMTMuNjY4IDE4TDE1IDE2LjU4WlwiIGZpbGw9XCIjNzc3Nzc3XCIvPlxuICAgPC9zdmc+XG5cblxuICA8L2Rpdj5cbiJdfQ==