rt-tab-carousel
Version:
Angular tab carousel component
20 lines • 5.23 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../directives/rt-carousel-next-button.directive";
class RtCarouselNextButtonComponent {
uuidCarousel;
autoHide = true;
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.2", ngImport: i0, type: RtCarouselNextButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.2", type: RtCarouselNextButtonComponent, selector: "rt-tab-carousel-next-button", inputs: { uuidCarousel: "uuidCarousel", autoHide: "autoHide" }, ngImport: i0, template: "<div\n rtCarouselNextButton\n [uuidCarousel]=\"uuidCarousel\"\n [activeClass]=\"'rt-carousel__shadow-right-array'\"\n [autoHide]=\"autoHide\"\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=\"M9 16.58L13.3266 12L9 7.41L10.332 6L16 12L10.332 18L9 16.58Z\" fill=\"#777777\"/>\n </svg>\n\n</div>\n", styles: [".rt-carousel__shadow-right-array{box-shadow:-12px 0 12px -10px #000000b5;border-left:solid .3px;border-image:linear-gradient(to bottom,transparent,#b6b6b6,rgba(0,0,0,0)) 0 100%;align-items:center;display:flex;cursor:pointer;height:100%;width:35px}.rt-carousel__next-part{cursor:pointer;width:35px;align-items:center;display:flex;z-index:1;height:100%;transition:box-shadow .3s}\n"], dependencies: [{ kind: "directive", type: i1.RtCarouselNextButtonDirective, selector: "[rtCarouselNextButton]", inputs: ["activeClass", "autoHide", "uuidCarousel"], outputs: ["buttonHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
}
export { RtCarouselNextButtonComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.2", ngImport: i0, type: RtCarouselNextButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'rt-tab-carousel-next-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n rtCarouselNextButton\n [uuidCarousel]=\"uuidCarousel\"\n [activeClass]=\"'rt-carousel__shadow-right-array'\"\n [autoHide]=\"autoHide\"\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=\"M9 16.58L13.3266 12L9 7.41L10.332 6L16 12L10.332 18L9 16.58Z\" fill=\"#777777\"/>\n </svg>\n\n</div>\n", styles: [".rt-carousel__shadow-right-array{box-shadow:-12px 0 12px -10px #000000b5;border-left:solid .3px;border-image:linear-gradient(to bottom,transparent,#b6b6b6,rgba(0,0,0,0)) 0 100%;align-items:center;display:flex;cursor:pointer;height:100%;width:35px}.rt-carousel__next-part{cursor:pointer;width:35px;align-items:center;display:flex;z-index:1;height:100%;transition:box-shadow .3s}\n"] }]
}], propDecorators: { uuidCarousel: [{
type: Input,
args: [{ required: true }]
}], autoHide: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnQtY2Fyb3VzZWwtbmV4dC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcnQtdGFiLWNhcm91c2VsL3NyYy9saWIvY29tcG9uZW50cy9ydC1jYXJvdXNlbC1uZXh0LWJ1dHRvbi9ydC1jYXJvdXNlbC1uZXh0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ydC10YWItY2Fyb3VzZWwvc3JjL2xpYi9jb21wb25lbnRzL3J0LWNhcm91c2VsLW5leHQtYnV0dG9uL3J0LWNhcm91c2VsLW5leHQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFFeEUsTUFNYSw2QkFBNkI7SUFDZixZQUFZLENBQVU7SUFDdEMsUUFBUSxHQUFHLElBQUksQ0FBQzt1R0FGZCw2QkFBNkI7MkZBQTdCLDZCQUE2QixtSUNSMUMsOFpBWUE7O1NESmEsNkJBQTZCOzJGQUE3Qiw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0UsNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QixZQUFZO3NCQUFwQyxLQUFLO3VCQUFDLEVBQUMsUUFBUSxFQUFFLElBQUksRUFBQztnQkFDZCxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J0LXRhYi1jYXJvdXNlbC1uZXh0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ydC1jYXJvdXNlbC1uZXh0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3J0LWNhcm91c2VsLW5leHQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJ0Q2Fyb3VzZWxOZXh0QnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KHtyZXF1aXJlZDogdHJ1ZX0pIHV1aWRDYXJvdXNlbCE6IHN0cmluZztcbiAgQElucHV0KCkgYXV0b0hpZGUgPSB0cnVlO1xufVxuIiwiPGRpdlxuICBydENhcm91c2VsTmV4dEJ1dHRvblxuICBbdXVpZENhcm91c2VsXT1cInV1aWRDYXJvdXNlbFwiXG4gIFthY3RpdmVDbGFzc109XCIncnQtY2Fyb3VzZWxfX3NoYWRvdy1yaWdodC1hcnJheSdcIlxuICBbYXV0b0hpZGVdPVwiYXV0b0hpZGVcIlxuICBjbGFzcz1cInJ0LWNhcm91c2VsX19uZXh0LXBhcnRcIlxuPlxuICA8c3ZnIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICA8cGF0aCBkPVwiTTkgMTYuNThMMTMuMzI2NiAxMkw5IDcuNDFMMTAuMzMyIDZMMTYgMTJMMTAuMzMyIDE4TDkgMTYuNThaXCIgZmlsbD1cIiM3Nzc3NzdcIi8+XG4gIDwvc3ZnPlxuXG48L2Rpdj5cbiJdfQ==