@dialpad/dialtone-vue/dist/lib/scrollbar-directive/scrollbar.cjs.map

Vue component library for Dialpad's design system Dialtone

{"version":3,"file":"scrollbar.cjs","sources":["../../../directives/scrollbar_directive/scrollbar.js"],"sourcesContent":["import { OverlayScrollbars, ClickScrollPlugin } from 'overlayscrollbars';\n\nexport const DtScrollbarDirective = {\n  name: 'dt-scrollbar-directive',\n  install (Vue) {\n    OverlayScrollbars.plugin(ClickScrollPlugin);\n    const instances = new WeakMap();\n    Vue.directive('dt-scrollbar', {\n      inserted (el, binding) {\n        const os = OverlayScrollbars({\n          target: el,\n          elements: {\n            viewport: el.children[0],\n          },\n        }, {\n          scrollbars: {\n            autoHide: `${binding.arg || 'leave'}`,\n            clickScroll: true,\n            autoHideDelay: `${!binding.arg || binding.arg === 'leave' ? 0 : 1300}`,\n          },\n        });\n        el.setAttribute('data-overlayscrollbars-initialize', true);\n        el.classList.add('d-scrollbar');\n        instances.set(el, os);\n      },\n      unbind (el) {\n        instances.get(el).destroy();\n      },\n    });\n  },\n};\n\nexport default DtScrollbarDirective;\n"],"names":["DtScrollbarDirective","Vue","OverlayScrollbars","ClickScrollPlugin","instances","el","binding","os"],"mappings":"iJAEaA,EAAuB,CAClC,KAAM,yBACN,QAASC,EAAK,CACZC,EAAAA,kBAAkB,OAAOC,mBAAiB,EAC1C,MAAMC,EAAY,IAAI,QACtBH,EAAI,UAAU,eAAgB,CAC5B,SAAUI,EAAIC,EAAS,CACrB,MAAMC,EAAKL,EAAAA,kBAAkB,CAC3B,OAAQG,EACR,SAAU,CACR,SAAUA,EAAG,SAAS,CAAC,CACnC,CACA,EAAW,CACD,WAAY,CACV,SAAU,GAAGC,EAAQ,KAAO,OAAO,GACnC,YAAa,GACb,cAAe,GAAG,CAACA,EAAQ,KAAOA,EAAQ,MAAQ,QAAU,EAAI,IAAI,EAChF,CACA,CAAS,EACDD,EAAG,aAAa,oCAAqC,EAAI,EACzDA,EAAG,UAAU,IAAI,aAAa,EAC9BD,EAAU,IAAIC,EAAIE,CAAE,CACtB,EACA,OAAQF,EAAI,CACVD,EAAU,IAAIC,CAAE,EAAE,QAAO,CAC3B,CACN,CAAK,CACH,CACF"}