ivue-material-plus/dist/unplugin-vue-components/es/utils/directives/line-clamp.mjs

A high quality UI components Library with Vue.js

import { addClass, removeClass } from '../assist.mjs';

var LineClamp = {
  mounted(el, binding) {
    if (binding.value) {
      if (Number(binding.value) === 1) {
        addClass(el, "ivue-line-clamp-nowrap");
      } else {
        addClass(el, "ivue-line-clamp");
        el.style["-webkit-line-clamp"] = binding.value;
      }
    }
  },
  updated(el, binding) {
    if (binding.value) {
      removeClass(el, "ivue-line-clamp");
      removeClass(el, "ivue-line-clamp-nowrap");
      if (Number(binding.value) === 1) {
        addClass(el, "ivue-line-clamp-nowrap");
      } else {
        addClass(el, "ivue-line-clamp");
        el.style["-webkit-line-clamp"] = binding.value;
      }
    }
  },
  unmounted(el) {
    removeClass(el, "ivue-line-clamp");
    removeClass(el, "ivue-line-clamp-nowrap");
    el.style["-webkit-line-clamp"] = null;
  }
};

export { LineClamp as default };
//# sourceMappingURL=line-clamp.mjs.map