primereact 10.8.2 → 10.8.3
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/api/api.d.ts +10 -0
- package/autocomplete/autocomplete.cjs.js +10 -5
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +10 -5
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +10 -5
- package/autocomplete/autocomplete.min.js +1 -1
- package/badge/badge.d.ts +1 -1
- package/breadcrumb/breadcrumb.cjs.js +25 -7
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +25 -7
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +25 -7
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +57 -27
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +3 -6
- package/calendar/calendar.esm.js +58 -28
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +57 -27
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +3 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +3 -2
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +3 -2
- package/carousel/carousel.min.js +1 -1
- package/cascadeselect/cascadeselect.cjs.js +1 -0
- package/cascadeselect/cascadeselect.cjs.min.js +1 -1
- package/cascadeselect/cascadeselect.d.ts +3 -4
- package/cascadeselect/cascadeselect.esm.js +1 -0
- package/cascadeselect/cascadeselect.esm.min.js +1 -1
- package/cascadeselect/cascadeselect.js +1 -0
- package/cascadeselect/cascadeselect.min.js +1 -1
- package/chip/chip.cjs.js +6 -6
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.esm.js +7 -7
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +6 -6
- package/chip/chip.min.js +1 -1
- package/chips/chips.cjs.js +3 -2
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +3 -2
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +3 -2
- package/chips/chips.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +2 -2
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.d.ts +6 -5
- package/confirmdialog/confirmdialog.esm.js +2 -2
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +2 -2
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/core/core.js +60 -22
- package/core/core.min.js +5 -5
- package/datascroller/datascroller.cjs.js +19 -4
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +19 -4
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +19 -4
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +24 -22
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +24 -22
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +24 -22
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.d.ts +4 -3
- package/dock/dock.cjs.js +3 -2
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +3 -2
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +3 -2
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +37 -10
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +8 -0
- package/dropdown/dropdown.esm.js +37 -10
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +38 -12
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +4 -4
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +4 -4
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +4 -4
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +17 -12
- package/floatlabel/floatlabel.d.ts +1 -1
- package/galleria/galleria.cjs.js +6 -4
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +6 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +6 -4
- package/galleria/galleria.min.js +1 -1
- package/iconfield/iconfield.cjs.js +5 -1
- package/iconfield/iconfield.cjs.min.js +1 -1
- package/iconfield/iconfield.esm.js +6 -2
- package/iconfield/iconfield.esm.min.js +1 -1
- package/iconfield/iconfield.js +5 -1
- package/iconfield/iconfield.min.js +1 -1
- package/inputicon/inputicon.cjs.js +8 -3
- package/inputicon/inputicon.cjs.min.js +1 -1
- package/inputicon/inputicon.esm.js +8 -3
- package/inputicon/inputicon.esm.min.js +1 -1
- package/inputicon/inputicon.js +8 -3
- package/inputicon/inputicon.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +12 -3
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +12 -3
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +12 -3
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +4 -3
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.d.ts +1 -4
- package/inputotp/inputotp.esm.js +4 -3
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +4 -3
- package/inputotp/inputotp.min.js +1 -1
- package/inputtext/inputtext.cjs.js +4 -2
- package/inputtext/inputtext.cjs.min.js +1 -1
- package/inputtext/inputtext.esm.js +4 -2
- package/inputtext/inputtext.esm.min.js +1 -1
- package/inputtext/inputtext.js +4 -2
- package/inputtext/inputtext.min.js +1 -1
- package/listbox/listbox.cjs.js +5 -4
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +5 -4
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +5 -4
- package/listbox/listbox.min.js +1 -1
- package/mention/mention.cjs.js +5 -3
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +5 -3
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +5 -3
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +24 -21
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +24 -21
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +24 -21
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +28 -10
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +28 -10
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +28 -10
- package/menubar/menubar.min.js +1 -1
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/multiselect/multiselect.cjs.js +25 -13
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +25 -13
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +25 -13
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +17 -17
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +12 -4
- package/panelmenu/panelmenu.esm.js +17 -17
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +17 -17
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +431 -357
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +431 -357
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +431 -357
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +13 -6
- package/password/password.cjs.min.js +1 -1
- package/password/password.esm.js +14 -7
- package/password/password.esm.min.js +1 -1
- package/password/password.js +13 -6
- package/password/password.min.js +1 -1
- package/primereact.all.cjs.js +898 -722
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +899 -723
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +898 -722
- package/primereact.all.min.js +1 -1
- package/rating/rating.cjs.js +2 -3
- package/rating/rating.cjs.min.js +1 -1
- package/rating/rating.esm.js +2 -3
- package/rating/rating.esm.min.js +1 -1
- package/rating/rating.js +2 -3
- package/rating/rating.min.js +1 -1
- package/resources/themes/arya-blue/theme.css +21 -1
- package/resources/themes/arya-green/theme.css +21 -1
- package/resources/themes/arya-orange/theme.css +21 -1
- package/resources/themes/arya-purple/theme.css +1148 -225
- package/resources/themes/bootstrap4-dark-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-dark-purple/theme.css +21 -1
- package/resources/themes/bootstrap4-light-blue/theme.css +21 -1
- package/resources/themes/bootstrap4-light-purple/theme.css +21 -1
- package/resources/themes/fluent-light/theme.css +21 -1
- package/resources/themes/lara-dark-amber/theme.css +21 -1
- package/resources/themes/lara-dark-blue/theme.css +21 -1
- package/resources/themes/lara-dark-cyan/theme.css +21 -1
- package/resources/themes/lara-dark-green/theme.css +21 -1
- package/resources/themes/lara-dark-indigo/theme.css +21 -1
- package/resources/themes/lara-dark-pink/theme.css +21 -1
- package/resources/themes/lara-dark-purple/theme.css +87 -14
- package/resources/themes/lara-dark-teal/theme.css +21 -1
- package/resources/themes/lara-light-amber/theme.css +21 -1
- package/resources/themes/lara-light-blue/theme.css +21 -1
- package/resources/themes/lara-light-cyan/theme.css +21 -1
- package/resources/themes/lara-light-green/theme.css +21 -1
- package/resources/themes/lara-light-indigo/theme.css +21 -1
- package/resources/themes/lara-light-pink/theme.css +21 -1
- package/resources/themes/lara-light-purple/theme.css +87 -14
- package/resources/themes/lara-light-teal/theme.css +21 -1
- package/resources/themes/luna-amber/theme.css +21 -1
- package/resources/themes/luna-blue/theme.css +21 -1
- package/resources/themes/luna-green/theme.css +21 -1
- package/resources/themes/luna-pink/theme.css +21 -1
- package/resources/themes/md-dark-deeppurple/theme.css +21 -1
- package/resources/themes/md-dark-indigo/theme.css +21 -1
- package/resources/themes/md-light-deeppurple/theme.css +21 -1
- package/resources/themes/md-light-indigo/theme.css +306 -286
- package/resources/themes/mdc-dark-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-dark-indigo/theme.css +21 -1
- package/resources/themes/mdc-light-deeppurple/theme.css +21 -1
- package/resources/themes/mdc-light-indigo/theme.css +306 -286
- package/resources/themes/mira/theme.css +21 -1
- package/resources/themes/nano/theme.css +21 -1
- package/resources/themes/nova/theme.css +21 -1
- package/resources/themes/nova-accent/theme.css +21 -1
- package/resources/themes/nova-alt/theme.css +21 -1
- package/resources/themes/rhea/theme.css +21 -1
- package/resources/themes/saga-blue/theme.css +21 -1
- package/resources/themes/saga-green/theme.css +21 -1
- package/resources/themes/saga-orange/theme.css +21 -1
- package/resources/themes/saga-purple/theme.css +1148 -225
- package/resources/themes/soho-dark/theme.css +21 -1
- package/resources/themes/soho-light/theme.css +21 -1
- package/resources/themes/tailwind-light/theme.css +21 -1
- package/resources/themes/vela-blue/theme.css +21 -1
- package/resources/themes/vela-green/theme.css +21 -1
- package/resources/themes/vela-orange/theme.css +21 -1
- package/resources/themes/vela-purple/theme.css +1148 -225
- package/resources/themes/viva-dark/theme.css +21 -1
- package/resources/themes/viva-light/theme.css +21 -1
- package/slider/slider.cjs.js +2 -1
- package/slider/slider.cjs.min.js +1 -1
- package/slider/slider.esm.js +2 -1
- package/slider/slider.esm.min.js +1 -1
- package/slider/slider.js +2 -1
- package/slider/slider.min.js +1 -1
- package/speeddial/speeddial.cjs.js +11 -4
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +11 -4
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +11 -4
- package/speeddial/speeddial.min.js +1 -1
- package/splitter/splitter.cjs.js +2 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +2 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +2 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +65 -45
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +22 -0
- package/stepper/stepper.esm.js +66 -46
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +65 -45
- package/stepper/stepper.min.js +1 -1
- package/steps/steps.cjs.js +64 -14
- package/steps/steps.cjs.min.js +1 -1
- package/steps/steps.d.ts +48 -4
- package/steps/steps.esm.js +65 -15
- package/steps/steps.esm.min.js +1 -1
- package/steps/steps.js +64 -14
- package/steps/steps.min.js +1 -1
- package/tabmenu/tabmenu.cjs.js +18 -2
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +18 -2
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +18 -2
- package/tabmenu/tabmenu.min.js +1 -1
- package/tag/tag.d.ts +1 -1
- package/toast/toast.cjs.js +1 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.d.ts +1 -1
- package/toast/toast.esm.js +1 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +1 -1
- package/toast/toast.min.js +1 -1
- package/tree/tree.cjs.js +5 -4
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +2 -6
- package/tree/tree.esm.js +5 -4
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +5 -4
- package/tree/tree.min.js +1 -1
- package/treetable/treetable.d.ts +16 -1
- package/utils/utils.d.ts +1 -1
- package/web-types.json +71 -7
package/speeddial/speeddial.js
CHANGED
|
@@ -672,16 +672,16 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
672
672
|
content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
|
|
673
673
|
}
|
|
674
674
|
var menuItemProps = mergeProps({
|
|
675
|
-
key: index,
|
|
676
675
|
id: "".concat(idState, "_").concat(index),
|
|
677
676
|
className: cx('menuitem', {
|
|
678
677
|
active: isItemActive("".concat(idState, "_").concat(index))
|
|
679
678
|
}),
|
|
680
679
|
style: getItemStyle(index),
|
|
681
|
-
'aria-controls': idState + '_item',
|
|
682
680
|
role: 'menuitem'
|
|
683
681
|
}, ptm('menuitem'));
|
|
684
|
-
return /*#__PURE__*/React__namespace.createElement("li", menuItemProps,
|
|
682
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuItemProps, {
|
|
683
|
+
key: "".concat(idState, "_").concat(index)
|
|
684
|
+
}), content);
|
|
685
685
|
};
|
|
686
686
|
var createItems = function createItems() {
|
|
687
687
|
return props.model ? props.model.map(createItem) : null;
|
|
@@ -726,7 +726,7 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
726
726
|
'aria-label': props['aria-label'],
|
|
727
727
|
'aria-expanded': visible,
|
|
728
728
|
'aria-haspopup': true,
|
|
729
|
-
'aria-controls':
|
|
729
|
+
'aria-controls': getAriaControls,
|
|
730
730
|
'aria-labelledby': props.ariaLabelledby,
|
|
731
731
|
pt: ptm('button'),
|
|
732
732
|
unstyled: props.unstyled,
|
|
@@ -748,6 +748,13 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
|
|
|
748
748
|
}
|
|
749
749
|
return content;
|
|
750
750
|
};
|
|
751
|
+
var getAriaControls = function getAriaControls() {
|
|
752
|
+
var ariaControls = '';
|
|
753
|
+
for (var index = 0; index < props.model.length; index++) {
|
|
754
|
+
ariaControls = ariaControls + "".concat(idState, "_").concat(index, " ");
|
|
755
|
+
}
|
|
756
|
+
return ariaControls.trim();
|
|
757
|
+
};
|
|
751
758
|
var createMask = function createMask() {
|
|
752
759
|
if (props.mask) {
|
|
753
760
|
var maskProps = mergeProps({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return O(e)||I(e,n)||w(e,n)||N()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=k(d.useState(!1),2),f=u[0],m=u[1],b=k(d.useState(null),2),v=b[0],h=b[1],g=k(d.useState(!1),2),w=g[0],S=g[1],O=k(d.useState(-1),2),I=O[0],N=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=k(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),N(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"NumpadEnter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),N(-1),ue(e,-1)},ce=function(e){e.preventDefault(),N(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,p=e.style,f=s.classNames("p-speeddial-action",{"p-disabled":t}),m=s.classNames("p-speeddial-action-icon",r),b=H({className:z("actionIcon")},L("actionIcon")),y=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:p,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),h=s.IconUtils.getJSXIcon(r,j({},b),{props:M}),g=d.createElement("a",y,h,d.createElement(c.Ripple,null));a&&(g=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:f,iconClassName:m,element:g,props:M,visible:_}));var w,S=H({key:n,id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(w="".concat(v,"_").concat(n),I===w)}),style:ve(n),"aria-controls":v+"_item",role:"menuitem"},L("menuitem"));return d.createElement("li",S,g)};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var ge,we,Se,De,Oe,Ie,Ne,ke,xe,Ee=(ge=!_&&!!M.showIcon||!M.hideIcon,we=_&&!!M.hideIcon,Se=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),De=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Oe=s.IconUtils.getJSXIcon(ge?M.showIcon||d.createElement(l.PlusIcon,null):we?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ie=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Oe,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":v+"_list","aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),Ne=d.createElement(r.Button,Ie),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:Se,iconClassName:De,element:Ne,props:M,visible:_}):Ne),je=(ke=M.model?M.model.map(he):null,xe=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",xe,ke)),Ce=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),Pe=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},Pe),Ee,je),Ce)})));return C.displayName="SpeedDial",e.SpeedDial=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.speeddial=function(e,n,t,r,i,a,o,l,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return v(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e){return h(e)||g(e)||w(e)||S()}function O(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return O(e)||I(e,n)||w(e,n)||N()}var x=i.ComponentBase.extend({defaultProps:{__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,"aria-label":null,ariaLabelledby:null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),y(y(y({},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),"p-speeddial-opened",t),"p-disabled",n.disabled))},button:function(e){var n=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":n.rotateAnimation&&!n.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:function(e){return s.classNames("p-speeddial-item",{"p-focus":e.active})}},styles:"\n@layer primereact {\n .p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n\n .p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n }\n\n .p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n }\n\n .p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n }\n\n .p-speeddial-circle .p-speeddial-item,\n .p-speeddial-semi-circle .p-speeddial-item,\n .p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n }\n\n .p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n }\n\n .p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n }\n\n .p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n }\n\n .p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n }\n\n .p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n }\n}\n",inlineStyles:{root:function(e){var n=e.props;return{alignItems:"up"===n.direction||"down"===n.direction?"center":"",justifyContent:"left"===n.direction||"right"===n.direction?"center":"",flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}},menu:function(e){var n=e.props;return{flexDirection:"up"===n.direction?"column-reverse":"down"===n.direction?"column":"left"===n.direction?"row-reverse":"right"===n.direction?"row":null}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){y(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=d.memo(d.forwardRef((function(e,n){var u=k(d.useState(!1),2),f=u[0],m=u[1],b=k(d.useState(null),2),v=b[0],h=b[1],g=k(d.useState(!1),2),w=g[0],S=g[1],O=k(d.useState(-1),2),I=O[0],N=O[1],E=d.useRef(!1),C=d.useRef(null),P=d.useRef(null),H=a.useMergeProps(),A=d.useContext(t.PrimeReactContext),M=x.getProps(e,A),_=M.onVisibleChange?M.visible:f,R=a.useDisplayOrder("speed-dial",_),U={props:M,state:{visible:_}},T=x.setMetaData(U),L=T.ptm,z=T.cx,V=T.sx;i.useHandleStyle(x.css.styles,T.isUnstyled,{name:"speeddial"}),a.useGlobalOnEscapeKey({callback:function(){G()},when:_&&R,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SPEED_DIAL,R]});var J=k(a.useEventListener({type:"click",listener:function(e){!E.current&&me(e)&&G(),E.current=!1},when:f}),2),K=J[0],X=J[1],q=function(){M.onVisibleChange?M.onVisibleChange(!0):m(!0),M.onShow&&M.onShow()},B=function(){S(!0)},F=function(){S(!1),N(-1)},G=function(){M.onVisibleChange?M.onVisibleChange(!1):m(!1),M.onHide&&M.onHide()},W=function(e){_?G():q(),M.onClick&&M.onClick(e),E.current=!0},Y=function(e,n){n.command&&n.command({originalEvent:e,item:n}),G(),E.current=!0,e.preventDefault()},$=function(e){switch(e.code){case"ArrowDown":ie(e);break;case"ArrowUp":re(e);break;case"ArrowLeft":ae(e);break;case"ArrowRight":oe(e);break;case"Enter":case"NumpadEnter":case"Space":ne(e);break;case"Escape":te();break;case"Home":ce(e);break;case"End":le(e)}},Q=function(e){switch(e.code){case"ArrowDown":case"ArrowLeft":ee(e);break;case"ArrowUp":case"ArrowRight":Z(e);break;case"Escape":te()}},Z=function(e){S(!0),s.DomHandler.focus(P.current),q(),ue(e),e.preventDefault()},ee=function(e){S(!0),s.DomHandler.focus(P.current),q(),se(e),e.preventDefault()},ne=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).findIndex((function(e){return e.id===I}));Y(e,M.model[n]),F();var t=s.DomHandler.findSingle(C.current,"button");t&&s.DomHandler.focus(t)},te=function(){G();var e=s.DomHandler.findSingle(C.current,"button");e&&s.DomHandler.focus(e)},re=function(e){var n=M.direction;"up"===n?se(e):"down"===n?ue(e):se(e)},ie=function(e){var n=M.direction;"up"===n?ue(e):"down"===n?se(e):ue(e)},ae=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?se(e):(["right","up-left","down-right"].includes(n),ue(e))},oe=function(e){var n=M.direction;["left","up-right","down-left"].includes(n)?ue(e):(["right","up-left","down-right"].includes(n),se(e))},le=function(e){e.preventDefault(),N(-1),ue(e,-1)},ce=function(e){e.preventDefault(),N(-1),se(e,-1)},se=function(e){var n=fe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},ue=function(e){var n=pe((arguments.length>1&&void 0!==arguments[1]?arguments[1]:null)||I);de(n),e.preventDefault()},de=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")}));n[e]&&N(n[e].getAttribute("id"))},pe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[n.length-1].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?n.length-1:r-1},fe=function(e){var n=D(s.DomHandler.find(C.current,'[data-pc-section="menuitem"]')).filter((function(e){return!s.DomHandler.hasClass(s.DomHandler.findSingle(e,"a"),"p-disabled")})),t=-1===e?n[0].id:e,r=n.findIndex((function(e){return e.getAttribute("id")===t}));return r=-1===e?0:r+1},me=function(e){return C.current&&!(C.current.isSameNode(e.target)||C.current.contains(e.target))},be=function(e){return(_?e:M.model.length-e-1)*M.transitionDelay},ye=function(e){var n=M.type;if("linear"!==n){var t=M.model.length,r=M.radius||20*t;if("circle"===n){var i=2*Math.PI/t;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var a=M.direction,o=Math.PI/(t-1),l="calc(".concat(r*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:l,bottom:c};if("down"===a)return{left:l,top:c};if("left"===a)return{right:c,top:l};if("right"===a)return{left:c,top:l}}else if("quarter-circle"===n){var s=M.direction,u=Math.PI/(2*(t-1)),d="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),p="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:d,bottom:p};if("up-right"===s)return{left:d,bottom:p};if("down-left"===s)return{right:p,top:d};if("down-right"===s)return{left:p,top:d}}}return{}},ve=function(e){var n=be(e),t=ye(e);return j({transitionDelay:"".concat(n,"ms")},t)};a.useMountEffect((function(){if("linear"!==M.type){var e=s.DomHandler.findSingle(C.current,".p-speeddial-button"),n=s.DomHandler.findSingle(P.current,".p-speeddial-item");if(e&&n){var t=Math.abs(e.offsetWidth-n.offsetWidth),r=Math.abs(e.offsetHeight-n.offsetHeight);P.current.style.setProperty("--item-diff-x","".concat(t/2,"px")),P.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),a.useUpdateEffect((function(){return f&&M.hideOnClickOutside&&K(),function(){M.hideOnClickOutside&&X()}}),[f]),d.useImperativeHandle(n,(function(){return{props:M,show:q,hide:G,getElement:function(){return C.current}}}));var he=function(e,n){if(!1===e.visible)return null;var t=e.disabled,r=e.icon,i=e.label,a=e.template,o=e.url,l=e.target,u=e.className,f=e.style,m=s.classNames("p-speeddial-action",{"p-disabled":t}),b=s.classNames("p-speeddial-action-icon",r),y=H({className:z("actionIcon")},L("actionIcon")),h=H({href:o||"#",role:"menuitem",className:s.classNames(u,z("action",{disabled:t})),"aria-label":e.label,style:f,target:l,tabIndex:"-1","data-pr-tooltip":i,onClick:function(n){return Y(n,e)}},L("action")),g=s.IconUtils.getJSXIcon(r,j({},y),{props:M}),w=d.createElement("a",h,g,d.createElement(c.Ripple,null));a&&(w=s.ObjectUtils.getJSXElement(a,e,{onClick:function(n){return Y(n,e)},className:m,iconClassName:b,element:w,props:M,visible:_}));var S,D=H({id:"".concat(v,"_").concat(n),className:z("menuitem",{active:(S="".concat(v,"_").concat(n),I===S)}),style:ve(n),role:"menuitem"},L("menuitem"));return d.createElement("li",p({},D,{key:"".concat(v,"_").concat(n)}),w)},ge=function(){for(var e="",n=0;n<M.model.length;n++)e+="".concat(v,"_").concat(n," ");return e.trim()};d.useEffect((function(){h(M.id||s.UniqueComponentId())}),[M.id]);var we,Se,De,Oe,Ie,Ne,ke,xe,Ee,je=(we=!_&&!!M.showIcon||!M.hideIcon,Se=_&&!!M.hideIcon,De=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":M.rotateAnimation&&!M.hideIcon},M.buttonClassName),Oe=s.classNames(y(y({},"".concat(M.showIcon),!_&&!!M.showIcon||!M.hideIcon),"".concat(M.hideIcon),_&&!!M.hideIcon)),Ie=s.IconUtils.getJSXIcon(we?M.showIcon||d.createElement(l.PlusIcon,null):Se?M.hideIcon||d.createElement(o.MinusIcon,null):null,void 0,{props:M,visible:_}),Ne=H({type:"button",style:M.buttonStyle,className:s.classNames(M.buttonClassName,z("button")),icon:Ie,onClick:function(e){return W(e)},disabled:M.disabled,onKeyDown:Q,"aria-label":M["aria-label"],"aria-expanded":_,"aria-haspopup":!0,"aria-controls":ge,"aria-labelledby":M.ariaLabelledby,pt:L("button"),unstyled:M.unstyled,__parentMetadata:{parent:U}}),ke=d.createElement(r.Button,Ne),M.buttonTemplate?s.ObjectUtils.getJSXElement(M.buttonTemplate,{onClick:W,className:De,iconClassName:Oe,element:ke,props:M,visible:_}):ke),Ce=(xe=M.model?M.model.map(he):null,Ee=H({ref:P,className:z("menu"),style:V("menu"),role:"menu",tabIndex:"-1",onFocus:B,onKeyDown:$,onBlur:F,"aria-activedescendant":w?-1!==I?I:null:void 0},L("menu")),d.createElement("ul",Ee,xe)),Pe=function(){if(M.mask){var e=H({className:s.classNames(M.maskClassName,z("mask",{visible:_})),style:M.maskStyle},L("mask"));return d.createElement("div",e)}return null}(),He=H({className:s.classNames(M.className,z("root",{visible:_})),style:j(j({},M.style),V("root")),id:v},x.getOtherProps(M),L("root"));return d.createElement(d.Fragment,null,d.createElement("div",p({ref:C},He),je,Ce),Pe)})));return C.displayName="SpeedDial",e.SpeedDial=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
|
package/splitter/splitter.cjs.js
CHANGED
|
@@ -620,7 +620,8 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
620
620
|
flexBasis: flexBasis
|
|
621
621
|
}),
|
|
622
622
|
role: 'presentation',
|
|
623
|
-
'data-p-splitter-panel-nested': false
|
|
623
|
+
'data-p-splitter-panel-nested': false,
|
|
624
|
+
onClick: getPanelProp(panel, 'onClick')
|
|
624
625
|
}, getPanelPT('splitterpanel.root'));
|
|
625
626
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
|
|
626
627
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return c(e)||s(e)||p(e)||f()}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return y(e)||b(e,t)||p(e,t)||v()}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),O=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=h(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},x=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),c=l.useContext(t.PrimeReactContext),s=w.getProps(e,c),p=l.useRef(""),f=l.useRef(null),m=l.useRef(),g=l.useRef({}),h=l.useRef(null),y=l.useRef(null),b=l.useRef(null),v=l.useRef(null),z=l.useRef(null),D=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=S(l.useState([]),2),N=C[0],k=C[1],I=S(l.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,q={props:s,state:{panelSizes:N,nested:!0===u.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},q)),Y=W.ptm,B=W.cx,F=W.isUnstyled;r.useHandleStyle(w.css.styles,F,{name:"splitter"});var X=S(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=X[0],$=X[1],G=S(n.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return O.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[R.current].props&&s.children[R.current].props.minSize&&s.children[R.current].props.minSize>e)&&!(s.children[R.current+1].props&&s.children[R.current+1].props.minSize&&s.children[R.current+1].props.minSize>t)))},re=l.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){u.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=l.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;m.current=g.current[t],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:i,v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,r?(D.current=L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0),P.current=L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0)):(D.current=100*(L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0))/h.current,P.current=100*(L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0))/h.current),j.current=D.current,H.current=P.current,R.current=t,!F()&&u.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(D.current+u)/h.current,r=100*(P.current-u)/h.current):(n=100*(D.current-u)/h.current,r=100*(P.current+u)/h.current):(n=D.current+(t=L?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=P.current-t),se(R.current,n,r)},oe=function(e){var t=d(N);t[R.current]=j.current,t[R.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!F()&&u.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!F()&&u.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,z.current=null,D.current=null,j.current=null,P.current=null,H.current=null,R.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":x.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){R.current=e,m.current=g.current[e],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,te(t,r)&&(j.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",z.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",x.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){A.current||(A.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){A.current&&(clearInterval(A.current),A.current=null)},me=function(e,t){ie(e,t,!1),J(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return f.current}}})),n.useMountEffect((function(){f.current&&(p.current=u.UniqueComponentId())})),l.useEffect((function(){var e=d(f.current.children).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){x.current=K(N,0),t[r]=K(N,r),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!F()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),l.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=u.classNames(ee(e,"className"),B("panel.root")),i=a({ref:function(e){return g.current[t]=e},className:B("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},Y("gutter")),o=a({tabIndex:ee(e,"tabIndex")||0,className:B("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":x.current,"aria-valuetext":parseFloat(x.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},Y("gutterHandler")),c=t!==s.children.length-1&&l.createElement("div",i,l.createElement("div",o)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=a({key:t,id:r,className:n,style:E(E({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1},Y("splitterpanel.root",{context:{nested:U}}));return l.createElement(l.Fragment,null,l.createElement("div",d,ee(e,"children")),c)},ve=a({id:s.id,style:s.style,className:u.classNames(s.className,B("root")),"data-p-splitter-resizing":!1},w.getOtherProps(s),Y("root")),Se=l.Children.map(s.children,be);return l.createElement("div",o({ref:f},ve),Se)})));D.displayName="SplitterPanel",x.displayName="Splitter",exports.Splitter=x,exports.SplitterPanel=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return c(e)||s(e)||p(e)||f()}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function g(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return y(e)||b(e,t)||p(e,t)||v()}var w=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),O=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=h(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=function(){},x=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),c=l.useContext(t.PrimeReactContext),s=w.getProps(e,c),p=l.useRef(""),f=l.useRef(null),m=l.useRef(),g=l.useRef({}),h=l.useRef(null),y=l.useRef(null),b=l.useRef(null),v=l.useRef(null),z=l.useRef(null),D=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),C=l.useRef(null),R=l.useRef(null),A=S(l.useState([]),2),N=A[0],k=A[1],I=S(l.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,q={props:s,state:{panelSizes:N,nested:!0===u.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},q)),Y=W.ptm,B=W.cx,F=W.isUnstyled;r.useHandleStyle(w.css.styles,F,{name:"splitter"});var X=S(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=X[0],$=X[1],G=S(n.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return O.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[C.current].props&&s.children[C.current].props.minSize&&s.children[C.current].props.minSize>e)&&!(s.children[C.current+1].props&&s.children[C.current+1].props.minSize&&s.children[C.current+1].props.minSize>t)))},re=l.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){u.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=l.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;m.current=g.current[t],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:i,v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,r?(D.current=L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0),P.current=L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0)):(D.current=100*(L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0))/h.current,P.current=100*(L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0))/h.current),j.current=D.current,H.current=P.current,C.current=t,!F()&&u.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(D.current+u)/h.current,r=100*(P.current-u)/h.current):(n=100*(D.current-u)/h.current,r=100*(P.current+u)/h.current):(n=D.current+(t=L?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=P.current-t),se(C.current,n,r)},oe=function(e){var t=d(N);t[C.current]=j.current,t[C.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!F()&&u.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!F()&&u.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,z.current=null,D.current=null,j.current=null,P.current=null,H.current=null,C.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":x.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){C.current=e,m.current=g.current[e],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,te(t,r)&&(j.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",z.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",x.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){R.current||(R.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){R.current&&(clearInterval(R.current),R.current=null)},me=function(e,t){ie(e,t,!1),J(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return f.current}}})),n.useMountEffect((function(){f.current&&(p.current=u.UniqueComponentId())})),l.useEffect((function(){var e=d(f.current.children).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){x.current=K(N,0),t[r]=K(N,r),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!F()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),l.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=u.classNames(ee(e,"className"),B("panel.root")),i=a({ref:function(e){return g.current[t]=e},className:B("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},Y("gutter")),o=a({tabIndex:ee(e,"tabIndex")||0,className:B("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":x.current,"aria-valuetext":parseFloat(x.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},Y("gutterHandler")),c=t!==s.children.length-1&&l.createElement("div",i,l.createElement("div",o)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=a({key:t,id:r,className:n,style:E(E({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1,onClick:ee(e,"onClick")},Y("splitterpanel.root",{context:{nested:U}}));return l.createElement(l.Fragment,null,l.createElement("div",d,ee(e,"children")),c)},ve=a({id:s.id,style:s.style,className:u.classNames(s.className,B("root")),"data-p-splitter-resizing":!1},w.getOtherProps(s),Y("root")),Se=l.Children.map(s.children,be);return l.createElement("div",o({ref:f},ve),Se)})));D.displayName="SplitterPanel",x.displayName="Splitter",exports.Splitter=x,exports.SplitterPanel=D;
|
package/splitter/splitter.esm.js
CHANGED
|
@@ -596,7 +596,8 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
596
596
|
flexBasis: flexBasis
|
|
597
597
|
}),
|
|
598
598
|
role: 'presentation',
|
|
599
|
-
'data-p-splitter-panel-nested': false
|
|
599
|
+
'data-p-splitter-panel-nested': false,
|
|
600
|
+
onClick: getPanelProp(panel, 'onClick')
|
|
600
601
|
}, getPanelPT('splitterpanel.root'));
|
|
601
602
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
|
|
602
603
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return d(e)||g(e)||m(e)||h()}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=b(e,"string");return"symbol"===v(t)?t:String(t)}function S(e){if(Array.isArray(e))return e}function z(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return S(e)||z(e,t)||m(e,t)||O()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),P=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,P.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,P.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,P.defaultProps)}});function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=w(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=function(){},C=e.memo(e.forwardRef((function(r,f){var d=u(),g=e.useContext(t),m=x.getProps(r,g),h=e.useRef(""),v=e.useRef(null),b=e.useRef(),w=e.useRef({}),S=e.useRef(null),z=e.useRef(null),O=e.useRef(null),j=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=E(e.useState([]),2),W=K[0],Y=K[1],F=E(e.useState(!1),2),L=F[0],_=F[1],M=null!=m.stateKey,U=m.children&&m.children.length||1,X=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/U},B="horizontal"===m.layout,J={props:m,state:{panelSizes:W,nested:!0===a.getAttribute(v.current&&v.current.parentElement,"data-p-splitter-panel-nested")}},$=x.setMetaData(A({},J)),q=$.ptm,G=$.cx,Q=$.isUnstyled;n(x.css.styles,Q,{name:"splitter"});var V=E(i({type:"mousemove",listener:function(e){return pe(e)}}),2),Z=V[0],ee=V[1],te=E(i({type:"mouseup",listener:function(e){fe(e),ue()}}),2),re=te[0],ne=te[1],ue=function(){ee(),ne()},ie=function(e,t){return P.getCProp(e,t)},le=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[H.current].props&&m.children[H.current].props.minSize&&m.children[H.current].props.minSize>e)&&!(m.children[H.current+1].props&&m.children[H.current+1].props.minSize&&m.children[H.current+1].props.minSize>t)))},oe=e.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),ce=function(e){o.isArray(e)&&oe().setItem(m.stateKey,JSON.stringify(e))},ae=e.useCallback((function(){var e=oe().getItem(m.stateKey);e&&Y(JSON.parse(e))}),[oe,m.stateKey]),se=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;b.current=w.current[t],S.current=B?a.getWidth(v.current):a.getHeight(v.current),z.current=!0,O.current=B?n:u,j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,r?(C.current=B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0),k.current=B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0)):(C.current=100*(B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0))/S.current,k.current=100*(B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0))/S.current),N.current=C.current,I.current=k.current,H.current=t,!Q()&&a.addClass(b.current,"p-splitter-gutter-resizing"),b.current.setAttribute("data-p-splitter-gutter-resizing",!0),!Q()&&a.addClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!0)},pe=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(C.current+u)/S.current,r=100*(k.current-u)/S.current):(n=100*(C.current-u)/S.current,r=100*(k.current+u)/S.current):(n=C.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*O.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*O.current/S.current),r=k.current-t),me(H.current,n,r)},fe=function(e){var t=y(W);t[H.current]=N.current,t[H.current+1]=I.current,m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),M&&ce(t),Y(t),!Q()&&a.removeClass(b.current,"p-splitter-gutter-resizing"),w.current&&Object.keys(w.current).forEach((function(e){return w.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!Q()&&a.removeClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,S.current=null,O.current=null,j.current=null,R.current=null,C.current=null,N.current=null,k.current=null,I.current=null,H.current=null},de=function(){ve(),fe()},ge=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ye(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ye(e,t,m.step),e.preventDefault();break;case"Home":me(t,100-r,r),e.preventDefault();break;case"End":me(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":D.current>=100-(r||5)?me(t,r,100-r):me(t,100-r,r),e.preventDefault()}},me=function(e,t,r){H.current=e,b.current=w.current[e],S.current=B?a.getWidth(v.current):a.getHeight(v.current),j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,le(t,r)&&(N.current=t,I.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",R.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",D.current=parseFloat(t).toFixed(4))},he=function(e,t,r){se(e,t,!0),pe(e,r,!0)},ye=function(e,t,r){T.current||(T.current=setInterval((function(){he(e,t,r)}),40))},ve=function(){T.current&&(clearInterval(T.current),T.current=null)},be=function(e,t){se(e,t,!1),Z(),re()},we=function(e,t){se(e,t,!1),window.addEventListener("touchmove",Se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ze)},Se=function(e){pe(e)},ze=function e(t){fe(t),window.removeEventListener("touchmove",Se),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:m,getElement:function(){return v.current}}})),l((function(){v.current&&(h.current=s())})),e.useEffect((function(){var e=y(v.current.children).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){D.current=X(W,0),t[r]=X(W,r),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!Q()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),Y(t)}),[]),e.useEffect((function(){M&&ae()}),[ae,M]);var Oe=function(t,r){var n=ie(t,"id")||"".concat(h.current,"_").concat(r),u=c(ie(t,"className"),G("panel.root")),i=d({ref:function(e){return w.current[r]=e},className:G("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return be(e,r)},onKeyDown:function(e){return ge(e,r)},onKeyUp:de,onTouchStart:function(e){return we(e,r)},onTouchMove:function(e){return Se(e)},onTouchEnd:function(e){return ze(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),l=d({tabIndex:ie(t,"tabIndex")||0,className:G("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":n,"aria-label":ie(t,"aria-label"),"aria-labelledby":ie(t,"aria-labelledby"),"aria-valuenow":D.current,"aria-valuetext":parseFloat(D.current).toFixed(0)+"%","aria-valuemin":ie(t,"minSize")||"0","aria-valuemax":"100"},q("gutterHandler")),o=r!==m.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+X(W,r)+"% - "+(U-1)*m.gutterSize+"px)",s=d({key:r,id:n,className:u,style:A(A({},ie(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:L}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ie(t,"children")),o)},Ee=d({id:m.id,style:m.style,className:c(m.className,G("root")),"data-p-splitter-resizing":!1},x.getOtherProps(m),q("root")),xe=e.Children.map(m.children,Oe);return e.createElement("div",p({ref:v},Ee),xe)})));R.displayName="SplitterPanel",C.displayName="Splitter";export{C as Splitter,R as SplitterPanel};
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e){return d(e)||g(e)||m(e)||h()}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if("object"!==v(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=b(e,"string");return"symbol"===v(t)?t:String(t)}function S(e){if(Array.isArray(e))return e}function z(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return o}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return S(e)||z(e,t)||m(e,t)||O()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),P=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,P.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,P.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,P.defaultProps)}});function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=w(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=function(){},C=e.memo(e.forwardRef((function(r,f){var d=u(),g=e.useContext(t),m=x.getProps(r,g),h=e.useRef(""),v=e.useRef(null),b=e.useRef(),w=e.useRef({}),S=e.useRef(null),z=e.useRef(null),O=e.useRef(null),j=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=E(e.useState([]),2),W=K[0],Y=K[1],F=E(e.useState(!1),2),L=F[0],_=F[1],M=null!=m.stateKey,U=m.children&&m.children.length||1,X=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/U},B="horizontal"===m.layout,J={props:m,state:{panelSizes:W,nested:!0===a.getAttribute(v.current&&v.current.parentElement,"data-p-splitter-panel-nested")}},$=x.setMetaData(A({},J)),q=$.ptm,G=$.cx,Q=$.isUnstyled;n(x.css.styles,Q,{name:"splitter"});var V=E(i({type:"mousemove",listener:function(e){return pe(e)}}),2),Z=V[0],ee=V[1],te=E(i({type:"mouseup",listener:function(e){fe(e),ue()}}),2),re=te[0],ne=te[1],ue=function(){ee(),ne()},ie=function(e,t){return P.getCProp(e,t)},le=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[H.current].props&&m.children[H.current].props.minSize&&m.children[H.current].props.minSize>e)&&!(m.children[H.current+1].props&&m.children[H.current+1].props.minSize&&m.children[H.current+1].props.minSize>t)))},oe=e.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),ce=function(e){o.isArray(e)&&oe().setItem(m.stateKey,JSON.stringify(e))},ae=e.useCallback((function(){var e=oe().getItem(m.stateKey);e&&Y(JSON.parse(e))}),[oe,m.stateKey]),se=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;b.current=w.current[t],S.current=B?a.getWidth(v.current):a.getHeight(v.current),z.current=!0,O.current=B?n:u,j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,r?(C.current=B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0),k.current=B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0)):(C.current=100*(B?a.getOuterWidth(j.current,!0):a.getOuterHeight(j.current,!0))/S.current,k.current=100*(B?a.getOuterWidth(R.current,!0):a.getOuterHeight(R.current,!0))/S.current),N.current=C.current,I.current=k.current,H.current=t,!Q()&&a.addClass(b.current,"p-splitter-gutter-resizing"),b.current.setAttribute("data-p-splitter-gutter-resizing",!0),!Q()&&a.addClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!0)},pe=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(C.current+u)/S.current,r=100*(k.current-u)/S.current):(n=100*(C.current-u)/S.current,r=100*(k.current+u)/S.current):(n=C.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*O.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*O.current/S.current),r=k.current-t),me(H.current,n,r)},fe=function(e){var t=y(W);t[H.current]=N.current,t[H.current+1]=I.current,m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),M&&ce(t),Y(t),!Q()&&a.removeClass(b.current,"p-splitter-gutter-resizing"),w.current&&Object.keys(w.current).forEach((function(e){return w.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!Q()&&a.removeClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,S.current=null,O.current=null,j.current=null,R.current=null,C.current=null,N.current=null,k.current=null,I.current=null,H.current=null},de=function(){ve(),fe()},ge=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ye(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ye(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ye(e,t,m.step),e.preventDefault();break;case"Home":me(t,100-r,r),e.preventDefault();break;case"End":me(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":D.current>=100-(r||5)?me(t,r,100-r):me(t,100-r,r),e.preventDefault()}},me=function(e,t,r){H.current=e,b.current=w.current[e],S.current=B?a.getWidth(v.current):a.getHeight(v.current),j.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,le(t,r)&&(N.current=t,I.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",R.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",D.current=parseFloat(t).toFixed(4))},he=function(e,t,r){se(e,t,!0),pe(e,r,!0)},ye=function(e,t,r){T.current||(T.current=setInterval((function(){he(e,t,r)}),40))},ve=function(){T.current&&(clearInterval(T.current),T.current=null)},be=function(e,t){se(e,t,!1),Z(),re()},we=function(e,t){se(e,t,!1),window.addEventListener("touchmove",Se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ze)},Se=function(e){pe(e)},ze=function e(t){fe(t),window.removeEventListener("touchmove",Se),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:m,getElement:function(){return v.current}}})),l((function(){v.current&&(h.current=s())})),e.useEffect((function(){var e=y(v.current.children).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){D.current=X(W,0),t[r]=X(W,r),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!Q()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),Y(t)}),[]),e.useEffect((function(){M&&ae()}),[ae,M]);var Oe=function(t,r){var n=ie(t,"id")||"".concat(h.current,"_").concat(r),u=c(ie(t,"className"),G("panel.root")),i=d({ref:function(e){return w.current[r]=e},className:G("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return be(e,r)},onKeyDown:function(e){return ge(e,r)},onKeyUp:de,onTouchStart:function(e){return we(e,r)},onTouchMove:function(e){return Se(e)},onTouchEnd:function(e){return ze(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),l=d({tabIndex:ie(t,"tabIndex")||0,className:G("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":n,"aria-label":ie(t,"aria-label"),"aria-labelledby":ie(t,"aria-labelledby"),"aria-valuenow":D.current,"aria-valuetext":parseFloat(D.current).toFixed(0)+"%","aria-valuemin":ie(t,"minSize")||"0","aria-valuemax":"100"},q("gutterHandler")),o=r!==m.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+X(W,r)+"% - "+(U-1)*m.gutterSize+"px)",s=d({key:r,id:n,className:u,style:A(A({},ie(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1,onClick:ie(t,"onClick")},q("splitterpanel.root",{context:{nested:L}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ie(t,"children")),o)},Ee=d({id:m.id,style:m.style,className:c(m.className,G("root")),"data-p-splitter-resizing":!1},x.getOtherProps(m),q("root")),xe=e.Children.map(m.children,Oe);return e.createElement("div",p({ref:v},Ee),xe)})));R.displayName="SplitterPanel",C.displayName="Splitter";export{C as Splitter,R as SplitterPanel};
|
package/splitter/splitter.js
CHANGED
|
@@ -613,7 +613,8 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
|
|
|
613
613
|
flexBasis: flexBasis
|
|
614
614
|
}),
|
|
615
615
|
role: 'presentation',
|
|
616
|
-
'data-p-splitter-panel-nested': false
|
|
616
|
+
'data-p-splitter-panel-nested': false,
|
|
617
|
+
onClick: getPanelProp(panel, 'onClick')
|
|
617
618
|
}, getPanelPT('splitterpanel.root'));
|
|
618
619
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, getPanelProp(panel, 'children')), gutter);
|
|
619
620
|
};
|
package/splitter/splitter.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return s(e)||p(e)||f(e)||d()}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return b(e)||v(e,t)||f(e,t)||S()}var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),z=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},P=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),s=O.getProps(e,c),p=o.useRef(""),f=o.useRef(null),d=o.useRef(),g=o.useRef({}),h=o.useRef(null),y=o.useRef(null),b=o.useRef(null),v=o.useRef(null),S=o.useRef(null),E=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=w(o.useState([]),2),N=C[0],k=C[1],I=w(o.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,W={props:s,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},Y=O.setMetaData(D({},W)),B=Y.ptm,F=Y.cx,X=Y.isUnstyled;n.useHandleStyle(O.css.styles,X,{name:"splitter"});var J=w(u.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),q=J[0],$=J[1],G=w(u.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return z.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[R.current].props&&s.children[R.current].props.minSize&&s.children[R.current].props.minSize>e)&&!(s.children[R.current+1].props&&s.children[R.current+1].props.minSize&&s.children[R.current+1].props.minSize>t)))},re=o.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){i.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=o.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;d.current=g.current[t],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:u,v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,r?(E.current=L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0),x.current=L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0)):(E.current=100*(L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0))/h.current,x.current=100*(L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0))/h.current),P.current=E.current,H.current=x.current,R.current=t,!X()&&i.DomHandler.addClass(d.current,"p-splitter-gutter-resizing"),d.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(E.current+u)/h.current,r=100*(x.current-u)/h.current):(n=100*(E.current-u)/h.current,r=100*(x.current+u)/h.current):(n=E.current+(t=L?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=x.current-t),se(R.current,n,r)},oe=function(e){var t=m(N);t[R.current]=P.current,t[R.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!X()&&i.DomHandler.removeClass(d.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!X()&&i.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,S.current=null,E.current=null,P.current=null,x.current=null,H.current=null,R.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":j.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){R.current=e,d.current=g.current[e],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,te(t,r)&&(P.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",S.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",j.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){A.current||(A.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){A.current&&(clearInterval(A.current),A.current=null)},me=function(e,t){ie(e,t,!1),q(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return f.current}}})),u.useMountEffect((function(){f.current&&(p.current=i.UniqueComponentId())})),o.useEffect((function(){var e=m(f.current.children).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){j.current=K(N,0),t[r]=K(N,r),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),o.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=i.classNames(ee(e,"className"),F("panel.root")),u=l({ref:function(e){return g.current[t]=e},className:F("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),a=l({tabIndex:ee(e,"tabIndex")||0,className:F("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":j.current,"aria-valuetext":parseFloat(j.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},B("gutterHandler")),c=t!==s.children.length-1&&o.createElement("div",u,o.createElement("div",a)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=l({key:t,id:r,className:n,style:D(D({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:U}}));return o.createElement(o.Fragment,null,o.createElement("div",d,ee(e,"children")),c)},ve=l({id:s.id,style:s.style,className:i.classNames(s.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(s),B("root")),Se=o.Children.map(s.children,be);return o.createElement("div",a({ref:f},ve),Se)})));return j.displayName="SplitterPanel",P.displayName="Splitter",e.Splitter=P,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return s(e)||p(e)||f(e)||d()}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return b(e)||v(e,t)||f(e,t)||S()}var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n .p-splitter {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .p-splitter-vertical {\n flex-direction: column;\n }\n\n .p-splitter-panel {\n flex-grow: 1;\n }\n\n .p-splitter-panel-nested {\n display: flex;\n }\n\n .p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n }\n\n .p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n }\n\n .p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n }\n\n .p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n }\n\n .p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n }\n\n .p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n }\n\n .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n }\n}\n\n"}}),z=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},P=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),s=O.getProps(e,c),p=o.useRef(""),f=o.useRef(null),d=o.useRef(),g=o.useRef({}),h=o.useRef(null),y=o.useRef(null),b=o.useRef(null),v=o.useRef(null),S=o.useRef(null),E=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),C=o.useRef(null),R=o.useRef(null),A=w(o.useState([]),2),N=A[0],k=A[1],I=w(o.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,W={props:s,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},Y=O.setMetaData(D({},W)),B=Y.ptm,F=Y.cx,X=Y.isUnstyled;n.useHandleStyle(O.css.styles,X,{name:"splitter"});var J=w(u.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),q=J[0],$=J[1],G=w(u.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return z.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[C.current].props&&s.children[C.current].props.minSize&&s.children[C.current].props.minSize>e)&&!(s.children[C.current+1].props&&s.children[C.current+1].props.minSize&&s.children[C.current+1].props.minSize>t)))},re=o.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){i.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=o.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;d.current=g.current[t],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:u,v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,r?(E.current=L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0),x.current=L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0)):(E.current=100*(L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0))/h.current,x.current=100*(L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0))/h.current),P.current=E.current,H.current=x.current,C.current=t,!X()&&i.DomHandler.addClass(d.current,"p-splitter-gutter-resizing"),d.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(E.current+u)/h.current,r=100*(x.current-u)/h.current):(n=100*(E.current-u)/h.current,r=100*(x.current+u)/h.current):(n=E.current+(t=L?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=x.current-t),se(C.current,n,r)},oe=function(e){var t=m(N);t[C.current]=P.current,t[C.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!X()&&i.DomHandler.removeClass(d.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!X()&&i.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,S.current=null,E.current=null,P.current=null,x.current=null,H.current=null,C.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":j.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){C.current=e,d.current=g.current[e],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,te(t,r)&&(P.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",S.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",j.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){R.current||(R.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){R.current&&(clearInterval(R.current),R.current=null)},me=function(e,t){ie(e,t,!1),q(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return f.current}}})),u.useMountEffect((function(){f.current&&(p.current=i.UniqueComponentId())})),o.useEffect((function(){var e=m(f.current.children).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){j.current=K(N,0),t[r]=K(N,r),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),o.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=i.classNames(ee(e,"className"),F("panel.root")),u=l({ref:function(e){return g.current[t]=e},className:F("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),a=l({tabIndex:ee(e,"tabIndex")||0,className:F("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":j.current,"aria-valuetext":parseFloat(j.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},B("gutterHandler")),c=t!==s.children.length-1&&o.createElement("div",u,o.createElement("div",a)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=l({key:t,id:r,className:n,style:D(D({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1,onClick:ee(e,"onClick")},B("splitterpanel.root",{context:{nested:U}}));return o.createElement(o.Fragment,null,o.createElement("div",d,ee(e,"children")),c)},ve=l({id:s.id,style:s.style,className:i.classNames(s.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(s),B("root")),Se=o.Children.map(s.children,be);return o.createElement("div",a({ref:f},ve),Se)})));return j.displayName="SplitterPanel",P.displayName="Splitter",e.Splitter=P,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
package/stepper/stepper.cjs.js
CHANGED
|
@@ -33,6 +33,21 @@ function _interopNamespace(e) {
|
|
|
33
33
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
34
34
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
35
35
|
|
|
36
|
+
function _extends() {
|
|
37
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
38
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
39
|
+
var source = arguments[i];
|
|
40
|
+
for (var key in source) {
|
|
41
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
42
|
+
target[key] = source[key];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
return target;
|
|
47
|
+
};
|
|
48
|
+
return _extends.apply(this, arguments);
|
|
49
|
+
}
|
|
50
|
+
|
|
36
51
|
function _typeof(o) {
|
|
37
52
|
"@babel/helpers - typeof";
|
|
38
53
|
|
|
@@ -74,21 +89,6 @@ function _defineProperty(obj, key, value) {
|
|
|
74
89
|
return obj;
|
|
75
90
|
}
|
|
76
91
|
|
|
77
|
-
function _extends() {
|
|
78
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
79
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
80
|
-
var source = arguments[i];
|
|
81
|
-
for (var key in source) {
|
|
82
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
83
|
-
target[key] = source[key];
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
return target;
|
|
88
|
-
};
|
|
89
|
-
return _extends.apply(this, arguments);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
92
|
function _arrayWithHoles(arr) {
|
|
93
93
|
if (Array.isArray(arr)) return arr;
|
|
94
94
|
}
|
|
@@ -158,11 +158,13 @@ var classes = {
|
|
|
158
158
|
header: function header(_ref2) {
|
|
159
159
|
var isStepActive = _ref2.isStepActive,
|
|
160
160
|
isItemDisabled = _ref2.isItemDisabled,
|
|
161
|
-
index = _ref2.index
|
|
162
|
-
|
|
161
|
+
index = _ref2.index,
|
|
162
|
+
headerPosition = _ref2.headerPosition,
|
|
163
|
+
orientation = _ref2.orientation;
|
|
164
|
+
return utils.classNames('p-stepper-header', _defineProperty({
|
|
163
165
|
'p-highlight': isStepActive(index),
|
|
164
166
|
'p-disabled': isItemDisabled(index)
|
|
165
|
-
});
|
|
167
|
+
}, "p-stepper-header-".concat(headerPosition), orientation === 'horizontal'));
|
|
166
168
|
},
|
|
167
169
|
action: 'p-stepper-action p-component',
|
|
168
170
|
number: 'p-stepper-number',
|
|
@@ -174,26 +176,31 @@ var classes = {
|
|
|
174
176
|
return utils.classNames('p-stepper-content', {
|
|
175
177
|
'p-toggleable-content': props.orientation === 'vertical'
|
|
176
178
|
});
|
|
179
|
+
},
|
|
180
|
+
panel: function panel(_ref4) {
|
|
181
|
+
var props = _ref4.props,
|
|
182
|
+
isStepActive = _ref4.isStepActive,
|
|
183
|
+
index = _ref4.index;
|
|
184
|
+
return utils.classNames('p-stepper-panel', {
|
|
185
|
+
'p-stepper-panel-active': props.orientation === 'vertical' && isStepActive(index)
|
|
186
|
+
});
|
|
177
187
|
}
|
|
178
188
|
},
|
|
179
189
|
panelContainer: 'p-stepper-panels',
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
isStepActive = _ref4.isStepActive,
|
|
183
|
-
index = _ref4.index;
|
|
184
|
-
return utils.classNames('p-stepper-panel', {
|
|
185
|
-
'p-stepper-panel-active': props.orientation === 'vertical' && isStepActive(index)
|
|
186
|
-
});
|
|
187
|
-
}
|
|
190
|
+
start: 'p-stepper-start',
|
|
191
|
+
end: 'p-stepper-end'
|
|
188
192
|
};
|
|
189
|
-
var styles = "\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n
|
|
193
|
+
var styles = "\n@layer primereact {\n .p-stepper .p-stepper-nav {\n position: relative;\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow-x: auto;\n }\n\n .p-stepper-vertical .p-stepper-nav {\n flex-direction: column;\n }\n\n .p-stepper-header {\n position: relative;\n display: flex;\n flex: 1 1 auto;\n align-items: center;\n\n &:last-of-type {\n flex: initial;\n }\n }\n\n .p-stepper-header-bottom {\n align-items: flex-start;\n }\n\n .p-stepper-header-top {\n align-items: flex-end;\n }\n\n .p-stepper-header-right, .p-stepper-header-left {\n align-items: center;\n }\n\n .p-stepper-header .p-stepper-action {\n border: 0 none;\n display: inline-flex;\n align-items: center;\n text-decoration: none;\n cursor: pointer;\n\n &:focus-visible {\n @include focused();\n }\n }\n\n .p-stepper-header-bottom .p-stepper-action {\n flex-direction: column;\n }\n\n .p-stepper-header-top .p-stepper-action {\n flex-direction: column-reverse;\n }\n\n .p-stepper-header-left .p-stepper-action {\n flex-direction: row-reverse;\n }\n\n .p-stepper.p-stepper-readonly .p-stepper-header {\n cursor: auto;\n }\n\n .p-stepper-header.p-highlight .p-stepper-action {\n cursor: default;\n }\n\n .p-stepper-title {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n }\n\n .p-stepper-number {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-stepper-separator {\n flex: 1 1 0;\n }\n}\n";
|
|
190
194
|
var StepperBase = componentbase.ComponentBase.extend({
|
|
191
195
|
defaultProps: {
|
|
192
196
|
__TYPE: 'Stepper',
|
|
193
197
|
activeStep: 0,
|
|
194
198
|
orientation: 'horizontal',
|
|
199
|
+
headerPosition: 'right',
|
|
195
200
|
linear: false,
|
|
196
|
-
onChangeStep: null
|
|
201
|
+
onChangeStep: null,
|
|
202
|
+
start: null,
|
|
203
|
+
end: null
|
|
197
204
|
},
|
|
198
205
|
css: {
|
|
199
206
|
classes: classes,
|
|
@@ -201,13 +208,12 @@ var StepperBase = componentbase.ComponentBase.extend({
|
|
|
201
208
|
}
|
|
202
209
|
});
|
|
203
210
|
|
|
204
|
-
function ownKeys$
|
|
205
|
-
function _objectSpread$
|
|
211
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
212
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
206
213
|
var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
207
214
|
var mergeProps = hooks.useMergeProps();
|
|
208
|
-
var cx = props.cx
|
|
209
|
-
|
|
210
|
-
var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
|
|
215
|
+
var cx = props.cx;
|
|
216
|
+
var rootProps = mergeProps(_objectSpread$3(_objectSpread$3(_objectSpread$3({
|
|
211
217
|
ref: ref,
|
|
212
218
|
id: props.id,
|
|
213
219
|
className: cx('stepper.content', {
|
|
@@ -218,7 +224,7 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
|
|
|
218
224
|
'aria-labelledby': props.ariaLabelledby
|
|
219
225
|
}, props.getStepPT(props.stepperpanel, 'root', props.index)), props.getStepPT(props.stepperpanel, 'content', props.index)), {}, {
|
|
220
226
|
'data-p-active': props.active
|
|
221
|
-
})
|
|
227
|
+
}));
|
|
222
228
|
var createContent = function createContent() {
|
|
223
229
|
var ComponentToRender = props.template;
|
|
224
230
|
return /*#__PURE__*/React__namespace.createElement(ComponentToRender, {
|
|
@@ -240,10 +246,12 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
|
|
|
240
246
|
}));
|
|
241
247
|
StepperContent.displayName = 'StepperContent';
|
|
242
248
|
|
|
249
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
250
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
243
251
|
var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
244
252
|
var mergeProps = hooks.useMergeProps();
|
|
245
253
|
var cx = props.cx;
|
|
246
|
-
var buttonProps = mergeProps({
|
|
254
|
+
var buttonProps = mergeProps(_objectSpread$2({
|
|
247
255
|
ref: ref,
|
|
248
256
|
id: props.id,
|
|
249
257
|
className: cx('stepper.action'),
|
|
@@ -254,12 +262,14 @@ var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
|
|
|
254
262
|
onClick: function onClick(e) {
|
|
255
263
|
return props.clickCallback(e, props.index);
|
|
256
264
|
}
|
|
257
|
-
});
|
|
258
|
-
|
|
265
|
+
}, props.getStepPT(props.stepperpanel, 'action', props.index)));
|
|
266
|
+
var numberProps = mergeProps(_objectSpread$2({
|
|
259
267
|
className: cx('stepper.number')
|
|
260
|
-
}, props.
|
|
268
|
+
}, props.getStepPT(props.stepperpanel, 'number', props.index)));
|
|
269
|
+
var titleProps = mergeProps(_objectSpread$2({
|
|
261
270
|
className: cx('stepper.title')
|
|
262
|
-
}, props.
|
|
271
|
+
}, props.getStepPT(props.stepperpanel, 'title', props.index)));
|
|
272
|
+
return props.template ? props.template() : /*#__PURE__*/React__namespace.createElement("button", buttonProps, /*#__PURE__*/React__namespace.createElement("span", numberProps, props.index + 1), /*#__PURE__*/React__namespace.createElement("span", titleProps, props.getStepProp(props.stepperpanel, 'header')));
|
|
263
273
|
}));
|
|
264
274
|
StepperHeader.displayName = 'StepperHeader';
|
|
265
275
|
|
|
@@ -282,6 +292,8 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
282
292
|
var mergeProps = hooks.useMergeProps();
|
|
283
293
|
var context = React__default["default"].useContext(api.PrimeReactContext);
|
|
284
294
|
var props = StepperBase.getProps(inProps, context);
|
|
295
|
+
var start = utils.ObjectUtils.getJSXElement(props.start, props);
|
|
296
|
+
var end = utils.ObjectUtils.getJSXElement(props.end, props);
|
|
285
297
|
var _StepperBase$setMetaD = StepperBase.setMetaData({
|
|
286
298
|
props: props
|
|
287
299
|
}),
|
|
@@ -301,6 +313,12 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
301
313
|
componentbase.useHandleStyle(StepperBase.css.styles, isUnstyled, {
|
|
302
314
|
name: 'stepper'
|
|
303
315
|
});
|
|
316
|
+
var startProps = mergeProps({
|
|
317
|
+
className: cx('start')
|
|
318
|
+
}, ptm('start'));
|
|
319
|
+
var endProps = mergeProps({
|
|
320
|
+
className: cx('end')
|
|
321
|
+
}, ptm('end'));
|
|
304
322
|
hooks.useMountEffect(function () {
|
|
305
323
|
if (!idState) {
|
|
306
324
|
setIdState(utils.UniqueComponentId());
|
|
@@ -397,19 +415,21 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
397
415
|
var createPanel = function createPanel() {
|
|
398
416
|
return stepperPanels().map(function (step, index) {
|
|
399
417
|
var _step$children, _step$children2;
|
|
400
|
-
var panelProps = mergeProps({
|
|
418
|
+
var panelProps = mergeProps(_objectSpread({
|
|
401
419
|
className: utils.classNames(cx('stepper.header', {
|
|
402
420
|
isStepActive: isStepActive,
|
|
403
421
|
isItemDisabled: isItemDisabled,
|
|
404
422
|
step: step,
|
|
405
|
-
index: index
|
|
423
|
+
index: index,
|
|
424
|
+
headerPosition: props.headerPosition,
|
|
425
|
+
orientation: props.orientation
|
|
406
426
|
})),
|
|
407
427
|
'aria-current': isStepActive(index) && 'step',
|
|
408
428
|
role: 'presentation',
|
|
409
429
|
'data-p-highlight': isStepActive(index),
|
|
410
430
|
'data-p-disabled': isItemDisabled(index),
|
|
411
431
|
'data-p-active': isStepActive(index)
|
|
412
|
-
},
|
|
432
|
+
}, getStepPT(step, 'header', index)));
|
|
413
433
|
return /*#__PURE__*/React__default["default"].createElement("li", _extends({
|
|
414
434
|
key: getStepKey(step, index)
|
|
415
435
|
}, panelProps), /*#__PURE__*/React__default["default"].createElement(StepperHeader, {
|
|
@@ -496,7 +516,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
496
516
|
var contentRef = /*#__PURE__*/React__default["default"].createRef(null);
|
|
497
517
|
var navProps = mergeProps(_objectSpread(_objectSpread(_objectSpread({
|
|
498
518
|
ref: navRef,
|
|
499
|
-
className: cx('panel', {
|
|
519
|
+
className: cx('stepper.panel', {
|
|
500
520
|
props: props,
|
|
501
521
|
index: index,
|
|
502
522
|
isStepActive: isStepActive
|
|
@@ -506,7 +526,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
506
526
|
'data-p-highlight': isStepActive(index),
|
|
507
527
|
'data-p-disabled': isItemDisabled(index),
|
|
508
528
|
'data-p-active': isStepActive(index)
|
|
509
|
-
})
|
|
529
|
+
}));
|
|
510
530
|
var headerProps = mergeProps(_objectSpread({
|
|
511
531
|
className: cx('stepper.header', {
|
|
512
532
|
step: step,
|
|
@@ -576,7 +596,7 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
|
|
|
576
596
|
className: utils.classNames(cx('root')),
|
|
577
597
|
role: 'tablist'
|
|
578
598
|
}, StepperBase.getOtherProps(props), ptm('root'));
|
|
579
|
-
return /*#__PURE__*/React__default["default"].createElement("div", rootProps,
|
|
599
|
+
return /*#__PURE__*/React__default["default"].createElement("div", rootProps, start && /*#__PURE__*/React__default["default"].createElement("div", startProps, start), props.orientation === 'horizontal' && createHorizontal(), props.orientation === 'vertical' && createVertical(), end && /*#__PURE__*/React__default["default"].createElement("div", endProps, end));
|
|
580
600
|
}));
|
|
581
601
|
StepperBase.displayName = 'StepperBase';
|
|
582
602
|
|