28 lines
855 B
JavaScript
28 lines
855 B
JavaScript
import $ from 'jquery'
|
|
import slick from 'slick-carousel'
|
|
import shave from 'shave'
|
|
import { isRTL } from './helpers'
|
|
|
|
$(document).ready(() => {
|
|
const $featuredArticles = $('.js-featured-articles')
|
|
|
|
if ($featuredArticles.length > 0) {
|
|
$featuredArticles.on('init', function () {
|
|
shave('.js-featured-article-title', 200)
|
|
})
|
|
|
|
$featuredArticles.slick({
|
|
arrows: true,
|
|
infinite: true,
|
|
prevArrow: '<button class="m-icon-button in-featured-articles slick-prev" aria-label="Previous"><span class="icon-arrow-left"></span></button>',
|
|
nextArrow: '<button class="m-icon-button in-featured-articles slick-next" aria-label="Next"><span class="icon-arrow-right"></span></button>',
|
|
mobileFirst: true,
|
|
rtl: isRTL()
|
|
})
|
|
|
|
setTimeout(() => {
|
|
$featuredArticles.slick('setPosition')
|
|
}, 350)
|
|
}
|
|
})
|