1 line
20 KiB
Plaintext
1 line
20 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/styleclass/BaseStyleClass.js","../../src/styleclass/StyleClass.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport StyleClassStyle from 'primevue/styleclass/style';\n\nconst BaseStyleClass = BaseDirective.extend({\n style: StyleClassStyle\n});\n\nexport default BaseStyleClass;\n","import { addClass, getTargetElement, hasClass, isElement, removeClass } from '@primeuix/utils/dom';\nimport BaseStyleClass from './BaseStyleClass';\n\nconst StyleClass = BaseStyleClass.extend('styleclass', {\n mounted(el, binding) {\n el.setAttribute('data-pd-styleclass', true);\n\n this.bind(el, binding);\n },\n unmounted(el) {\n this.unbind(el);\n },\n methods: {\n bind(el, binding) {\n const target = getTargetElement(binding.value.selector, el);\n\n this.$el = target;\n\n el.$_pstyleclass_clicklistener = () => {\n if (binding.value.toggleClass) {\n if (hasClass(target, binding.value.toggleClass)) removeClass(target, binding.value.toggleClass);\n else addClass(target, binding.value.toggleClass);\n } else {\n if (target.offsetParent === null) this.enter(target, el, binding);\n else this.leave(target, binding);\n }\n };\n\n el.addEventListener('click', el.$_pstyleclass_clicklistener);\n },\n unbind(el) {\n if (el.$_pstyleclass_clicklistener) {\n el.removeEventListener('click', el.$_pstyleclass_clicklistener);\n el.$_pstyleclass_clicklistener = null;\n }\n\n this.unbindResizeListener(el);\n this.unbindDocumentListener(el);\n },\n enter(target, el, binding) {\n if (binding.value.enterActiveClass) {\n if (!target.$_pstyleclass_enter_animating) {\n target.$_pstyleclass_enter_animating = true;\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.height = '0px';\n removeClass(target, binding.value.hiddenClass || binding.value.enterFromClass);\n target.style.maxHeight = target.scrollHeight + 'px';\n addClass(target, binding.value.hiddenClass || binding.value.enterActiveClass);\n target.style.height = '';\n }\n\n addClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n target.$p_styleclass_enterlistener = () => {\n removeClass(target, binding.value.enterActiveClass);\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_enterlistener);\n target.removeEventListener('animationcancel', target.$p_styleclass_entercancellistener);\n\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.maxHeight = '';\n }\n\n target.$_pstyleclass_enter_animating = false;\n };\n\n target.$p_styleclass_entercancellistener = () => {\n target.removeEventListener('animationcancel', target.$p_styleclass_entercancellistener);\n target.$_pstyleclass_enter_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_enterlistener);\n target.addEventListener('animationcancel', target.$p_styleclass_entercancellistener);\n }\n
|