@dialpad/dialtone/dist/vue3/directives/scrollbar/scrollbar.js

Dialpad's Dialtone design system monorepo

import { OverlayScrollbars, ClickScrollPlugin } from "overlayscrollbars";
const DtScrollbarDirective = {
  name: "dt-scrollbar-directive",
  install(app) {
    OverlayScrollbars.plugin(ClickScrollPlugin);
    app.directive("dt-scrollbar", {
      mounted(el, binding) {
        OverlayScrollbars({
          target: el,
          elements: {
            viewport: el.children[0]
          }
        }, {
          scrollbars: {
            autoHide: `${binding.arg || "leave"}`,
            clickScroll: true,
            autoHideDelay: `${!binding.arg || binding.arg === "leave" ? 0 : 1300}`
          }
        });
        el.setAttribute("data-overlayscrollbars-initialize", true);
        el.classList.add("d-scrollbar");
      }
    });
  }
};
const DtScrollbarDirective$1 = DtScrollbarDirective;
export {
  DtScrollbarDirective,
  DtScrollbarDirective$1 as default
};
//# sourceMappingURL=scrollbar.js.map