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

Dialpad's Dialtone design system monorepo

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const overlayscrollbars = require("overlayscrollbars");
const DtScrollbarDirective = {
  name: "dt-scrollbar-directive",
  install(app) {
    overlayscrollbars.OverlayScrollbars.plugin(overlayscrollbars.ClickScrollPlugin);
    app.directive("dt-scrollbar", {
      mounted(el, binding) {
        overlayscrollbars.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;
exports.DtScrollbarDirective = DtScrollbarDirective;
exports.default = DtScrollbarDirective$1;
//# sourceMappingURL=scrollbar.cjs.map