"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = {
    getStyleDefs: () => ([{
            className: '.app-carousel',
            rnStyleSelector: 'app-carousel.root',
            studioStyleSelector: '.app-carousel',
            style: {},
            dtStyle: {
                'ripple-color': 'var(--wm-carousel-ripple-color)'
            }
        }, {
            className: '.app-carousel-btn-panel',
            rnStyleSelector: 'app-carousel.btnPanel',
            studioStyleSelector: '',
            style: {},
            dtStyle: {
                "width": "var(--wm-carousel-slide-width)",
                "position": "var(--wm-carousel-btn-panel-position)",
                "top": "var(--wm-carousel-btn-panel-top)",
                "margin-top": "var(--wm-carousel-btn-panel-margin-top)",
                "height": "var(--wm-carousel-btn-panel-height)"
            }
        }, {
            className: '.app-carousel-slide',
            rnStyleSelector: 'app-carousel.slide',
            studioStyleSelector: '.app-carousel .carousel.slide',
            style: {},
            dtStyle: {
                "width": "var(--wm-carousel-slide-width)",
                "overflow": "var(--wm-carousel-slide-overflow)",
                "padding-left": "var(--wm-carousel-slide-padding-horizontal)",
                "padding-right": "var(--wm-carousel-slide-padding-horizontal)"
            }
        }, {
            className: '.app-carousel-first-slide',
            rnStyleSelector: 'app-carousel.firstSlide',
            studioStyleSelector: '',
            style: {}
        }, {
            className: '.app-carousel-last-slide',
            rnStyleSelector: 'app-carousel.lastSlide',
            studioStyleSelector: '',
            style: {}
        }, {
            className: '.app-carousel-active-slide',
            rnStyleSelector: 'app-carousel.activeSlide',
            studioStyleSelector: '',
            style: {}
        }, {
            className: '.app-carousel-prev-btn',
            rnStyleSelector: 'app-carousel.prevBtn',
            studioStyleSelector: '',
        }, {
            className: '.app-carousel-prev-btn .root',
            dtStyle: {
                "margin-left": "var(--wm-carousel-prev-btn-margin-left)",
                "background-color": "var(--wm-carousel-prev-btn-background-color)",
                "ripple-color": "var(--wm-carousel-prev-btn-ripple-color)"
            }
        }, {
            className: '.app-carousel-prev-btn .text',
            dtStyle: {
                "font-size": "var(--wm-carousel-prev-btn-text-font-size)",
            }
        }, {
            className: '.app-carousel-prev-btn .app-icon-shape',
            style: {
                color: '@carouselPrevBtnColor'
            },
            dtStyle: {
                'font-size': 'var(--wm-carousel-control-icon-font-size)',
                'color': 'var(--wm-carousel-indicators-background)'
            }
        }, {
            className: '.app-carousel-next-btn',
            rnStyleSelector: 'app-carousel.nextBtn',
            studioStyleSelector: '',
        }, {
            className: '.app-carousel-next-btn .app-icon-shape',
            style: {
                color: '@carouselNextBtnColor'
            },
            dtStyle: {
                'font-size': 'var(--wm-carousel-control-icon-font-size)',
                'color': 'var(--wm-carousel-indicators-background)'
            }
        }, {
            className: '.app-carousel-next-btn .root',
            dtStyle: {
                "margin-right": "var(--wm-carousel-prev-btn-margin-left)",
                "background-color": "var(--wm-carousel-prev-btn-background-color)",
                "ripple-color": "var(--wm-carousel-prev-btn-ripple-color)"
            }
        }, {
            className: '.app-carousel-next-btn .text',
            dtStyle: {
                "font-size": "var(--wm-carousel-prev-btn-text-font-size)",
            }
        }, {
            className: '.app-carousel-dot-wrapper',
            rnStyleSelector: 'app-carousel.dotsWrapperStyle',
            studioStyleSelector: '.app-carousel .carousel-indicators',
            style: {
                'background-color': '@carouselDotWrapperBgColor'
            },
            dtStyle: {
                "opacity": "var(--wm-carousel-dots-wrapper-style-opacity)",
                "background-color": "var(--wm-carousel-ripple-color)",
                "padding-top": "var(--wm-carousel-dots-wrapper-style-padding-top)",
                "padding-bottom": "var(--wm-carousel-dots-wrapper-style-padding-bottom)"
            }
        }, {
            className: '.app-carousel-dot-container',
            rnStyleSelector: 'app-carousel.dotsContainerStyle',
            style: {}
        }, {
            className: '.app-carousel-dot',
            rnStyleSelector: 'app-carousel.dotStyle',
            studioStyleSelector: '.app-carousel .carousel-indicators li',
            style: {
                'background-color': '@carouselActiveDotColor'
            },
            dtStyle: {
                'width': 'var(--wm-carousel-indicators-size)',
                'height': 'var(--wm-carousel-indicators-size)',
                // 'border-width': 'var(--wm-carousel-indicators-border-width)', 
                'border-style': 'var(--wm-carousel-indicators-border-style)',
                'border-color': 'var(--wm-carousel-indicators-border)',
                "opacity": "var(--wm-carousel-dot-style-opacity)",
                "margin-left": "var(--wm-carousel-dot-style-margin-left)",
                "margin-right": "var(--wm-carousel-dot-style-margin-right)",
                "background-color": "var(--wm-carousel-dot-style-background-color)"
            }
        }, {
            className: '.app-carousel-active-dot',
            rnStyleSelector: 'app-carousel.activeDotStyle',
            studioStyleSelector: '.app-carousel .carousel-indicators li.active',
            style: {
                'background-color': '@carouselDotColor'
            },
            dtStyle: {
                'background-color': 'var(--wm-carousel-indicators-background)',
                "padding": "var(--wm-carousel-dots-wrapper-style-padding-top)",
                "opacity": "var(--wm-carousel-dots-wrapper-style-opacity)"
            }
        },
        {
            className: '.app-carousel-skeleton',
            rnStyleSelector: 'app-carousel.skeleton',
            studioStyleSelector: '',
            style: {},
            dtStyle: {
                'width': 'var(--wm-carousel-skeleton-width)'
            }
        },
        {
            className: '.app-carousel-dot-skeleton',
            rnStyleSelector: 'app-carousel.dotSkeleton',
            studioStyleSelector: '',
            style: {},
            dtStyle: {
                "width": "var(--wm-carousel-dot-skeleton-width)",
                "height": "var(--wm-carousel-dot-skeleton-height)",
                "border-radius": "var(--wm-carousel-dot-skeleton-border-radius)",
                "opacity": "var(--wm-carousel-dot-skeleton-opacity)",
                "background-color": "var(--wm-carousel-dot-skeleton-background-color)"
            }
        }
    ])
};
//# sourceMappingURL=carousel.styledef.js.map