maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 2.46 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as hasSlotContent}from"./hasSlotContent.akaXJLAp.js";import{Fragment,computed,createCommentVNode,createElementBlock,createElementVNode,defineComponent,normalizeClass,normalizeStyle,openBlock,renderList,renderSlot,unref}from"vue";import '../assets/MazTicker.C1CENb3H.css';var _hoisted_1={class:`m-ticker-wrapper`};var _hoisted_2={key:0,class:`m-ticker-overlay --start`};var _hoisted_3=[`aria-hidden`];var _hoisted_4={key:1,class:`m-ticker-overlay --end`};var MazTicker_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazTicker`,props:{orientation:{default:`horizontal`},reverse:{type:Boolean,default:!1},duration:{default:20},gap:{default:`1rem`},repeat:{default:4},pauseOnHover:{type:Boolean,default:!1},pauseOnFocus:{type:Boolean,default:!1},paused:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},overlaySize:{default:`33%`},animationTimingFunction:{default:`linear`}},setup(__props){let cssVars=computed(()=>({"--m-ticker-duration":`${__props.duration}s`,"--m-ticker-gap":__props.gap,"--m-ticker-overlay-size":__props.overlaySize,"--m-ticker-timing":__props.animationTimingFunction}));return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:normalizeClass([`m-ticker m-reset-css`,[`--${__props.orientation}`,{"--reverse":__props.reverse,"--paused":__props.paused,"--pause-on-hover":__props.pauseOnHover,"--pause-on-focus":__props.pauseOnFocus}]]),role:`region`,"aria-roledescription":`ticker`,"aria-label":`Scrolling content`,style:normalizeStyle(cssVars.value)},[renderSlot(_ctx.$slots,`before`,{},void 0,!0),createElementVNode(`div`,_hoisted_1,[__props.overlay||unref(hasSlotContent)(_ctx.$slots[`overlay-start`])?(openBlock(),createElementBlock(`div`,_hoisted_2,[renderSlot(_ctx.$slots,`overlay-start`,{},void 0,!0)])):createCommentVNode(``,!0),(openBlock(!0),createElementBlock(Fragment,null,renderList(__props.repeat,i=>(openBlock(),createElementBlock(`div`,{key:i,class:`m-ticker-content`,"aria-hidden":i>1?`true`:void 0},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],8,_hoisted_3))),128)),__props.overlay||unref(hasSlotContent)(_ctx.$slots[`overlay-end`])?(openBlock(),createElementBlock(`div`,_hoisted_4,[renderSlot(_ctx.$slots,`overlay-end`,{},void 0,!0)])):createCommentVNode(``,!0)]),renderSlot(_ctx.$slots,`after`,{},void 0,!0)],6))}}),[[`__scopeId`,`data-v-a34f5f86`]]);export{MazTicker_default as t};