franken-ui/dist/uikit/stylings/slideshow.js

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

import merge from 'lodash/merge.js';
export const rules = {
    '.uk-slideshow': { WebkitTapHighlightColor: 'transparent' },
    '.uk-slideshow-items': {
        position: 'relative',
        zIndex: '0',
        margin: '0',
        padding: '0',
        listStyle: 'none',
        overflow: 'hidden',
        WebkitTouchCallout: 'none',
        touchAction: 'pan-y'
    },
    '.uk-slideshow-items > *': {
        position: 'absolute',
        top: '0',
        left: '0',
        right: '0',
        bottom: '0',
        overflow: 'hidden',
        willChange: 'transform, opacity'
    },
    '.uk-slideshow-items > :not(.uk-active)': { display: 'none' }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-slideshow': {},
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        '.uk-slideshow': {
            ..._hooks['hook-slideshow']
        },
        ..._hooks['hook-misc']
    };
};