primevue 4.3.7 → 4.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/style/index.mjs +0 -1
- package/autocomplete/style/index.mjs.map +1 -1
- package/cascadeselect/CascadeSelect.vue +1 -1
- package/cascadeselect/index.mjs +1 -1
- package/cascadeselect/index.mjs.map +1 -1
- package/colorpicker/ColorPicker.vue +2 -2
- package/colorpicker/index.mjs +2 -2
- package/colorpicker/index.mjs.map +1 -1
- package/column/index.d.ts +2 -2
- package/datatable/BodyCell.vue +2 -2
- package/datatable/ColumnFilter.vue +1 -1
- package/datatable/DataTable.vue +4 -1
- package/datatable/index.mjs +10 -9
- package/datatable/index.mjs.map +1 -1
- package/datepicker/BaseDatePicker.vue +4 -0
- package/datepicker/DatePicker.vue +22 -6
- package/datepicker/index.d.ts +4 -0
- package/datepicker/index.mjs +29 -10
- package/datepicker/index.mjs.map +1 -1
- package/dialog/Dialog.vue +1 -1
- package/dialog/index.d.ts +5 -0
- package/dialog/index.mjs +2 -1
- package/dialog/index.mjs.map +1 -1
- package/fileupload/FileUpload.vue +2 -2
- package/fileupload/index.mjs +2 -2
- package/fileupload/index.mjs.map +1 -1
- package/inputnumber/InputNumber.vue +19 -2
- package/inputnumber/index.mjs +14 -1
- package/inputnumber/index.mjs.map +1 -1
- package/keyfilter/index.mjs +14 -1
- package/keyfilter/index.mjs.map +1 -1
- package/listbox/Listbox.vue +7 -13
- package/listbox/index.mjs +12 -18
- package/listbox/index.mjs.map +1 -1
- package/multiselect/MultiSelect.vue +6 -7
- package/multiselect/index.mjs +7 -8
- package/multiselect/index.mjs.map +1 -1
- package/package.json +3 -3
- package/select/Select.vue +5 -5
- package/select/index.mjs +6 -6
- package/select/index.mjs.map +1 -1
- package/styleclass/index.d.ts +11 -1
- package/styleclass/index.mjs +62 -15
- package/styleclass/index.mjs.map +1 -1
- package/tab/Tab.vue +0 -1
- package/tab/index.mjs +0 -1
- package/tab/index.mjs.map +1 -1
- package/togglebutton/BaseToggleButton.vue +0 -4
- package/togglebutton/index.d.ts +0 -5
- package/togglebutton/index.mjs +0 -4
- package/togglebutton/index.mjs.map +1 -1
- package/tooltip/index.mjs +5 -1
- package/tooltip/index.mjs.map +1 -1
- package/treeselect/TreeSelect.vue +1 -1
- package/treeselect/index.mjs +1 -1
- package/treeselect/index.mjs.map +1 -1
- package/treetable/TreeTable.vue +15 -1
- package/treetable/index.d.ts +58 -4
- package/treetable/index.mjs +19 -6
- package/treetable/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/vetur-attributes.json +0 -4
- package/vetur-tags.json +0 -1
- package/web-types.json +1 -11
package/styleclass/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export interface StyleClassOptions {
|
|
|
19
19
|
/**
|
|
20
20
|
* Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
|
|
21
21
|
*/
|
|
22
|
-
selector?: HintedString<'@next' | '@prev' | '@parent' | '@grandparent'> | undefined;
|
|
22
|
+
selector?: HintedString<'@next' | '@prev' | '@parent' | '@grandparent'> | string | undefined;
|
|
23
23
|
/**
|
|
24
24
|
* Style class to add when item begins to get displayed.
|
|
25
25
|
*/
|
|
@@ -57,6 +57,16 @@ export interface StyleClassOptions {
|
|
|
57
57
|
* Adds or removes a class when no enter-leave animation is required.
|
|
58
58
|
*/
|
|
59
59
|
toggleClass?: string | undefined;
|
|
60
|
+
/**
|
|
61
|
+
* Whether to trigger leave animation when the target element resized.
|
|
62
|
+
* @defaultValue false
|
|
63
|
+
*/
|
|
64
|
+
hideOnResize?: boolean | undefined;
|
|
65
|
+
/**
|
|
66
|
+
* Target element to listen resize. Valid values are "window", "document" or target element.
|
|
67
|
+
* @defaultValue window
|
|
68
|
+
*/
|
|
69
|
+
resizeSelector?: string | undefined;
|
|
60
70
|
/**
|
|
61
71
|
* It generates scoped CSS variables using design tokens for the component.
|
|
62
72
|
*/
|
package/styleclass/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { addClass, removeClass, hasClass } from '@primeuix/utils/dom';
|
|
1
|
+
import { getTargetElement, isElement, addClass, removeClass, hasClass } from '@primeuix/utils/dom';
|
|
2
2
|
import BaseDirective from '@primevue/core/basedirective';
|
|
3
3
|
import StyleClassStyle from 'primevue/styleclass/style';
|
|
4
4
|
|
|
@@ -17,7 +17,7 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
17
17
|
methods: {
|
|
18
18
|
bind: function bind(el, binding) {
|
|
19
19
|
var _this = this;
|
|
20
|
-
var target =
|
|
20
|
+
var target = getTargetElement(binding.value.selector, el);
|
|
21
21
|
this.$el = target;
|
|
22
22
|
el.$_pstyleclass_clicklistener = function () {
|
|
23
23
|
if (binding.value.toggleClass) {
|
|
@@ -33,6 +33,7 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
33
33
|
el.removeEventListener('click', el.$_pstyleclass_clicklistener);
|
|
34
34
|
el.$_pstyleclass_clicklistener = null;
|
|
35
35
|
}
|
|
36
|
+
this.unbindResizeListener(el);
|
|
36
37
|
this.unbindDocumentListener(el);
|
|
37
38
|
},
|
|
38
39
|
enter: function enter(target, el, binding) {
|
|
@@ -74,6 +75,9 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
74
75
|
if (binding.value.hideOnOutsideClick) {
|
|
75
76
|
this.bindDocumentListener(target, el, binding);
|
|
76
77
|
}
|
|
78
|
+
if (binding.value.hideOnResize) {
|
|
79
|
+
this.bindResizeListener(target, el, binding);
|
|
80
|
+
}
|
|
77
81
|
},
|
|
78
82
|
leave: function leave(target, binding) {
|
|
79
83
|
if (binding.value.leaveActiveClass) {
|
|
@@ -104,19 +108,8 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
104
108
|
if (binding.value.hideOnOutsideClick) {
|
|
105
109
|
this.unbindDocumentListener(target);
|
|
106
110
|
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
switch (binding.value.selector) {
|
|
110
|
-
case '@next':
|
|
111
|
-
return el.nextElementSibling;
|
|
112
|
-
case '@prev':
|
|
113
|
-
return el.previousElementSibling;
|
|
114
|
-
case '@parent':
|
|
115
|
-
return el.parentElement;
|
|
116
|
-
case '@grandparent':
|
|
117
|
-
return el.parentElement.parentElement;
|
|
118
|
-
default:
|
|
119
|
-
return document.querySelector(binding.value.selector);
|
|
111
|
+
if (binding.value.hideOnResize) {
|
|
112
|
+
this.unbindResizeListener(target);
|
|
120
113
|
}
|
|
121
114
|
},
|
|
122
115
|
bindDocumentListener: function bindDocumentListener(target, el, binding) {
|
|
@@ -138,6 +131,60 @@ var StyleClass = BaseStyleClass.extend('styleclass', {
|
|
|
138
131
|
target.$p_styleclass_documentlistener = null;
|
|
139
132
|
}
|
|
140
133
|
},
|
|
134
|
+
bindResizeListener: function bindResizeListener(target, el, binding) {
|
|
135
|
+
var _binding$value$resize;
|
|
136
|
+
target.$p_styleclass_resizeselector = getTargetElement((_binding$value$resize = binding.value.resizeSelector) !== null && _binding$value$resize !== void 0 ? _binding$value$resize : 'window');
|
|
137
|
+
if (isElement(target.$p_styleclass_resizeselector)) {
|
|
138
|
+
this.bindElementResizeListener(target, binding);
|
|
139
|
+
} else {
|
|
140
|
+
this.bindWindowResizeListener(target, binding);
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
unbindResizeListener: function unbindResizeListener(target) {
|
|
144
|
+
this.unbindWindowResizeListener(target);
|
|
145
|
+
this.unbindElementResizeListener(target);
|
|
146
|
+
},
|
|
147
|
+
bindWindowResizeListener: function bindWindowResizeListener(target, binding) {
|
|
148
|
+
var _this3 = this;
|
|
149
|
+
if (!target.$p_styleclass_windowresizelistener) {
|
|
150
|
+
target.$p_styleclass_windowresizelistener = function () {
|
|
151
|
+
if (!_this3.isVisible(target)) {
|
|
152
|
+
_this3.unbindWindowResizeListener(target);
|
|
153
|
+
} else {
|
|
154
|
+
_this3.leave(target, binding);
|
|
155
|
+
}
|
|
156
|
+
};
|
|
157
|
+
target.ownerDocument.defaultView.addEventListener('resize', target.$p_styleclass_windowresizelistener);
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
unbindWindowResizeListener: function unbindWindowResizeListener(target) {
|
|
161
|
+
if (target.$p_styleclass_windowresizelistener) {
|
|
162
|
+
target.ownerDocument.defaultView.removeEventListener('resize', target.$p_styleclass_windowresizelistener);
|
|
163
|
+
target.$p_styleclass_windowresizelistener = null;
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
bindElementResizeListener: function bindElementResizeListener(target, binding) {
|
|
167
|
+
var _this4 = this;
|
|
168
|
+
if (!target.$p_styleclass_resizeobserver && target.$p_styleclass_resizeselector) {
|
|
169
|
+
var isFirstResize = true;
|
|
170
|
+
target.$p_styleclass_resizeobserver = new ResizeObserver(function () {
|
|
171
|
+
if (isFirstResize) {
|
|
172
|
+
isFirstResize = false;
|
|
173
|
+
return;
|
|
174
|
+
}
|
|
175
|
+
if (_this4.isVisible(target)) {
|
|
176
|
+
_this4.leave(target, binding);
|
|
177
|
+
}
|
|
178
|
+
});
|
|
179
|
+
target.$p_styleclass_resizeobserver.observe(target.$p_styleclass_resizeselector);
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
unbindElementResizeListener: function unbindElementResizeListener(target) {
|
|
183
|
+
if (target.$p_styleclass_resizeobserver) {
|
|
184
|
+
target.$p_styleclass_resizeobserver.disconnect();
|
|
185
|
+
target.$p_styleclass_resizeobserver = null;
|
|
186
|
+
}
|
|
187
|
+
},
|
|
141
188
|
isVisible: function isVisible(target) {
|
|
142
189
|
return target.offsetParent !== null;
|
|
143
190
|
},
|
package/styleclass/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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, hasClass, 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 = this.resolveTarget(el, binding);\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.unbindDocumentListener(el);\n },\n enter(target, el, binding) {\n if (binding.value.enterActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_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\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.maxHeight = '';\n }\n\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_enterlistener);\n }\n } else {\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.bindDocumentListener(target, el, binding);\n }\n },\n leave(target, binding) {\n if (binding.value.leaveActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n addClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n target.$p_styleclass_leavelistener = () => {\n removeClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_leavelistener);\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_leavelistener);\n }\n } else {\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.unbindDocumentListener(target);\n }\n },\n resolveTarget(el, binding) {\n switch (binding.value.selector) {\n case '@next':\n return el.nextElementSibling;\n\n case '@prev':\n return el.previousElementSibling;\n\n case '@parent':\n return el.parentElement;\n\n case '@grandparent':\n return el.parentElement.parentElement;\n\n default:\n return document.querySelector(binding.value.selector);\n }\n },\n bindDocumentListener(target, el, binding) {\n if (!target.$p_styleclass_documentlistener) {\n target.$p_styleclass_documentlistener = (event) => {\n if (!this.isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {\n this.unbindDocumentListener(target);\n } else if (this.isOutsideClick(event, target, el)) {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);\n }\n },\n unbindDocumentListener(target) {\n if (target.$p_styleclass_documentlistener) {\n target.ownerDocument.removeEventListener('click', target.$p_styleclass_documentlistener);\n target.$p_styleclass_documentlistener = null;\n }\n },\n isVisible(target) {\n return target.offsetParent !== null;\n },\n isOutsideClick(event, target, el) {\n return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);\n }\n }\n});\n\nexport default StyleClass;\n"],"names":["BaseStyleClass","BaseDirective","extend","style","StyleClassStyle","StyleClass","mounted","el","binding","setAttribute","bind","unmounted","unbind","methods","_this","target","resolveTarget","$el","$_pstyleclass_clicklistener","value","toggleClass","hasClass","removeClass","addClass","offsetParent","enter","leave","addEventListener","removeEventListener","unbindDocumentListener","enterActiveClass","$_pstyleclass_animating","includes","height","hiddenClass","enterFromClass","maxHeight","scrollHeight","$p_styleclass_enterlistener","enterToClass","hideOnOutsideClick","bindDocumentListener","leaveActiveClass","leaveFromClass","$p_styleclass_leavelistener","leaveToClass","selector","nextElementSibling","previousElementSibling","parentElement","document","querySelector","_this2","$p_styleclass_documentlistener","event","isVisible","getComputedStyle","getPropertyValue","isOutsideClick","ownerDocument","isSameNode","contains"],"mappings":"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"}
|
|
1
|
+
{"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_animating) {\n target.$_pstyleclass_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\n if (binding.value.enterActiveClass.includes('slidedown')) {\n target.style.maxHeight = '';\n }\n\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_enterlistener);\n }\n } else {\n if (binding.value.enterFromClass) {\n removeClass(target, binding.value.enterFromClass);\n }\n\n if (binding.value.enterToClass) {\n addClass(target, binding.value.enterToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.bindDocumentListener(target, el, binding);\n }\n\n if (binding.value.hideOnResize) {\n this.bindResizeListener(target, el, binding);\n }\n },\n leave(target, binding) {\n if (binding.value.leaveActiveClass) {\n if (!target.$_pstyleclass_animating) {\n target.$_pstyleclass_animating = true;\n addClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n target.$p_styleclass_leavelistener = () => {\n removeClass(target, binding.value.leaveActiveClass);\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n\n target.removeEventListener('animationend', target.$p_styleclass_leavelistener);\n target.$_pstyleclass_animating = false;\n };\n\n target.addEventListener('animationend', target.$p_styleclass_leavelistener);\n }\n } else {\n if (binding.value.leaveFromClass) {\n removeClass(target, binding.value.leaveFromClass);\n }\n\n if (binding.value.leaveToClass) {\n addClass(target, binding.value.leaveToClass);\n }\n }\n\n if (binding.value.hideOnOutsideClick) {\n this.unbindDocumentListener(target);\n }\n\n if (binding.value.hideOnResize) {\n this.unbindResizeListener(target);\n }\n },\n bindDocumentListener(target, el, binding) {\n if (!target.$p_styleclass_documentlistener) {\n target.$p_styleclass_documentlistener = (event) => {\n if (!this.isVisible(target) || getComputedStyle(target).getPropertyValue('position') === 'static') {\n this.unbindDocumentListener(target);\n } else if (this.isOutsideClick(event, target, el)) {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.addEventListener('click', target.$p_styleclass_documentlistener);\n }\n },\n unbindDocumentListener(target) {\n if (target.$p_styleclass_documentlistener) {\n target.ownerDocument.removeEventListener('click', target.$p_styleclass_documentlistener);\n target.$p_styleclass_documentlistener = null;\n }\n },\n bindResizeListener(target, el, binding) {\n target.$p_styleclass_resizeselector = getTargetElement(binding.value.resizeSelector ?? 'window');\n\n if (isElement(target.$p_styleclass_resizeselector)) {\n this.bindElementResizeListener(target, binding);\n } else {\n this.bindWindowResizeListener(target, binding);\n }\n },\n unbindResizeListener(target) {\n this.unbindWindowResizeListener(target);\n this.unbindElementResizeListener(target);\n },\n bindWindowResizeListener(target, binding) {\n if (!target.$p_styleclass_windowresizelistener) {\n target.$p_styleclass_windowresizelistener = () => {\n if (!this.isVisible(target)) {\n this.unbindWindowResizeListener(target);\n } else {\n this.leave(target, binding);\n }\n };\n\n target.ownerDocument.defaultView.addEventListener('resize', target.$p_styleclass_windowresizelistener);\n }\n },\n unbindWindowResizeListener(target) {\n if (target.$p_styleclass_windowresizelistener) {\n target.ownerDocument.defaultView.removeEventListener('resize', target.$p_styleclass_windowresizelistener);\n target.$p_styleclass_windowresizelistener = null;\n }\n },\n bindElementResizeListener(target, binding) {\n if (!target.$p_styleclass_resizeobserver && target.$p_styleclass_resizeselector) {\n let isFirstResize = true;\n\n target.$p_styleclass_resizeobserver = new ResizeObserver(() => {\n if (isFirstResize) {\n isFirstResize = false;\n\n return;\n }\n\n if (this.isVisible(target)) {\n this.leave(target, binding);\n }\n });\n target.$p_styleclass_resizeobserver.observe(target.$p_styleclass_resizeselector);\n }\n },\n unbindElementResizeListener(target) {\n if (target.$p_styleclass_resizeobserver) {\n target.$p_styleclass_resizeobserver.disconnect();\n target.$p_styleclass_resizeobserver = null;\n }\n },\n isVisible(target) {\n return target.offsetParent !== null;\n },\n isOutsideClick(event, target, el) {\n return !el.isSameNode(event.target) && !el.contains(event.target) && !target.contains(event.target);\n }\n }\n});\n\nexport default StyleClass;\n"],"names":["BaseStyleClass","BaseDirective","extend","style","StyleClassStyle","StyleClass","mounted","el","binding","setAttribute","bind","unmounted","unbind","methods","_this","target","getTargetElement","value","selector","$el","$_pstyleclass_clicklistener","toggleClass","hasClass","removeClass","addClass","offsetParent","enter","leave","addEventListener","removeEventListener","unbindResizeListener","unbindDocumentListener","enterActiveClass","$_pstyleclass_animating","includes","height","hiddenClass","enterFromClass","maxHeight","scrollHeight","$p_styleclass_enterlistener","enterToClass","hideOnOutsideClick","bindDocumentListener","hideOnResize","bindResizeListener","leaveActiveClass","leaveFromClass","$p_styleclass_leavelistener","leaveToClass","_this2","$p_styleclass_documentlistener","event","isVisible","getComputedStyle","getPropertyValue","isOutsideClick","ownerDocument","_binding$value$resize","$p_styleclass_resizeselector","resizeSelector","isElement","bindElementResizeListener","bindWindowResizeListener","unbindWindowResizeListener","unbindElementResizeListener","_this3","$p_styleclass_windowresizelistener","defaultView","_this4","$p_styleclass_resizeobserver","isFirstResize","ResizeObserver","observe","disconnect","isSameNode","contains"],"mappings":"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"}
|
package/tab/Tab.vue
CHANGED
package/tab/index.mjs
CHANGED
|
@@ -105,7 +105,6 @@ var script = {
|
|
|
105
105
|
},
|
|
106
106
|
onEnterKey: function onEnterKey(event) {
|
|
107
107
|
this.changeActiveValue();
|
|
108
|
-
event.preventDefault();
|
|
109
108
|
},
|
|
110
109
|
findNextTab: function findNextTab(tabElement) {
|
|
111
110
|
var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
package/tab/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=987cccf2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n name: 'BaseTab',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n }\n },\n style: TabStyle,\n provide() {\n return {\n $pcTab: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(event);\n break;\n\n case 'Home':\n this.onHomeKey(event);\n break;\n\n case 'End':\n this.onEndKey(event);\n break;\n\n case 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(event);\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Space':\n this.onEnterKey(event);\n break;\n\n default:\n break;\n }\n },\n onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(event);\n break;\n\n case 'Home':\n this.onHomeKey(event);\n break;\n\n case 'End':\n this.onEndKey(event);\n break;\n\n case 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(event);\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Space':\n this.onEnterKey(event);\n break;\n\n default:\n break;\n }\n },\n onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n event.preventDefault();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","tabs","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","dataP","cn","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/tab/BaseTab.vue","../../src/tab/Tab.vue","../../src/tab/Tab.vue?vue&type=template&id=b69e200c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport TabStyle from 'primevue/tab/style';\n\nexport default {\n name: 'BaseTab',\n extends: BaseComponent,\n props: {\n value: {\n type: [String, Number],\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n }\n },\n style: TabStyle,\n provide() {\n return {\n $pcTab: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(event);\n break;\n\n case 'Home':\n this.onHomeKey(event);\n break;\n\n case 'End':\n this.onEndKey(event);\n break;\n\n case 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(event);\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Space':\n this.onEnterKey(event);\n break;\n\n default:\n break;\n }\n },\n onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" :data-p=\"dataP\" @click=\"onClick\" v-bind=\"attrs\">\n <slot></slot>\n </component>\n <slot v-else :dataP=\"dataP\" :class=\"cx('root')\" :active=\"active\" :a11yAttrs=\"a11yAttrs\" :onClick=\"onClick\"></slot>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { findSingle, focus, getAttribute } from '@primeuix/utils/dom';\nimport { equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseTab from './BaseTab.vue';\n\nexport default {\n name: 'Tab',\n extends: BaseTab,\n inheritAttrs: false,\n inject: ['$pcTabs', '$pcTabList'],\n methods: {\n onFocus() {\n this.$pcTabs.selectOnFocus && this.changeActiveValue();\n },\n onClick() {\n this.changeActiveValue();\n },\n onKeydown(event) {\n switch (event.code) {\n case 'ArrowRight':\n this.onArrowRightKey(event);\n break;\n\n case 'ArrowLeft':\n this.onArrowLeftKey(event);\n break;\n\n case 'Home':\n this.onHomeKey(event);\n break;\n\n case 'End':\n this.onEndKey(event);\n break;\n\n case 'PageDown':\n this.onPageDownKey(event);\n break;\n\n case 'PageUp':\n this.onPageUpKey(event);\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n case 'Space':\n this.onEnterKey(event);\n break;\n\n default:\n break;\n }\n },\n onArrowRightKey(event) {\n const nextTab = this.findNextTab(event.currentTarget);\n\n nextTab ? this.changeFocusedTab(event, nextTab) : this.onHomeKey(event);\n event.preventDefault();\n },\n onArrowLeftKey(event) {\n const prevTab = this.findPrevTab(event.currentTarget);\n\n prevTab ? this.changeFocusedTab(event, prevTab) : this.onEndKey(event);\n event.preventDefault();\n },\n onHomeKey(event) {\n const firstTab = this.findFirstTab();\n\n this.changeFocusedTab(event, firstTab);\n event.preventDefault();\n },\n onEndKey(event) {\n const lastTab = this.findLastTab();\n\n this.changeFocusedTab(event, lastTab);\n event.preventDefault();\n },\n onPageDownKey(event) {\n this.scrollInView(this.findLastTab());\n event.preventDefault();\n },\n onPageUpKey(event) {\n this.scrollInView(this.findFirstTab());\n event.preventDefault();\n },\n onEnterKey(event) {\n this.changeActiveValue();\n },\n findNextTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.nextElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findNextTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findPrevTab(tabElement, selfCheck = false) {\n const element = selfCheck ? tabElement : tabElement.previousElementSibling;\n\n return element ? (getAttribute(element, 'data-p-disabled') || getAttribute(element, 'data-pc-section') === 'activebar' ? this.findPrevTab(element) : findSingle(element, '[data-pc-name=\"tab\"]')) : null;\n },\n findFirstTab() {\n return this.findNextTab(this.$pcTabList.$refs.tabs.firstElementChild, true);\n },\n findLastTab() {\n return this.findPrevTab(this.$pcTabList.$refs.tabs.lastElementChild, true);\n },\n changeActiveValue() {\n this.$pcTabs.updateValue(this.value);\n },\n changeFocusedTab(event, element) {\n focus(element);\n this.scrollInView(element);\n },\n scrollInView(element) {\n element?.scrollIntoView?.({ block: 'nearest' });\n }\n },\n computed: {\n active() {\n return equals(this.$pcTabs?.d_value, this.value);\n },\n id() {\n return `${this.$pcTabs?.$id}_tab_${this.value}`;\n },\n ariaControls() {\n return `${this.$pcTabs?.$id}_tabpanel_${this.value}`;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.ptmi('root', this.ptParams));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n id: this.id,\n tabindex: this.active ? this.$pcTabs.tabindex : -1,\n role: 'tab',\n 'aria-selected': this.active,\n 'aria-controls': this.ariaControls,\n 'data-pc-name': 'tab',\n 'data-p-disabled': this.disabled,\n 'data-p-active': this.active,\n onFocus: this.onFocus,\n onKeydown: this.onKeydown\n };\n },\n ptParams() {\n return {\n context: {\n active: this.active\n }\n };\n },\n dataP() {\n return cn({\n active: this.active\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","type","String","Number","undefined","disabled","Boolean","as","Object","asChild","style","TabStyle","provide","$pcTab","$parentInstance","BaseTab","inheritAttrs","inject","methods","onFocus","$pcTabs","selectOnFocus","changeActiveValue","onClick","onKeydown","event","code","onArrowRightKey","onArrowLeftKey","onHomeKey","onEndKey","onPageDownKey","onPageUpKey","onEnterKey","nextTab","findNextTab","currentTarget","changeFocusedTab","preventDefault","prevTab","findPrevTab","firstTab","findFirstTab","lastTab","findLastTab","scrollInView","tabElement","selfCheck","element","nextElementSibling","getAttribute","findSingle","previousElementSibling","$pcTabList","$refs","tabs","firstElementChild","lastElementChild","updateValue","focus","_element$scrollIntoVi","scrollIntoView","call","block","computed","active","_this$$pcTabs","equals","d_value","id","_this$$pcTabs2","concat","$id","ariaControls","_this$$pcTabs3","attrs","mergeProps","asAttrs","a11yAttrs","ptmi","ptParams","tabindex","role","context","dataP","cn","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","$slots"],"mappings":"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"}
|
package/togglebutton/index.d.ts
CHANGED
|
@@ -130,11 +130,6 @@ export interface ToggleButtonProps {
|
|
|
130
130
|
* @defaultValue no
|
|
131
131
|
*/
|
|
132
132
|
offLabel?: string | undefined;
|
|
133
|
-
/**
|
|
134
|
-
* Position of the icon.
|
|
135
|
-
* @defaultValue left
|
|
136
|
-
*/
|
|
137
|
-
iconPos?: HintedString<'left' | 'right'> | undefined;
|
|
138
133
|
/**
|
|
139
134
|
* When present, it specifies that the component should have invalid state style.
|
|
140
135
|
* @defaultValue false
|
package/togglebutton/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/togglebutton/BaseToggleButton.vue","../../src/togglebutton/ToggleButton.vue","../../src/togglebutton/ToggleButton.vue?vue&type=template&id=7a5c1ac9&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport ToggleButtonStyle from 'primevue/togglebutton/style';\n\nexport default {\n name: 'BaseToggleButton',\n extends: BaseEditableHolder,\n props: {\n onIcon: String,\n offIcon: String,\n onLabel: {\n type: String,\n default: 'Yes'\n },\n offLabel: {\n type: String,\n default: 'No'\n },\n iconPos: {\n type: String,\n default: 'left'\n },\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n },\n size: {\n type: String,\n default: null\n },\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: ToggleButtonStyle,\n provide() {\n return {\n $pcToggleButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <button\n v-ripple\n type=\"button\"\n :class=\"cx('root')\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :aria-pressed=\"d_value\"\n @click=\"onChange\"\n @blur=\"onBlur\"\n v-bind=\"getPTOptions('root')\"\n :aria-label=\"ariaLabel\"\n :aria-labelledby=\"ariaLabelledby\"\n :data-p-checked=\"active\"\n :data-p-disabled=\"disabled\"\n :data-p=\"dataP\"\n >\n <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\" :data-p=\"dataP\">\n <slot>\n <slot name=\"icon\" :value=\"d_value\" :class=\"cx('icon')\">\n <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), d_value ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n </slot>\n <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n </slot>\n </span>\n </button>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n name: 'ToggleButton',\n extends: BaseToggleButton,\n inheritAttrs: false,\n emits: ['change'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n active: this.active,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n this.writeValue(!this.d_value, event);\n this.$emit('change', event);\n }\n },\n onBlur(event) {\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n active() {\n return this.d_value === true;\n },\n hasLabel() {\n return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n },\n label() {\n return this.hasLabel ? (this.d_value ? this.onLabel : this.offLabel) : '\\u00A0';\n },\n dataP() {\n return cn({\n checked: this.active,\n invalid: this.$invalid,\n [this.size]: this.size\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <button\n v-ripple\n type=\"button\"\n :class=\"cx('root')\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :aria-pressed=\"d_value\"\n @click=\"onChange\"\n @blur=\"onBlur\"\n v-bind=\"getPTOptions('root')\"\n :aria-label=\"ariaLabel\"\n :aria-labelledby=\"ariaLabelledby\"\n :data-p-checked=\"active\"\n :data-p-disabled=\"disabled\"\n :data-p=\"dataP\"\n >\n <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\" :data-p=\"dataP\">\n <slot>\n <slot name=\"icon\" :value=\"d_value\" :class=\"cx('icon')\">\n <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), d_value ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n </slot>\n <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n </slot>\n </span>\n </button>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n name: 'ToggleButton',\n extends: BaseToggleButton,\n inheritAttrs: false,\n emits: ['change'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n active: this.active,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n this.writeValue(!this.d_value, event);\n this.$emit('change', event);\n }\n },\n onBlur(event) {\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n active() {\n return this.d_value === true;\n },\n hasLabel() {\n return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n },\n label() {\n return this.hasLabel ? (this.d_value ? this.onLabel : this.offLabel) : '\\u00A0';\n },\n dataP() {\n return cn({\n checked: this.active,\n invalid: this.$invalid,\n [this.size]: this.size\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","onIcon","String","offIcon","onLabel","type","offLabel","iconPos","readonly","Boolean","tabindex","Number","ariaLabelledby","ariaLabel","size","fluid","style","ToggleButtonStyle","provide","$pcToggleButton","$parentInstance","BaseToggleButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","disabled","onChange","event","writeValue","d_value","$emit","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","hasLabel","isNotEmpty","label","dataP","cn","_defineProperty","checked","invalid","$invalid","directives","ripple","Ripple","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","onClick","$options","apply","arguments","_createElementVNode","_renderSlot","$slots","value"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/togglebutton/BaseToggleButton.vue","../../src/togglebutton/ToggleButton.vue","../../src/togglebutton/ToggleButton.vue?vue&type=template&id=7a5c1ac9&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport ToggleButtonStyle from 'primevue/togglebutton/style';\n\nexport default {\n name: 'BaseToggleButton',\n extends: BaseEditableHolder,\n props: {\n onIcon: String,\n offIcon: String,\n onLabel: {\n type: String,\n default: 'Yes'\n },\n offLabel: {\n type: String,\n default: 'No'\n },\n readonly: {\n type: Boolean,\n default: false\n },\n tabindex: {\n type: Number,\n default: null\n },\n ariaLabelledby: {\n type: String,\n default: null\n },\n ariaLabel: {\n type: String,\n default: null\n },\n size: {\n type: String,\n default: null\n },\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: ToggleButtonStyle,\n provide() {\n return {\n $pcToggleButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <button\n v-ripple\n type=\"button\"\n :class=\"cx('root')\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :aria-pressed=\"d_value\"\n @click=\"onChange\"\n @blur=\"onBlur\"\n v-bind=\"getPTOptions('root')\"\n :aria-label=\"ariaLabel\"\n :aria-labelledby=\"ariaLabelledby\"\n :data-p-checked=\"active\"\n :data-p-disabled=\"disabled\"\n :data-p=\"dataP\"\n >\n <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\" :data-p=\"dataP\">\n <slot>\n <slot name=\"icon\" :value=\"d_value\" :class=\"cx('icon')\">\n <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), d_value ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n </slot>\n <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n </slot>\n </span>\n </button>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n name: 'ToggleButton',\n extends: BaseToggleButton,\n inheritAttrs: false,\n emits: ['change'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n active: this.active,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n this.writeValue(!this.d_value, event);\n this.$emit('change', event);\n }\n },\n onBlur(event) {\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n active() {\n return this.d_value === true;\n },\n hasLabel() {\n return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n },\n label() {\n return this.hasLabel ? (this.d_value ? this.onLabel : this.offLabel) : '\\u00A0';\n },\n dataP() {\n return cn({\n checked: this.active,\n invalid: this.$invalid,\n [this.size]: this.size\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <button\n v-ripple\n type=\"button\"\n :class=\"cx('root')\"\n :tabindex=\"tabindex\"\n :disabled=\"disabled\"\n :aria-pressed=\"d_value\"\n @click=\"onChange\"\n @blur=\"onBlur\"\n v-bind=\"getPTOptions('root')\"\n :aria-label=\"ariaLabel\"\n :aria-labelledby=\"ariaLabelledby\"\n :data-p-checked=\"active\"\n :data-p-disabled=\"disabled\"\n :data-p=\"dataP\"\n >\n <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\" :data-p=\"dataP\">\n <slot>\n <slot name=\"icon\" :value=\"d_value\" :class=\"cx('icon')\">\n <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), d_value ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n </slot>\n <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n </slot>\n </span>\n </button>\n</template>\n\n<script>\nimport { cn } from '@primeuix/utils';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n name: 'ToggleButton',\n extends: BaseToggleButton,\n inheritAttrs: false,\n emits: ['change'],\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n active: this.active,\n disabled: this.disabled\n }\n });\n },\n onChange(event) {\n if (!this.disabled && !this.readonly) {\n this.writeValue(!this.d_value, event);\n this.$emit('change', event);\n }\n },\n onBlur(event) {\n this.formField.onBlur?.(event);\n }\n },\n computed: {\n active() {\n return this.d_value === true;\n },\n hasLabel() {\n return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n },\n label() {\n return this.hasLabel ? (this.d_value ? this.onLabel : this.offLabel) : '\\u00A0';\n },\n dataP() {\n return cn({\n checked: this.active,\n invalid: this.$invalid,\n [this.size]: this.size\n });\n }\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","onIcon","String","offIcon","onLabel","type","offLabel","readonly","Boolean","tabindex","Number","ariaLabelledby","ariaLabel","size","fluid","style","ToggleButtonStyle","provide","$pcToggleButton","$parentInstance","BaseToggleButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","disabled","onChange","event","writeValue","d_value","$emit","onBlur","_this$formField$onBlu","_this$formField","formField","call","computed","hasLabel","isNotEmpty","label","dataP","cn","_defineProperty","checked","invalid","$invalid","directives","ripple","Ripple","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","onClick","$options","apply","arguments","_createElementVNode","_renderSlot","$slots","value"],"mappings":"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"}
|
package/tooltip/index.mjs
CHANGED
|
@@ -201,9 +201,10 @@ var Tooltip = BaseTooltip.extend('tooltip', {
|
|
|
201
201
|
window.removeEventListener('resize', el.$_pWindowResizeEvent);
|
|
202
202
|
},
|
|
203
203
|
tooltipActions: function tooltipActions(el, options) {
|
|
204
|
-
if (el.$_ptooltipDisabled || !isExist(el)) {
|
|
204
|
+
if (el.$_ptooltipDisabled || !isExist(el) || !el.$_ptooltipPendingShow) {
|
|
205
205
|
return;
|
|
206
206
|
}
|
|
207
|
+
el.$_ptooltipPendingShow = false;
|
|
207
208
|
var tooltipElement = this.create(el, options);
|
|
208
209
|
this.align(el);
|
|
209
210
|
!this.isUnstyled() && fadeIn(tooltipElement, 250);
|
|
@@ -226,8 +227,10 @@ var Tooltip = BaseTooltip.extend('tooltip', {
|
|
|
226
227
|
this.timer = setTimeout(function () {
|
|
227
228
|
return _this3.tooltipActions(el, options);
|
|
228
229
|
}, showDelay);
|
|
230
|
+
el.$_ptooltipPendingShow = true;
|
|
229
231
|
} else {
|
|
230
232
|
this.tooltipActions(el, options);
|
|
233
|
+
el.$_ptooltipPendingShow = false;
|
|
231
234
|
}
|
|
232
235
|
},
|
|
233
236
|
tooltipRemoval: function tooltipRemoval(el) {
|
|
@@ -238,6 +241,7 @@ var Tooltip = BaseTooltip.extend('tooltip', {
|
|
|
238
241
|
hide: function hide(el, hideDelay) {
|
|
239
242
|
var _this4 = this;
|
|
240
243
|
clearTimeout(this.timer);
|
|
244
|
+
el.$_ptooltipPendingShow = false;
|
|
241
245
|
if (hideDelay !== undefined) {
|
|
242
246
|
setTimeout(function () {
|
|
243
247
|
return _this4.tooltipRemoval(el);
|