41 lines
2.1 KiB
JavaScript
41 lines
2.1 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
const vue_1 = require("vue");
|
|
const _mixins_1 = require("../../_mixins");
|
|
const CarouselContext_1 = require("./CarouselContext");
|
|
const backwardIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
|
|
(0, vue_1.h)("g", { fill: "none" },
|
|
(0, vue_1.h)("path", { d: "M10.26 3.2a.75.75 0 0 1 .04 1.06L6.773 8l3.527 3.74a.75.75 0 1 1-1.1 1.02l-4-4.25a.75.75 0 0 1 0-1.02l4-4.25a.75.75 0 0 1 1.06-.04z", fill: "currentColor" }))));
|
|
const forwardIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16" },
|
|
(0, vue_1.h)("g", { fill: "none" },
|
|
(0, vue_1.h)("path", { d: "M5.74 3.2a.75.75 0 0 0-.04 1.06L9.227 8L5.7 11.74a.75.75 0 1 0 1.1 1.02l4-4.25a.75.75 0 0 0 0-1.02l-4-4.25a.75.75 0 0 0-1.06-.04z", fill: "currentColor" }))));
|
|
exports.default = (0, vue_1.defineComponent)({
|
|
name: 'CarouselArrow',
|
|
setup(props) {
|
|
const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
|
|
const { isVertical, isPrevDisabled, isNextDisabled, prev, next } = (0, CarouselContext_1.useCarouselContext)();
|
|
return {
|
|
mergedClsPrefix: mergedClsPrefixRef,
|
|
isVertical,
|
|
isPrevDisabled,
|
|
isNextDisabled,
|
|
prev,
|
|
next
|
|
};
|
|
},
|
|
render() {
|
|
const { mergedClsPrefix } = this;
|
|
return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-carousel__arrow-group` },
|
|
(0, vue_1.h)("div", { class: [
|
|
`${mergedClsPrefix}-carousel__arrow`,
|
|
this.isPrevDisabled() &&
|
|
`${mergedClsPrefix}-carousel__arrow--disabled`
|
|
], role: "button", onClick: this.prev }, backwardIcon),
|
|
(0, vue_1.h)("div", { class: [
|
|
`${mergedClsPrefix}-carousel__arrow`,
|
|
this.isNextDisabled() &&
|
|
`${mergedClsPrefix}-carousel__arrow--disabled`
|
|
], role: "button", onClick: this.next }, forwardIcon)));
|
|
}
|
|
});
|