primereact 10.6.3 → 10.6.4
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/accordion/accordion.cjs.js +14 -16
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.esm.js +14 -16
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -16
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +109 -38
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -0
- package/api/api.esm.js +109 -38
- package/api/api.esm.min.js +1 -1
- package/api/api.js +109 -38
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +7 -7
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +7 -7
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +7 -7
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +1 -6
- package/calendar/calendar.cjs.js +23 -6
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +23 -6
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +23 -6
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +6 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +7 -3
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +6 -2
- package/carousel/carousel.min.js +1 -1
- package/checkbox/checkbox.d.ts +6 -1
- package/chips/chips.cjs.js +12 -12
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +12 -12
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +12 -12
- package/chips/chips.min.js +1 -1
- package/core/core.js +313 -174
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +17 -6
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +27 -27
- package/datatable/datatable.esm.js +17 -6
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +17 -6
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +143 -92
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +144 -93
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +144 -93
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +39 -40
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +17 -17
- package/dropdown/dropdown.esm.js +39 -40
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +39 -40
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -2
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -2
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -2
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/floatlabel/floatlabel.d.ts +5 -0
- package/galleria/galleria.cjs.js +9 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +10 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +9 -3
- package/galleria/galleria.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +11 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +11 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +11 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +9 -9
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +9 -9
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +9 -9
- package/inputotp/inputotp.min.js +1 -1
- package/inputotp/package.json +1 -1
- package/keyfilter/keyfilter.cjs.js +3 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +3 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/listbox/listbox.cjs.js +2 -6
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +2 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +2 -6
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +10 -6
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +10 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +10 -6
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +23 -5
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +19 -0
- package/menu/menu.esm.js +23 -5
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +23 -5
- package/menu/menu.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/metergroup/metergroup.cjs.js +33 -12
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.js +6 -5
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +32 -11
- package/metergroup/metergroup.min.js +1 -1
- package/multiselect/multiselect.cjs.js +18 -3
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +17 -17
- package/multiselect/multiselect.esm.js +18 -3
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +18 -3
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -0
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +5 -0
- package/overlaypanel/overlaypanel.esm.js +3 -0
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -0
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +6 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +6 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +6 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +14 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +14 -4
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +14 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +104 -15
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +10 -10
- package/password/password.esm.js +104 -15
- package/password/password.esm.min.js +1 -1
- package/password/password.js +105 -16
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +6 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1121 -920
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1121 -920
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1121 -920
- package/primereact.all.min.js +1 -1
- package/ripple/ripple.d.ts +32 -0
- package/splitter/splitter.cjs.js +6 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +14 -4
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +13 -1
- package/stepper/stepper.esm.js +14 -4
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +14 -4
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +0 -5
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +1 -1
- package/stepperpanel/stepperpanel.esm.js +0 -5
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +2 -6
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +4 -0
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/toast/toast.cjs.js +7 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -1
- package/toast/toast.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -2
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +12 -2
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -2
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +8 -0
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +8 -0
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +8 -0
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +3 -3
- package/web-types.json +61 -5
package/galleria/galleria.esm.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import PrimeReact, { localeOption, PrimeReactContext } from 'primereact/api';
|
|
3
|
+
import PrimeReact, { localeOption, ariaLabel, PrimeReactContext } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { CSSTransition } from 'primereact/csstransition';
|
|
6
6
|
import { useMergeProps, useMountEffect, usePrevious, useResizeListener, useUpdateEffect, useInterval, useUnmountEffect } from 'primereact/hooks';
|
|
@@ -291,10 +291,14 @@ var GalleriaItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
|
|
|
291
291
|
}, options));
|
|
292
292
|
};
|
|
293
293
|
var ariaSlideNumber = function ariaSlideNumber(value) {
|
|
294
|
-
return
|
|
294
|
+
return ariaLabel('slideNumber', {
|
|
295
|
+
slideNumber: value
|
|
296
|
+
});
|
|
295
297
|
};
|
|
296
298
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
297
|
-
return
|
|
299
|
+
return ariaLabel('pageLabel', {
|
|
300
|
+
page: value
|
|
301
|
+
});
|
|
298
302
|
};
|
|
299
303
|
var next = function next() {
|
|
300
304
|
var nextItemIndex = props.activeItemIndex + 1;
|
|
@@ -572,7 +576,9 @@ var GalleriaThumbnailItem = /*#__PURE__*/React.memo(function (props) {
|
|
|
572
576
|
});
|
|
573
577
|
};
|
|
574
578
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
575
|
-
return
|
|
579
|
+
return ariaLabel('pageLabel', {
|
|
580
|
+
page: value
|
|
581
|
+
});
|
|
576
582
|
};
|
|
577
583
|
var onThumbnailKeydown = function onThumbnailKeydown(event) {
|
|
578
584
|
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{localeOption as t,PrimeReactContext as i}from"primereact/api";import{ComponentBase as a,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as o,useMountEffect as c,usePrevious as u,useResizeListener as s,useUpdateEffect as m,useInterval as p,useUnmountEffect as d}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as v,IconUtils as g,DomHandler as I,UniqueComponentId as x,ObjectUtils as y,ZIndexUtils as w}from"primereact/utils";import{ChevronLeftIcon as S}from"primereact/icons/chevronleft";import{ChevronRightIcon as O}from"primereact/icons/chevronright";import{ChevronDownIcon as E}from"primereact/icons/chevrondown";import{ChevronUpIcon as N}from"primereact/icons/chevronup";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 i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},P.apply(this,arguments)}function C(e){return C="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},C(e)}function T(e,n){if("object"!==C(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==C(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=T(e,"string");return"symbol"===C(n)?n:String(n)}function k(e,n,t){return(n=j(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e){if(Array.isArray(e))return e}function D(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function R(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function V(e,n){if(e){if("string"==typeof e)return R(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)?R(e,n):void 0}}function B(){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 H(e,n){return A(e)||D(e,n)||V(e,n)||B()}var U=a.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return v("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return v("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return v("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return v("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return v("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return v("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return v("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return v("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function _(e){if(Array.isArray(e))return R(e)}function G(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function L(){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 _(e)||G(e)||V(e)||L()}function W(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function X(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?W(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):W(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.memo(e.forwardRef((function(n,i){var a=o(),r=e.useRef(null),l=n.ptm,u=n.cx,s=function(e,t){return l(e,X({hostName:n.hostName},t))},m=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},p=function(e){m(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},d=function(e){m(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},f=function(e){m(),n.onActiveItemChange({index:e})},h=function(e){n.changeItemOnIndicatorHover&&(m(),n.onActiveItemChange({index:e}))},x=function(e,t){switch(e.code){case"Enter":case"NumpadEnter":case"Space":m(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":E(),e.preventDefault();break;case"End":N(),e.preventDefault();break;case"Tab":C();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},y=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=T();j(e,e-1<=0?0:e-1)},E=function(){var e=T();j(e,0)},N=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=T();j(n,e.length-1)},C=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-highlight")})),t=I.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},T=function(){var e=M(I.find(r.current,'[data-pc-section="indicator"]')),n=I.findSingle(r.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},j=function(e,n){var t=M(I.find(r.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};c((function(){n.autoPlay&&n.startSlideShow()}));var k,A=function(i){var r,l="p-galleria-indicator-"+i,o=n.activeItemIndex===i,c=n.indicator&&n.indicator(i),m=a({className:u("indicator",{isActive:o}),key:l,tabIndex:0,"aria-label":(r=i+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,r):void 0),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,"data-p-highlight":o,onClick:function(){return f(i)},onMouseEnter:function(){return h(i)},onKeyDown:function(e){return x(e,i)}},s("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===i?"0":"-1",type:"button",className:"p-link"},e.createElement(b,null))),e.createElement("li",m,c)},D=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),R=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=a({className:u("previousItemIcon")},s("previousItemIcon")),r=g.getJSXIcon(n.itemPrevIcon||e.createElement(S,i),X({},i),{props:n}),l=a({type:"button",className:u("previousItemButton",{isDisabled:t}),onClick:p,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("previousItemButton"));return e.createElement("button",l,r,e.createElement(b,null))}return null}(),V=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=a({className:u("nextItemIcon")},s("nextItemIcon")),r=g.getJSXIcon(n.itemNextIcon||e.createElement(O,i),X({},i),{props:n}),l=a({type:"button",className:u("nextItemButton",{isDisabled:t}),onClick:d,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},s("nextItemButton"));return e.createElement("button",l,r,e.createElement(b,null))}return null}(),B=function(){var t=a({className:u("caption")},s("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),H=function(){if(n.showIndicators){for(var t=[],i=a({className:v(n.indicatorsContentClassName,u("indicators"))},s("indicators")),l=0;l<n.value.length;l++)t.push(A(l));return e.createElement("ul",P({ref:r},i),t)}return null}(),U=a({ref:i,className:u("itemWrapper")},s("itemWrapper")),_=a({className:u("itemContainer")},s("itemContainer")),G=a({className:u("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(k=n.activeItemIndex+1,t("aria")?t("aria").slideNumber.replace(/{slideNumber}/g,k):void 0),"aria-roledescription":t("aria")?t("aria").slide:void 0},s("item"));return e.createElement("div",U,e.createElement("div",_,R,e.createElement("div",G,D),V,B),H)})));function J(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?J(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):J(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}z.displayName="GalleriaItem";var K=e.memo((function(n){var i,a=o(),r=n.ptm,l=n.cx,c=function(e,t){return r(e,Z({hostName:n.hostName},t))},u=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===e.length?e.length-1:t+1)},s=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var e=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,e.length-1)},d=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===I.getAttribute(e,"data-p-active")})),i=I.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},f=function(){var e=M(I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=I.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},h=function(e,t){var i=I.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},b=n.template&&n.template(n.item),g=a({className:v(n.className,l("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":u();break;case"ArrowLeft":s();break;case"Home":m(),e.preventDefault();break;case"End":p(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},c("thumbnailItem")),x=a({className:l("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(i=n.index+1,t("aria")?t("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},c("thumbnailItemContent"));return e.createElement("div",g,e.createElement("div",x,b))})),Y=e.memo(e.forwardRef((function(a,r){var l=o(),p=H(e.useState(a.numVisible),2),d=p[0],f=p[1],h=H(e.useState(0),2),v=h[0],w=h[1],P=e.useRef(null),C=e.useRef(null),T=e.useRef(""),j=e.useRef(null),k=e.useRef(null),A=u(d),D=u(a.activeItemIndex),R=e.useContext(i),V=a.ptm,B=a.cx,U=a.sx,_=function(e,n){return V(e,Z({hostName:a.hostName},n))},G=H(s({listener:function(){ie()},when:a.responsiveOptions}),1)[0],L=function(e){var n=v+e;e<0&&-1*n+d>a.value.length-1?n=d-a.value.length:e>0&&n>0&&(n=0),a.circular&&(e<0&&a.value.length-1===a.activeItemIndex?n=0:e>0&&0===a.activeItemIndex&&(n=d-a.value.length)),P.current&&(I.removeClass(P.current,"p-items-hidden"),P.current.style.transform=a.isVertical?"translate3d(0, ".concat(n*(100/d),"%, 0)"):"translate3d(".concat(n*(100/d),"%, 0, 0)"),P.current.style.transition="transform 500ms ease 0s"),w(n)},W=function(){a.slideShowActive&&a.stopSlideShow&&a.stopSlideShow()},X=function(){var e=Math.floor(d/2);return d%2?e:e-1},z=function(e){W();var n=0!==a.activeItemIndex?a.activeItemIndex-1:0;d-(n+v)-1>X()&&(-1*v!=0||a.circular)&&L(1),a.onActiveItemChange({index:a.circular&&0===a.activeItemIndex?a.value.length-1:n}),e.cancelable&&e.preventDefault()},J=function(e){W();var n=a.activeItemIndex+1;n+v>X()&&(-1*v<ne()-1||a.circular)&&L(-1),a.onActiveItemChange({index:a.circular&&a.value.length-1===a.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},Y=function(e){W();var n=e.index;if(n!==a.activeItemIndex){var t=n+v,i=0;n<a.activeItemIndex?(i=d-t-1-X())>0&&-1*v!=0&&L(i):(i=X()-t)<0&&-1*v<ne()-1&&L(i),a.onActiveItemChange({index:n})}},F=function(e){P.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.addClass(P.current,"p-items-hidden"),P.current.style.transition="")},$=function(e){var n=e.changedTouches[0];C.current={x:n.pageX,y:n.pageY}},q=function(e){e.cancelable&&e.preventDefault()},Q=function(e){var n=e.changedTouches[0];ee(e,a.isVertical?n.pageY-C.current.y:n.pageX-C.current.x)},ee=function(e,n){n<0?J(e):z(e)},ne=function(){return a.value.length>d?a.value.length-d+1:0},te=function(){j.current||(j.current=I.createInlineStyle(R&&R.nonce||n.nonce,R&&R.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/d,"%\n }\n } \n ");if(a.responsiveOptions){var t=y.localeComparator(R&&R.locale||n.locale);k.current=M(a.responsiveOptions),k.current.sort((function(e,i){return y.sort(e.breakpoint,i.breakpoint,-1,t,R&&R.nullSortOrder||n.nullSortOrder)}));for(var i=0;i<k.current.length;i++){var r=k.current[i];e+="\n @media screen and (max-width: ".concat(r.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/r.numVisible,"%\n }\n } \n }\n ")}}j.current.innerHTML=e},ie=function(){if(P.current&&k.current){for(var e=window.innerWidth,n={numVisible:a.numVisible},t=0;t<k.current.length;t++){var i=k.current[t];parseInt(i.breakpoint,10)>=e&&(n=i)}d!==n.numVisible&&f(n.numVisible)}};c((function(){P.current&&(T.current=x(),P.current.setAttribute(T.current,"")),te(),ie(),G()})),m((function(){var e=v;A===d&&D===a.activeItemIndex||((e=a.activeItemIndex<=X()?0:a.value.length-d+X()<a.activeItemIndex?d-a.value.length:a.value.length-d<a.activeItemIndex&&d%2==0?-1*a.activeItemIndex+X()+1:-1*a.activeItemIndex+X())!==v&&w(e),P.current.style.transform=a.isVertical?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"),D!==a.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!a.isUnstyled()&&I.removeClass(P.current,"p-items-hidden"),P.current.style.transition="transform 500ms ease 0s"))}));var ae,re,le,oe,ce,ue,se,me=function(){if(a.showThumbnailNavigators){var n=!a.circular&&0===a.activeItemIndex||a.value.length<=d,i=l({className:B("previousThumbnailIcon")},_("previousThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.prevThumbnailIcon||e.createElement(N,i):a.prevThumbnailIcon||e.createElement(S,i),Z({},i),{props:a}),o=l({className:B("previousThumbnailButton",{isDisabled:n}),onClick:z,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},_("previousThumbnailButton"));return e.createElement("button",o,r,e.createElement(b,null))}return null},pe=function(){if(a.showThumbnailNavigators){var n=!a.circular&&a.activeItemIndex===a.value.length-1||a.value.length<=d,i=l({className:B("nextThumbnailIcon")},_("nextThumbnailIcon")),r=g.getJSXIcon(a.isVertical?a.nextThumbnailIcon||e.createElement(E,i):a.nextThumbnailIcon||e.createElement(O,i),Z({},i),{props:a}),o=l({className:B("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:J,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},_("nextThumbnailButton"));return e.createElement("button",o,r,e.createElement(b,null))}return null},de=(ae=a.value.map((function(n,t){var i=-1*v,r=i+d-1;return e.createElement(K,{key:t,index:t,containerId:a.containerId,itemsContainerRef:P,template:a.itemTemplate,item:n,active:i<=t&&r>=t,start:i===t,end:r===t,onItemClick:Y,current:a.activeItemIndex===t,ptm:V,cx:B,sx:U})})),re=a.isVertical?a.contentHeight:"",le=me(),oe=pe(),ce=l({className:B("thumbnailContainer")},_("thumbnailContainer")),ue=l({className:B("thumbnailItemsContainer"),style:U("thumbnailItemsContainer",{height:re})},_("thumbnailItemsContainer")),se=l({ref:P,className:B("thumbnailItems"),role:"tablist",onTransitionEnd:F,onTouchStart:$,onTouchMove:q,onTouchEnd:Q},_("thumbnailItems")),e.createElement("div",ce,le,e.createElement("div",ue,e.createElement("div",se,ae)),oe)),fe=l({className:B("thumbnailWrapper")},_("thumbnailWrapper"));return e.createElement("div",fe,de)})));function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function $(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaThumbnailItem",Y.displayName="GalleriaThumbnails";var q=e.memo(e.forwardRef((function(a,c){var u=o(),s=e.useContext(i),m=U.getProps(a,s),S=H(e.useState(!1),2),O=S[0],E=S[1],N=H(e.useState(m.numVisible),2),C=N[0],T=N[1],j=H(e.useState(!1),2),k=j[0],A=j[1],D=H(e.useState(m.activeIndex),2),R=D[0],V=D[1],B=e.useRef(null),_=e.useRef(null),G=e.useRef(null),L=m.onItemChange?m.activeIndex:R,M="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,W=m.id||x(),X=U.setMetaData({props:m,state:{visible:O,numVisible:C,slideShowActive:k,activeIndex:R}}),J=X.ptm,Z=X.cx,K=X.sx,F=X.isUnstyled;r(U.css.styles,F,{name:"galleria"}),p((function(){q({index:m.circular&&m.value.length-1===L?0:L+1})}),m.transitionInterval,k);var q=function(e){e.index>=m.value.length?ce():m.onItemChange?m.onItemChange(e):V(e.index)},Q=function(){E(!0)},ee=function(){E(!1)},ne=function(){I.blockBodyScroll()},te=function(){w.set("modal",G.current,s&&s.autoZIndex||n.autoZIndex,m.baseZIndex||s&&s.zIndex.modal||n.zIndex.modal),!F()&&I.addMultipleClasses(G.current,"p-component-overlay p-component-overlay-enter")},ie=function(){m.onShow&&m.onShow()},ae=function(){I.unblockBodyScroll(),!F()&&I.addClass(G.current,"p-component-overlay-leave")},re=function(){w.clear(G.current),m.onHide&&m.onHide()},le=function(){return k},oe=function(){A(!0)},ce=function(){A(!1)},ue=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){m.value&&m.value.length<C&&T(m.value.length)}),[m.value,C]),e.useEffect((function(){T(m.numVisible)}),[m.numVisible]),d((function(){k&&ce(),w.clear(G.current)})),e.useImperativeHandle(c,(function(){return{props:m,show:Q,hide:ee,isAutoPlayActive:le,startSlideShow:oe,stopSlideShow:ce,getElement:function(){return B.current},getPreviewContent:function(){return _.current}}}));return y.isNotEmpty(m.value)&&function(){var n,i,a,r,o,c,p,d,I,x,y,w,S=(a=m.showThumbnails&&ue("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ue("p-galleria-indicators",m.indicatorsPosition),o=u({className:Z("closeIcon"),"aria-hidden":!0},J("closeIcon")),c=g.getJSXIcon(m.closeIcon||e.createElement(f,o),$({},o),{props:m}),p=u({type:"button",className:Z("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:ee},J("closeButton")),d=m.fullScreen&&e.createElement("button",p,c,e.createElement(b,null)),n=u({className:Z("header")},J("header")),I=m.header?e.createElement("div",n,m.header):null,i=u({className:Z("footer")},J("footer")),x=m.footer?e.createElement("div",i,m.footer):null,y=u({ref:B,id:W,className:v(m.className,Z("root",{context:s,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},U.getOtherProps(m),J("root")),w=u({className:Z("content"),"aria-live":m.autoPlay?"polite":"off"},J("content")),e.createElement("div",y,d,I,e.createElement("div",w,e.createElement(z,{hostName:"Galleria",ref:_,id:W,value:m.value,activeItemIndex:L,onActiveItemChange:q,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:k,startSlideShow:oe,stopSlideShow:ce,ptm:J,cx:Z}),m.showThumbnails&&e.createElement(Y,{hostName:"Galleria",value:m.value,containerId:W,activeItemIndex:L,onActiveItemChange:q,itemTemplate:m.thumbnail,numVisible:C,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:M,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:k,stopSlideShow:ce,isUnstyled:F,ptm:J,cx:Z,sx:K})),x));if(m.fullScreen){var E=u({className:Z("mask",{visibleState:O}),role:"dialog","aria-modal":"true"},J("mask")),N=u({classNames:Z("transition"),in:O,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntering:te,onEntered:ie,onExit:ae,onExited:re},J("transition")),T=e.createElement("div",P({ref:G},E),e.createElement(l,P({nodeRef:B},N),S));return e.createElement(h,{element:T})}return S}()})));q.displayName="Galleria";export{q as Galleria};
|
|
1
|
+
import*as e from"react";import n,{localeOption as t,ariaLabel as i,PrimeReactContext as a}from"primereact/api";import{ComponentBase as r,useHandleStyle as l}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as c,useMountEffect as u,usePrevious as s,useResizeListener as m,useUpdateEffect as p,useInterval as d,useUnmountEffect as f}from"primereact/hooks";import{TimesIcon as h}from"primereact/icons/times";import{Portal as b}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as g,IconUtils as I,DomHandler as x,UniqueComponentId as y,ObjectUtils as w,ZIndexUtils as S}from"primereact/utils";import{ChevronLeftIcon as O}from"primereact/icons/chevronleft";import{ChevronRightIcon as E}from"primereact/icons/chevronright";import{ChevronDownIcon as N}from"primereact/icons/chevrondown";import{ChevronUpIcon as P}from"primereact/icons/chevronup";function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},C.apply(this,arguments)}function T(e){return T="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},T(e)}function j(e,n){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==T(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function k(e){var n=j(e,"string");return"symbol"===T(n)?n:String(n)}function A(e,n,t){return(n=k(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(e){if(Array.isArray(e))return e}function R(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,a,r,l,o=[],c=!0,u=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(i=r.call(t)).done)&&(o.push(i.value),o.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function B(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 H(){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 U(e,n){return D(e)||R(e,n)||B(e,n)||H()}var _=r.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var t=e.props,i=e.context;return g("p-galleria p-component",{"p-galleria-fullscreen":t.fullScreen,"p-galleria-indicator-onitem":t.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.showItemNavigatorsOnHover&&!t.fullScreen,"p-input-filled":i&&"filled"===i.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":i&&!1===i.ripple||!1===n.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return g("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return g("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return g("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return g("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return g("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return g("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return g("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function G(e){if(Array.isArray(e))return V(e)}function L(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function M(){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 W(e){return G(e)||L(e)||B(e)||M()}function X(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function z(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?X(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):X(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var J=e.memo(e.forwardRef((function(n,a){var r=c(),l=e.useRef(null),o=n.ptm,s=n.cx,m=function(e,t){return o(e,z({hostName:n.hostName},t))},p=function(){n.slideShowActive&&n.stopSlideShow&&n.stopSlideShow()},d=function(e){p(),n.onActiveItemChange({index:n.circular&&0===n.activeItemIndex?n.value.length-1:0!==n.activeItemIndex?n.activeItemIndex-1:0}),e&&e.cancelable&&e.preventDefault()},f=function(e){p(),n.onActiveItemChange({index:n.circular&&n.value.length-1===n.activeItemIndex?0:n.activeItemIndex+1}),e&&e.cancelable&&e.preventDefault()},h=function(e){p(),n.onActiveItemChange({index:e})},b=function(e){n.changeItemOnIndicatorHover&&(p(),n.onActiveItemChange({index:e}))},y=function(e,t){switch(e.code){case"Enter":case"NumpadEnter":case"Space":p(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":w();break;case"ArrowLeft":S();break;case"Home":N(),e.preventDefault();break;case"End":P(),e.preventDefault();break;case"Tab":T();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},w=function(){var e=W(x.find(l.current,'[data-pc-section="indicator"]')),n=j();k(n,n+1===e.length?e.length-1:n+1)},S=function(){var e=j();k(e,e-1<=0?0:e-1)},N=function(){var e=j();k(e,0)},P=function(){var e=W(x.find(l.current,'[data-pc-section="indicator"]')),n=j();k(n,e.length-1)},T=function(){var e=W(x.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===x.getAttribute(e,"data-p-highlight")})),t=x.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),i=e.findIndex((function(e){return e===t.parentElement}));e[i].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},j=function(){var e=W(x.find(l.current,'[data-pc-section="indicator"]')),n=x.findSingle(l.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},k=function(e,n){var t=W(x.find(l.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};u((function(){n.autoPlay&&n.startSlideShow()}));var A,D=function(t){var a,l="p-galleria-indicator-"+t,o=n.activeItemIndex===t,c=n.indicator&&n.indicator(t),u=r({className:s("indicator",{isActive:o}),key:l,tabIndex:0,"aria-label":(a=t+1,i("pageLabel",{page:a})),"aria-selected":n.activeIndex===t,"aria-controls":n.id+"_item_"+t,"data-p-highlight":o,onClick:function(){return h(t)},onMouseEnter:function(){return b(t)},onKeyDown:function(e){return y(e,t)}},m("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===t?"0":"-1",type:"button",className:"p-link"},e.createElement(v,null))),e.createElement("li",u,c)},R=n.itemTemplate&&n.itemTemplate(n.value[n.activeItemIndex]),V=function(){if(n.showItemNavigators){var t=!n.circular&&0===n.activeItemIndex,i=r({className:s("previousItemIcon")},m("previousItemIcon")),a=I.getJSXIcon(n.itemPrevIcon||e.createElement(O,i),z({},i),{props:n}),l=r({type:"button",className:s("previousItemButton",{isDisabled:t}),onClick:d,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},m("previousItemButton"));return e.createElement("button",l,a,e.createElement(v,null))}return null}(),B=function(){if(n.showItemNavigators){var t=!n.circular&&n.activeItemIndex===n.value.length-1,i=r({className:s("nextItemIcon")},m("nextItemIcon")),a=I.getJSXIcon(n.itemNextIcon||e.createElement(E,i),z({},i),{props:n}),l=r({type:"button",className:s("nextItemButton",{isDisabled:t}),onClick:f,disabled:t,"data-p-disabled":t,"data-pc-group-section":"itemnavigator"},m("nextItemButton"));return e.createElement("button",l,a,e.createElement(v,null))}return null}(),H=function(){var t=r({className:s("caption")},m("caption"));if(n.caption){var i=n.caption(n.value[n.activeItemIndex]);return e.createElement("div",t,i)}return null}(),U=function(){if(n.showIndicators){for(var t=[],i=r({className:g(n.indicatorsContentClassName,s("indicators"))},m("indicators")),a=0;a<n.value.length;a++)t.push(D(a));return e.createElement("ul",C({ref:l},i),t)}return null}(),_=r({ref:a,className:s("itemWrapper")},m("itemWrapper")),G=r({className:s("itemContainer")},m("itemContainer")),L=r({className:s("item"),id:n.id+"_item_"+n.activeItemIndex,role:"group","aria-label":(A=n.activeItemIndex+1,i("slideNumber",{slideNumber:A})),"aria-roledescription":t("aria")?t("aria").slide:void 0},m("item"));return e.createElement("div",_,e.createElement("div",G,V,e.createElement("div",L,R),B,H),U)})));function Z(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function K(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Z(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Z(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}J.displayName="GalleriaItem";var Y=e.memo((function(n){var t,a=c(),r=n.ptm,l=n.cx,o=function(e,t){return r(e,K({hostName:n.hostName},t))},u=function(){var e=x.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===e.length?e.length-1:t+1)},s=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var e=x.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,e.length-1)},d=function(){var e=W(x.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===x.getAttribute(e,"data-p-active")})),i=x.findSingle(n.itemsContainerRef.current,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},f=function(){var e=W(x.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=x.findSingle(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},h=function(e,t){var i=x.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},b=n.template&&n.template(n.item),v=a({className:g(n.className,l("thumbnailItem",{subProps:n})),key:"p-galleria-thumbnail-item-"+n.index,role:"tab","data-p-active":n.current,"aria-selected":n.current,"aria-controls":n.containerId+"_item_"+n.index,onKeyDown:function(e){switch("Enter"!==e.code&&"NumpadEnter"!==e.code&&"Space"!==e.code||(n.onItemClick({originalEvent:e,index:n.index}),e.preventDefault()),e.code){case"ArrowRight":u();break;case"ArrowLeft":s();break;case"Home":m(),e.preventDefault();break;case"End":p(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":n.current,"data-p-galleria-thumbnail-item-active":n.active,"data-p-galleria-thumbnail-item-start":n.start,"data-p-galleria-thumbnail-item-end":n.end},o("thumbnailItem")),I=a({className:l("thumbnailItemContent"),tabIndex:n.current?"0":"-1","aria-label":(t=n.index+1,i("pageLabel",{page:t})),"aria-current":n.current?"page":void 0,onClick:function(e){n.onItemClick({originalEvent:e,index:n.index})}},o("thumbnailItemContent"));return e.createElement("div",v,e.createElement("div",I,b))})),F=e.memo(e.forwardRef((function(i,r){var l=c(),o=U(e.useState(i.numVisible),2),d=o[0],f=o[1],h=U(e.useState(0),2),b=h[0],g=h[1],S=e.useRef(null),C=e.useRef(null),T=e.useRef(""),j=e.useRef(null),k=e.useRef(null),A=s(d),D=s(i.activeItemIndex),R=e.useContext(a),V=i.ptm,B=i.cx,H=i.sx,_=function(e,n){return V(e,K({hostName:i.hostName},n))},G=U(m({listener:function(){ie()},when:i.responsiveOptions}),1)[0],L=function(e){var n=b+e;e<0&&-1*n+d>i.value.length-1?n=d-i.value.length:e>0&&n>0&&(n=0),i.circular&&(e<0&&i.value.length-1===i.activeItemIndex?n=0:e>0&&0===i.activeItemIndex&&(n=d-i.value.length)),S.current&&(x.removeClass(S.current,"p-items-hidden"),S.current.style.transform=i.isVertical?"translate3d(0, ".concat(n*(100/d),"%, 0)"):"translate3d(".concat(n*(100/d),"%, 0, 0)"),S.current.style.transition="transform 500ms ease 0s"),g(n)},M=function(){i.slideShowActive&&i.stopSlideShow&&i.stopSlideShow()},X=function(){var e=Math.floor(d/2);return d%2?e:e-1},z=function(e){M();var n=0!==i.activeItemIndex?i.activeItemIndex-1:0;d-(n+b)-1>X()&&(-1*b!=0||i.circular)&&L(1),i.onActiveItemChange({index:i.circular&&0===i.activeItemIndex?i.value.length-1:n}),e.cancelable&&e.preventDefault()},J=function(e){M();var n=i.activeItemIndex+1;n+b>X()&&(-1*b<ne()-1||i.circular)&&L(-1),i.onActiveItemChange({index:i.circular&&i.value.length-1===i.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},Z=function(e){M();var n=e.index;if(n!==i.activeItemIndex){var t=n+b,a=0;n<i.activeItemIndex?(a=d-t-1-X())>0&&-1*b!=0&&L(a):(a=X()-t)<0&&-1*b<ne()-1&&L(a),i.onActiveItemChange({index:n})}},F=function(e){S.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&x.addClass(S.current,"p-items-hidden"),S.current.style.transition="")},$=function(e){var n=e.changedTouches[0];C.current={x:n.pageX,y:n.pageY}},q=function(e){e.cancelable&&e.preventDefault()},Q=function(e){var n=e.changedTouches[0];ee(e,i.isVertical?n.pageY-C.current.y:n.pageX-C.current.x)},ee=function(e,n){n<0?J(e):z(e)},ne=function(){return i.value.length>d?i.value.length-d+1:0},te=function(){j.current||(j.current=x.createInlineStyle(R&&R.nonce||n.nonce,R&&R.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/d,"%\n }\n } \n ");if(i.responsiveOptions){var t=w.localeComparator(R&&R.locale||n.locale);k.current=W(i.responsiveOptions),k.current.sort((function(e,i){return w.sort(e.breakpoint,i.breakpoint,-1,t,R&&R.nullSortOrder||n.nullSortOrder)}));for(var a=0;a<k.current.length;a++){var r=k.current[a];e+="\n @media screen and (max-width: ".concat(r.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(T.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/r.numVisible,"%\n }\n } \n }\n ")}}j.current.innerHTML=e},ie=function(){if(S.current&&k.current){for(var e=window.innerWidth,n={numVisible:i.numVisible},t=0;t<k.current.length;t++){var a=k.current[t];parseInt(a.breakpoint,10)>=e&&(n=a)}d!==n.numVisible&&f(n.numVisible)}};u((function(){S.current&&(T.current=y(),S.current.setAttribute(T.current,"")),te(),ie(),G()})),p((function(){var e=b;A===d&&D===i.activeItemIndex||((e=i.activeItemIndex<=X()?0:i.value.length-d+X()<i.activeItemIndex?d-i.value.length:i.value.length-d<i.activeItemIndex&&d%2==0?-1*i.activeItemIndex+X()+1:-1*i.activeItemIndex+X())!==b&&g(e),S.current.style.transform=i.isVertical?"translate3d(0, ".concat(e*(100/d),"%, 0)"):"translate3d(".concat(e*(100/d),"%, 0, 0)"),D!==i.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&x.removeClass(S.current,"p-items-hidden"),S.current.style.transition="transform 500ms ease 0s"))}));var ae,re,le,oe,ce,ue,se,me=function(){if(i.showThumbnailNavigators){var n=!i.circular&&0===i.activeItemIndex||i.value.length<=d,a=l({className:B("previousThumbnailIcon")},_("previousThumbnailIcon")),r=I.getJSXIcon(i.isVertical?i.prevThumbnailIcon||e.createElement(P,a):i.prevThumbnailIcon||e.createElement(O,a),K({},a),{props:i}),o=l({className:B("previousThumbnailButton",{isDisabled:n}),onClick:z,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},_("previousThumbnailButton"));return e.createElement("button",o,r,e.createElement(v,null))}return null},pe=function(){if(i.showThumbnailNavigators){var n=!i.circular&&i.activeItemIndex===i.value.length-1||i.value.length<=d,a=l({className:B("nextThumbnailIcon")},_("nextThumbnailIcon")),r=I.getJSXIcon(i.isVertical?i.nextThumbnailIcon||e.createElement(N,a):i.nextThumbnailIcon||e.createElement(E,a),K({},a),{props:i}),o=l({className:B("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t("aria")?t("aria").nextPageLabel:void 0,onClick:J,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},_("nextThumbnailButton"));return e.createElement("button",o,r,e.createElement(v,null))}return null},de=(ae=i.value.map((function(n,t){var a=-1*b,r=a+d-1;return e.createElement(Y,{key:t,index:t,containerId:i.containerId,itemsContainerRef:S,template:i.itemTemplate,item:n,active:a<=t&&r>=t,start:a===t,end:r===t,onItemClick:Z,current:i.activeItemIndex===t,ptm:V,cx:B,sx:H})})),re=i.isVertical?i.contentHeight:"",le=me(),oe=pe(),ce=l({className:B("thumbnailContainer")},_("thumbnailContainer")),ue=l({className:B("thumbnailItemsContainer"),style:H("thumbnailItemsContainer",{height:re})},_("thumbnailItemsContainer")),se=l({ref:S,className:B("thumbnailItems"),role:"tablist",onTransitionEnd:F,onTouchStart:$,onTouchMove:q,onTouchEnd:Q},_("thumbnailItems")),e.createElement("div",ce,le,e.createElement("div",ue,e.createElement("div",se,ae)),oe)),fe=l({className:B("thumbnailWrapper")},_("thumbnailWrapper"));return e.createElement("div",fe,de)})));function $(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?$(Object(t),!0).forEach((function(n){A(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):$(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}Y.displayName="GalleriaThumbnailItem",F.displayName="GalleriaThumbnails";var Q=e.memo(e.forwardRef((function(i,r){var u=c(),s=e.useContext(a),m=_.getProps(i,s),p=U(e.useState(!1),2),O=p[0],E=p[1],N=U(e.useState(m.numVisible),2),P=N[0],T=N[1],j=U(e.useState(!1),2),k=j[0],A=j[1],D=U(e.useState(m.activeIndex),2),R=D[0],V=D[1],B=e.useRef(null),H=e.useRef(null),G=e.useRef(null),L=m.onItemChange?m.activeIndex:R,M="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,W=m.id||y(),X=_.setMetaData({props:m,state:{visible:O,numVisible:P,slideShowActive:k,activeIndex:R}}),z=X.ptm,Z=X.cx,K=X.sx,Y=X.isUnstyled;l(_.css.styles,Y,{name:"galleria"}),d((function(){$({index:m.circular&&m.value.length-1===L?0:L+1})}),m.transitionInterval,k);var $=function(e){e.index>=m.value.length?ce():m.onItemChange?m.onItemChange(e):V(e.index)},Q=function(){E(!0)},ee=function(){E(!1)},ne=function(){x.blockBodyScroll()},te=function(){S.set("modal",G.current,s&&s.autoZIndex||n.autoZIndex,m.baseZIndex||s&&s.zIndex.modal||n.zIndex.modal),!Y()&&x.addMultipleClasses(G.current,"p-component-overlay p-component-overlay-enter")},ie=function(){m.onShow&&m.onShow()},ae=function(){x.unblockBodyScroll(),!Y()&&x.addClass(G.current,"p-component-overlay-leave")},re=function(){S.clear(G.current),m.onHide&&m.onHide()},le=function(){return k},oe=function(){A(!0)},ce=function(){A(!1)},ue=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};e.useEffect((function(){m.value&&m.value.length<P&&T(m.value.length)}),[m.value,P]),e.useEffect((function(){T(m.numVisible)}),[m.numVisible]),f((function(){k&&ce(),S.clear(G.current)})),e.useImperativeHandle(r,(function(){return{props:m,show:Q,hide:ee,isAutoPlayActive:le,startSlideShow:oe,stopSlideShow:ce,getElement:function(){return B.current},getPreviewContent:function(){return H.current}}}));return w.isNotEmpty(m.value)&&function(){var n,i,a,r,l,c,p,d,f,x,y,w,S=(a=m.showThumbnails&&ue("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&ue("p-galleria-indicators",m.indicatorsPosition),l=u({className:Z("closeIcon"),"aria-hidden":!0},z("closeIcon")),c=I.getJSXIcon(m.closeIcon||e.createElement(h,l),q({},l),{props:m}),p=u({type:"button",className:Z("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:ee},z("closeButton")),d=m.fullScreen&&e.createElement("button",p,c,e.createElement(v,null)),n=u({className:Z("header")},z("header")),f=m.header?e.createElement("div",n,m.header):null,i=u({className:Z("footer")},z("footer")),x=m.footer?e.createElement("div",i,m.footer):null,y=u({ref:B,id:W,className:g(m.className,Z("root",{context:s,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},_.getOtherProps(m),z("root")),w=u({className:Z("content"),"aria-live":m.autoPlay?"polite":"off"},z("content")),e.createElement("div",y,d,f,e.createElement("div",w,e.createElement(J,{hostName:"Galleria",ref:H,id:W,value:m.value,activeItemIndex:L,onActiveItemChange:$,itemTemplate:m.item,circular:m.circular,caption:m.caption,showIndicators:m.showIndicators,itemPrevIcon:m.itemPrevIcon,itemNextIcon:m.itemNextIcon,changeItemOnIndicatorHover:m.changeItemOnIndicatorHover,indicator:m.indicator,showItemNavigators:m.showItemNavigators,autoPlay:m.autoPlay,slideShowActive:k,startSlideShow:oe,stopSlideShow:ce,ptm:z,cx:Z}),m.showThumbnails&&e.createElement(F,{hostName:"Galleria",value:m.value,containerId:W,activeItemIndex:L,onActiveItemChange:$,itemTemplate:m.thumbnail,numVisible:P,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:M,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:k,stopSlideShow:ce,isUnstyled:Y,ptm:z,cx:Z,sx:K})),x));if(m.fullScreen){var E=u({className:Z("mask",{visibleState:O}),role:"dialog","aria-modal":"true"},z("mask")),N=u({classNames:Z("transition"),in:O,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:ne,onEntering:te,onEntered:ie,onExit:ae,onExited:re},z("transition")),T=e.createElement("div",C({ref:G},E),e.createElement(o,C({nodeRef:B},N),S));return e.createElement(b,{element:T})}return S}()})));Q.displayName="Galleria";export{Q as Galleria};
|
package/galleria/galleria.js
CHANGED
|
@@ -303,10 +303,14 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
|
|
|
303
303
|
}, options));
|
|
304
304
|
};
|
|
305
305
|
var ariaSlideNumber = function ariaSlideNumber(value) {
|
|
306
|
-
return PrimeReact.
|
|
306
|
+
return PrimeReact.ariaLabel('slideNumber', {
|
|
307
|
+
slideNumber: value
|
|
308
|
+
});
|
|
307
309
|
};
|
|
308
310
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
309
|
-
return PrimeReact.
|
|
311
|
+
return PrimeReact.ariaLabel('pageLabel', {
|
|
312
|
+
page: value
|
|
313
|
+
});
|
|
310
314
|
};
|
|
311
315
|
var next = function next() {
|
|
312
316
|
var nextItemIndex = props.activeItemIndex + 1;
|
|
@@ -584,7 +588,9 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
|
|
|
584
588
|
});
|
|
585
589
|
};
|
|
586
590
|
var ariaPageLabel = function ariaPageLabel(value) {
|
|
587
|
-
return PrimeReact.
|
|
591
|
+
return PrimeReact.ariaLabel('pageLabel', {
|
|
592
|
+
page: value
|
|
593
|
+
});
|
|
588
594
|
};
|
|
589
595
|
var onThumbnailKeydown = function onThumbnailKeydown(event) {
|
|
590
596
|
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
package/galleria/galleria.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var b=h(n),v=f(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},g.apply(this,arguments)}function I(e){return I="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},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function E(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function P(){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 C(e,n){return O(e)||S(e,n)||E(e,n)||P()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return s.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return s.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return s.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return s.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return s.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return s.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return N(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){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 A(e){return j(e)||T(e)||E(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=b.useRef(null),l=e.ptm,o=e.cx,p=function(n,t){return l(n,R({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},h=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"NumpadEnter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":S(),n.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=E();P(e,e-1<=0?0:e-1)},O=function(){var e=E();P(e,0)},S=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,e.length-1)},N=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),t=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},E=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},P=function(e,n){var t=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(n){var i,r="p-galleria-indicator-"+n,l=e.activeItemIndex===n,s=e.indicator&&e.indicator(n),u=a({className:o("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=n+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,i):void 0),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":l,onClick:function(){return v(n)},onMouseEnter:function(){return I(n)},onKeyDown:function(e){return x(e,n)}},p("indicator"));return s||(s=b.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},b.createElement(c.Ripple,null))),b.createElement("li",u,s)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:o("previousItemIcon")},p("previousItemIcon")),i=s.IconUtils.getJSXIcon(e.itemPrevIcon||b.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),k=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:o("nextItemIcon")},p("nextItemIcon")),i=s.IconUtils.getJSXIcon(e.itemNextIcon||b.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("nextItemButton",{isDisabled:n}),onClick:h,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),H=function(){var n=a({className:o("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return b.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:s.classNames(e.indicatorsContentClassName,o("indicators"))},p("indicators")),r=0;r<e.value.length;r++)n.push(D(r));return b.createElement("ul",g({ref:i},t),n)}return null}(),V=a({ref:n,className:o("itemWrapper")},p("itemWrapper")),B=a({className:o("itemContainer")},p("itemContainer")),M=a({className:o("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,t.localeOption("aria")?t.localeOption("aria").slideNumber.replace(/{slideNumber}/g,C):void 0),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},p("item"));return b.createElement("div",V,b.createElement("div",B,T,b.createElement("div",M,j),k,H),U)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var M=b.memo((function(e){var n,a=r.useMergeProps(),i=e.ptm,l=e.cx,o=function(n,t){return i(n,B({hostName:e.hostName},t))},c=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===n.length?n.length-1:t+1)},u=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,n.length-1)},d=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-active")})),a=s.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},f=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=s.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},h=function(n,t){var a=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},v=e.template&&e.template(e.item),g=a({className:s.classNames(e.className,l("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":c();break;case"ArrowLeft":u();break;case"Home":m(),n.preventDefault();break;case"End":p(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},o("thumbnailItem")),I=a({className:l("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.localeOption("aria")?t.localeOption("aria").pageLabel.replace(/{page}/g,n):void 0),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},o("thumbnailItemContent"));return b.createElement("div",g,b.createElement("div",I,v))})),_=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=C(b.useState(e.numVisible),2),l=i[0],o=i[1],f=C(b.useState(0),2),h=f[0],g=f[1],I=b.useRef(null),x=b.useRef(null),y=b.useRef(""),w=b.useRef(null),O=b.useRef(null),S=r.usePrevious(l),N=r.usePrevious(e.activeItemIndex),E=b.useContext(t.PrimeReactContext),P=e.ptm,D=e.cx,j=e.sx,T=function(n,t){return P(n,B({hostName:e.hostName},t))},k=C(r.useResizeListener({listener:function(){Y()},when:e.responsiveOptions}),1)[0],H=function(n){var t=h+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),I.current&&(s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),I.current.style.transition="transform 500ms ease 0s"),g(t)},R=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},U=function(){var e=Math.floor(l/2);return l%2?e:e-1},V=function(n){R();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+h)-1>U()&&(-1*h!=0||e.circular)&&H(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},_=function(n){R();var t=e.activeItemIndex+1;t+h>U()&&(-1*h<J()-1||e.circular)&&H(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},L=function(n){R();var t=n.index;if(t!==e.activeItemIndex){var a=t+h,i=0;t<e.activeItemIndex?(i=l-a-1-U())>0&&-1*h!=0&&H(i):(i=U()-a)<0&&-1*h<J()-1&&H(i),e.onActiveItemChange({index:t})}},G=function(n){I.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(I.current,"p-items-hidden"),I.current.style.transition="")},z=function(e){var n=e.changedTouches[0];x.current={x:n.pageX,y:n.pageY}},W=function(e){e.cancelable&&e.preventDefault()},X=function(n){var t=n.changedTouches[0];Z(n,e.isVertical?t.pageY-x.current.y:t.pageX-x.current.x)},Z=function(e,n){n<0?_(e):V(e)},J=function(){return e.value.length>l?e.value.length-l+1:0},K=function(){w.current||(w.current=s.DomHandler.createInlineStyle(E&&E.nonce||v.default.nonce,E&&E.styleContainer));var n='\n [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/l,"%\n }\n } \n ");if(e.responsiveOptions){var t=s.ObjectUtils.localeComparator(E&&E.locale||v.default.locale);O.current=A(e.responsiveOptions),O.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,E&&E.nullSortOrder||v.default.nullSortOrder)}));for(var a=0;a<O.current.length;a++){var i=O.current[a];n+="\n @media screen and (max-width: ".concat(i.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/i.numVisible,"%\n }\n } \n }\n ")}}w.current.innerHTML=n},Y=function(){if(I.current&&O.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<O.current.length;a++){var i=O.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};r.useMountEffect((function(){I.current&&(y.current=s.UniqueComponentId(),I.current.setAttribute(y.current,"")),K(),Y(),k()})),r.useUpdateEffect((function(){var n=h;S===l&&N===e.activeItemIndex||((n=e.activeItemIndex<=U()?0:e.value.length-l+U()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+U()+1:-1*e.activeItemIndex+U())!==h&&g(n),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),N!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transition="transform 500ms ease 0s"))}));var q,F,$,Q,ee,ne,te,ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=l,i=a({className:D("previousThumbnailIcon")},T("previousThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||b.createElement(d.ChevronUpIcon,i):e.prevThumbnailIcon||b.createElement(u.ChevronLeftIcon,i),B({},i),{props:e}),o=a({className:D("previousThumbnailButton",{isDisabled:n}),onClick:V,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},T("previousThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},ie=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,i=a({className:D("nextThumbnailIcon")},T("nextThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||b.createElement(p.ChevronDownIcon,i):e.nextThumbnailIcon||b.createElement(m.ChevronRightIcon,i),B({},i),{props:e}),o=a({className:D("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:_,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},T("nextThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},re=(q=e.value.map((function(n,t){var a=-1*h,i=a+l-1;return b.createElement(M,{key:t,index:t,containerId:e.containerId,itemsContainerRef:I,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:L,current:e.activeItemIndex===t,ptm:P,cx:D,sx:j})})),F=e.isVertical?e.contentHeight:"",$=ae(),Q=ie(),ee=a({className:D("thumbnailContainer")},T("thumbnailContainer")),ne=a({className:D("thumbnailItemsContainer"),style:j("thumbnailItemsContainer",{height:F})},T("thumbnailItemsContainer")),te=a({ref:I,className:D("thumbnailItems"),role:"tablist",onTransitionEnd:G,onTouchStart:z,onTouchMove:W,onTouchEnd:X},T("thumbnailItems")),b.createElement("div",ee,$,b.createElement("div",ne,b.createElement("div",te,q)),Q)),le=a({className:D("thumbnailWrapper")},T("thumbnailWrapper"));return b.createElement("div",le,re)})));function L(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?L(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):L(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="GalleriaThumbnailItem",_.displayName="GalleriaThumbnails";var z=b.memo(b.forwardRef((function(e,n){var u=r.useMergeProps(),m=b.useContext(t.PrimeReactContext),p=D.getProps(e,m),d=C(b.useState(!1),2),f=d[0],h=d[1],I=C(b.useState(p.numVisible),2),x=I[0],y=I[1],w=C(b.useState(!1),2),O=w[0],S=w[1],N=C(b.useState(p.activeIndex),2),E=N[0],P=N[1],j=b.useRef(null),T=b.useRef(null),k=b.useRef(null),A=p.onItemChange?p.activeIndex:E,H="left"===p.thumbnailsPosition||"right"===p.thumbnailsPosition,R=p.id||s.UniqueComponentId(),V=D.setMetaData({props:p,state:{visible:f,numVisible:x,slideShowActive:O,activeIndex:E}}),B=V.ptm,M=V.cx,L=V.sx,z=V.isUnstyled;a.useHandleStyle(D.css.styles,z,{name:"galleria"}),r.useInterval((function(){W({index:p.circular&&p.value.length-1===A?0:A+1})}),p.transitionInterval,O);var W=function(e){e.index>=p.value.length?ee():p.onItemChange?p.onItemChange(e):P(e.index)},X=function(){h(!0)},Z=function(){h(!1)},J=function(){s.DomHandler.blockBodyScroll()},K=function(){s.ZIndexUtils.set("modal",k.current,m&&m.autoZIndex||v.default.autoZIndex,p.baseZIndex||m&&m.zIndex.modal||v.default.zIndex.modal),!z()&&s.DomHandler.addMultipleClasses(k.current,"p-component-overlay p-component-overlay-enter")},Y=function(){p.onShow&&p.onShow()},q=function(){s.DomHandler.unblockBodyScroll(),!z()&&s.DomHandler.addClass(k.current,"p-component-overlay-leave")},F=function(){s.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},$=function(){return O},Q=function(){S(!0)},ee=function(){S(!1)},ne=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};b.useEffect((function(){p.value&&p.value.length<x&&y(p.value.length)}),[p.value,x]),b.useEffect((function(){y(p.numVisible)}),[p.numVisible]),r.useUnmountEffect((function(){O&&ee(),s.ZIndexUtils.clear(k.current)})),b.useImperativeHandle(n,(function(){return{props:p,show:X,hide:Z,isAutoPlayActive:$,startSlideShow:Q,stopSlideShow:ee,getElement:function(){return j.current},getPreviewContent:function(){return T.current}}}));return s.ObjectUtils.isNotEmpty(p.value)&&function(){var e,n,a,r,d,h,v,I,y,w,S,N,E=(a=p.showThumbnails&&ne("p-galleria-thumbnails",p.thumbnailsPosition),r=p.showIndicators&&ne("p-galleria-indicators",p.indicatorsPosition),d=u({className:M("closeIcon"),"aria-hidden":!0},B("closeIcon")),h=s.IconUtils.getJSXIcon(p.closeIcon||b.createElement(l.TimesIcon,d),G({},d),{props:p}),v=u({type:"button",className:M("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:Z},B("closeButton")),I=p.fullScreen&&b.createElement("button",v,h,b.createElement(c.Ripple,null)),e=u({className:M("header")},B("header")),y=p.header?b.createElement("div",e,p.header):null,n=u({className:M("footer")},B("footer")),w=p.footer?b.createElement("div",n,p.footer):null,S=u({ref:j,id:R,className:s.classNames(p.className,M("root",{context:m,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:p.style,role:"region"},D.getOtherProps(p),B("root")),N=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),b.createElement("div",S,I,y,b.createElement("div",N,b.createElement(U,{hostName:"Galleria",ref:T,id:R,value:p.value,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.item,circular:p.circular,caption:p.caption,showIndicators:p.showIndicators,itemPrevIcon:p.itemPrevIcon,itemNextIcon:p.itemNextIcon,changeItemOnIndicatorHover:p.changeItemOnIndicatorHover,indicator:p.indicator,showItemNavigators:p.showItemNavigators,autoPlay:p.autoPlay,slideShowActive:O,startSlideShow:Q,stopSlideShow:ee,ptm:B,cx:M}),p.showThumbnails&&b.createElement(_,{hostName:"Galleria",value:p.value,containerId:R,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.thumbnail,numVisible:x,nextThumbnailIcon:p.nextThumbnailIcon,prevThumbnailIcon:p.prevThumbnailIcon,responsiveOptions:p.responsiveOptions,circular:p.circular,isVertical:H,contentHeight:p.verticalThumbnailViewPortHeight,showThumbnailNavigators:p.showThumbnailNavigators,autoPlay:p.autoPlay,slideShowActive:O,stopSlideShow:ee,isUnstyled:z,ptm:B,cx:M,sx:L})),w));if(p.fullScreen){var P=u({className:M("mask",{visibleState:f}),role:"dialog","aria-modal":"true"},B("mask")),C=u({classNames:M("transition"),in:f,timeout:{enter:150,exit:150},options:p.transitionOptions,unmountOnExit:!0,onEnter:J,onEntering:K,onEntered:Y,onExit:q,onExited:F},B("transition")),V=b.createElement("div",g({ref:k},P),b.createElement(i.CSSTransition,g({nodeRef:j},C),E));return b.createElement(o.Portal,{element:V})}return E}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.galleria=function(e,n,t,a,i,r,l,o,c,s,u,m,p,d){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var b=h(n),v=f(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},g.apply(this,arguments)}function I(e){return I="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},I(e)}function x(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,n||"default");if("object"!==I(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=x(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,i,r,l,o=[],c=!0,s=!1;try{if(r=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(a=r.call(t)).done)&&(o.push(a.value),o.length!==n);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw i}}return o}}function N(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function E(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function P(){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 C(e,n){return O(e)||S(e,n)||E(e,n)||P()}var D=a.ComponentBase.extend({defaultProps:{__TYPE:"Galleria",activeIndex:0,autoPlay:!1,baseZIndex:0,caption:null,changeItemOnIndicatorHover:!1,children:void 0,circular:!1,className:null,closeIcon:null,footer:null,fullScreen:!1,header:null,id:null,indicator:null,indicatorsPosition:"bottom",item:null,itemNextIcon:null,itemPrevIcon:null,nextThumbnailIcon:null,numVisible:3,onHide:null,onItemChange:null,onShow:null,prevThumbnailIcon:null,responsiveOptions:null,showIndicators:!1,showIndicatorsOnItem:!1,showItemNavigators:!1,showItemNavigatorsOnHover:!1,showThumbnailNavigators:!0,showThumbnails:!0,style:null,thumbnail:null,thumbnailsPosition:"bottom",transitionInterval:4e3,transitionOptions:null,value:null,verticalThumbnailViewPortHeight:"300px"},css:{classes:{header:"p-galleria-header",footer:"p-galleria-footer",closeIcon:"p-galleria-close-icon",closeButton:"p-galleria-close p-link",root:function(e){var n=e.props,t=e.context;return s.classNames("p-galleria p-component",{"p-galleria-fullscreen":n.fullScreen,"p-galleria-indicator-onitem":n.showIndicatorsOnItem,"p-galleria-item-nav-onhover":n.showItemNavigatorsOnHover&&!n.fullScreen,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===v.default.ripple},e.thumbnailsPosClassName,e.indicatorPosClassName)},content:"p-galleria-content",mask:function(e){return s.classNames("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return s.classNames("p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":n.current,"p-galleria-thumbnail-item-active":n.active,"p-galleria-thumbnail-item-start":n.start,"p-galleria-thumbnail-item-end":n.end})},thumbnailItemContent:"p-galleria-thumbnail-item-content",previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",previousThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return s.classNames("p-galleria-thumbnail-next p-link",{"p-disabled":e.isDisabled})},thumbnailContainer:"p-galleria-thumbnail-container",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailWrapper:"p-galleria-thumbnail-wrapper",previousItemIcon:"p-galleria-item-prev-icon",previousItemButton:function(e){return s.classNames("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return s.classNames("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return s.classNames("p-galleria-indicator",{"p-highlight":e.isActive})},indicators:"p-galleria-indicators p-reset",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",item:"p-galleria-item",transition:"p-galleria"},styles:"\n@layer primereact {\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n \n .p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n \n .p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n }\n \n .p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity .2s ease-in-out;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n }\n \n .p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n }\n \n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n }\n \n /* Thumbnails */\n .p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n \n .p-galleria-thumbnail-prev,\n .p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n }\n \n .p-galleria-thumbnail-prev span,\n .p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n }\n \n .p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n }\n \n .p-galleria-thumbnail-items {\n display: flex;\n }\n \n .p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: .5;\n }\n \n .p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity .3s;\n }\n \n .p-galleria-thumbnail-item-current {\n opacity: 1;\n }\n \n /* Positions */\n /* Thumbnails */\n .p-galleria-thumbnails-left .p-galleria-content,\n .p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n }\n \n .p-galleria-thumbnails-left .p-galleria-item-wrapper,\n .p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n .p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n }\n \n .p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n .p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n }\n \n /* Indicators */\n .p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n \n .p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-wrapper,\n .p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n }\n \n .p-galleria-indicators-left .p-galleria-item-container,\n .p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n }\n \n .p-galleria-indicators-left .p-galleria-indicators,\n .p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n }\n \n .p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n z-index: 1;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n }\n \n .p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n }\n \n /* FullScreen */\n .p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n \n .p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n }\n \n .p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n }\n \n .p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -.5rem;\n }\n \n /* Animation */\n .p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n }\n \n .p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n .p-galleria-enter-done {\n transform: none;\n }\n \n .p-galleria-exit {\n opacity: 1;\n }\n \n .p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n }\n \n .p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n }\n \n /* Keyboard Support */\n .p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n }\n \n .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n }\n}\n",inlineStyles:{thumbnailItemsContainer:function(e){return{height:e.height}}}}});function j(e){if(Array.isArray(e))return N(e)}function T(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function k(){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 A(e){return j(e)||T(e)||E(e)||k()}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var U=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=b.useRef(null),l=e.ptm,o=e.cx,p=function(n,t){return l(n,R({hostName:e.hostName},t))},d=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},f=function(n){d(),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:0!==e.activeItemIndex?e.activeItemIndex-1:0}),n&&n.cancelable&&n.preventDefault()},h=function(n){d(),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:e.activeItemIndex+1}),n&&n.cancelable&&n.preventDefault()},v=function(n){d(),e.onActiveItemChange({index:n})},I=function(n){e.changeItemOnIndicatorHover&&(d(),e.onActiveItemChange({index:n}))},x=function(n,t){switch(n.code){case"Enter":case"NumpadEnter":case"Space":d(),e.onActiveItemChange({index:t}),n.preventDefault();break;case"ArrowRight":y();break;case"ArrowLeft":w();break;case"Home":O(),n.preventDefault();break;case"End":S(),n.preventDefault();break;case"Tab":N();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":n.preventDefault()}},y=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=E();P(e,e-1<=0?0:e-1)},O=function(){var e=E();P(e,0)},S=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=E();P(n,e.length-1)},N=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-highlight")})),t=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]'),a=e.findIndex((function(e){return e===t.parentElement}));e[a].children[0].tabIndex="-1",e[n].children[0].tabIndex="0"},E=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=s.DomHandler.findSingle(i.current,'[data-pc-section="indicator"] > button[tabindex="0"]');return e.findIndex((function(e){return e===n.parentElement}))},P=function(e,n){var t=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]'));t[e].children[0].tabIndex="-1",t[n].children[0].tabIndex="0",t[n].children[0].focus()};r.useMountEffect((function(){e.autoPlay&&e.startSlideShow()}));var C,D=function(n){var i,r="p-galleria-indicator-"+n,l=e.activeItemIndex===n,s=e.indicator&&e.indicator(n),u=a({className:o("indicator",{isActive:l}),key:r,tabIndex:0,"aria-label":(i=n+1,t.ariaLabel("pageLabel",{page:i})),"aria-selected":e.activeIndex===n,"aria-controls":e.id+"_item_"+n,"data-p-highlight":l,onClick:function(){return v(n)},onMouseEnter:function(){return I(n)},onKeyDown:function(e){return x(e,n)}},p("indicator"));return s||(s=b.createElement("button",{tabIndex:e.activeIndex===n?"0":"-1",type:"button",className:"p-link"},b.createElement(c.Ripple,null))),b.createElement("li",u,s)},j=e.itemTemplate&&e.itemTemplate(e.value[e.activeItemIndex]),T=function(){if(e.showItemNavigators){var n=!e.circular&&0===e.activeItemIndex,t=a({className:o("previousItemIcon")},p("previousItemIcon")),i=s.IconUtils.getJSXIcon(e.itemPrevIcon||b.createElement(u.ChevronLeftIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("previousItemButton",{isDisabled:n}),onClick:f,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("previousItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),k=function(){if(e.showItemNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1,t=a({className:o("nextItemIcon")},p("nextItemIcon")),i=s.IconUtils.getJSXIcon(e.itemNextIcon||b.createElement(m.ChevronRightIcon,t),R({},t),{props:e}),r=a({type:"button",className:o("nextItemButton",{isDisabled:n}),onClick:h,disabled:n,"data-p-disabled":n,"data-pc-group-section":"itemnavigator"},p("nextItemButton"));return b.createElement("button",r,i,b.createElement(c.Ripple,null))}return null}(),H=function(){var n=a({className:o("caption")},p("caption"));if(e.caption){var t=e.caption(e.value[e.activeItemIndex]);return b.createElement("div",n,t)}return null}(),U=function(){if(e.showIndicators){for(var n=[],t=a({className:s.classNames(e.indicatorsContentClassName,o("indicators"))},p("indicators")),r=0;r<e.value.length;r++)n.push(D(r));return b.createElement("ul",g({ref:i},t),n)}return null}(),V=a({ref:n,className:o("itemWrapper")},p("itemWrapper")),B=a({className:o("itemContainer")},p("itemContainer")),M=a({className:o("item"),id:e.id+"_item_"+e.activeItemIndex,role:"group","aria-label":(C=e.activeItemIndex+1,t.ariaLabel("slideNumber",{slideNumber:C})),"aria-roledescription":t.localeOption("aria")?t.localeOption("aria").slide:void 0},p("item"));return b.createElement("div",V,b.createElement("div",B,T,b.createElement("div",M,j),k,H),U)})));function V(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function B(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?V(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):V(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="GalleriaItem";var M=b.memo((function(e){var n,a=r.useMergeProps(),i=e.ptm,l=e.cx,o=function(n,t){return i(n,B({hostName:e.hostName},t))},c=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,t+1===n.length?n.length-1:t+1)},u=function(){var e=f();h(e,e-1<=0?0:e-1)},m=function(){var e=f();h(e,0)},p=function(){var n=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,n.length-1)},d=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=n.findIndex((function(e){return!0===s.DomHandler.getAttribute(e,"data-p-active")})),a=s.DomHandler.findSingle(e.itemsContainerRef.current,'[tabindex="0"]'),i=n.findIndex((function(e){return e===a.parentElement}));n[i].children[0].tabIndex="-1",n[t].children[0].tabIndex="0"},f=function(){var n=A(s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=s.DomHandler.findSingle(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return n.findIndex((function(e){return e===t.parentElement}))},h=function(n,t){var a=s.DomHandler.find(e.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]');a[n].children[0].tabIndex="-1",a[t].children[0].tabIndex="0",a[t].children[0].focus()},v=e.template&&e.template(e.item),g=a({className:s.classNames(e.className,l("thumbnailItem",{subProps:e})),key:"p-galleria-thumbnail-item-"+e.index,role:"tab","data-p-active":e.current,"aria-selected":e.current,"aria-controls":e.containerId+"_item_"+e.index,onKeyDown:function(n){switch("Enter"!==n.code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(e.onItemClick({originalEvent:n,index:e.index}),n.preventDefault()),n.code){case"ArrowRight":c();break;case"ArrowLeft":u();break;case"Home":m(),n.preventDefault();break;case"End":p(),n.preventDefault();break;case"ArrowUp":case"ArrowDown":n.preventDefault();break;case"Tab":d()}},"data-p-galleria-thumbnail-item-current":e.current,"data-p-galleria-thumbnail-item-active":e.active,"data-p-galleria-thumbnail-item-start":e.start,"data-p-galleria-thumbnail-item-end":e.end},o("thumbnailItem")),I=a({className:l("thumbnailItemContent"),tabIndex:e.current?"0":"-1","aria-label":(n=e.index+1,t.ariaLabel("pageLabel",{page:n})),"aria-current":e.current?"page":void 0,onClick:function(n){e.onItemClick({originalEvent:n,index:e.index})}},o("thumbnailItemContent"));return b.createElement("div",g,b.createElement("div",I,v))})),L=b.memo(b.forwardRef((function(e,n){var a=r.useMergeProps(),i=C(b.useState(e.numVisible),2),l=i[0],o=i[1],f=C(b.useState(0),2),h=f[0],g=f[1],I=b.useRef(null),x=b.useRef(null),y=b.useRef(""),w=b.useRef(null),O=b.useRef(null),S=r.usePrevious(l),N=r.usePrevious(e.activeItemIndex),E=b.useContext(t.PrimeReactContext),P=e.ptm,D=e.cx,j=e.sx,T=function(n,t){return P(n,B({hostName:e.hostName},t))},k=C(r.useResizeListener({listener:function(){Y()},when:e.responsiveOptions}),1)[0],H=function(n){var t=h+n;n<0&&-1*t+l>e.value.length-1?t=l-e.value.length:n>0&&t>0&&(t=0),e.circular&&(n<0&&e.value.length-1===e.activeItemIndex?t=0:n>0&&0===e.activeItemIndex&&(t=l-e.value.length)),I.current&&(s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(t*(100/l),"%, 0)"):"translate3d(".concat(t*(100/l),"%, 0, 0)"),I.current.style.transition="transform 500ms ease 0s"),g(t)},R=function(){e.slideShowActive&&e.stopSlideShow&&e.stopSlideShow()},U=function(){var e=Math.floor(l/2);return l%2?e:e-1},V=function(n){R();var t=0!==e.activeItemIndex?e.activeItemIndex-1:0;l-(t+h)-1>U()&&(-1*h!=0||e.circular)&&H(1),e.onActiveItemChange({index:e.circular&&0===e.activeItemIndex?e.value.length-1:t}),n.cancelable&&n.preventDefault()},L=function(n){R();var t=e.activeItemIndex+1;t+h>U()&&(-1*h<J()-1||e.circular)&&H(-1),e.onActiveItemChange({index:e.circular&&e.value.length-1===e.activeItemIndex?0:t}),n.cancelable&&n.preventDefault()},_=function(n){R();var t=n.index;if(t!==e.activeItemIndex){var a=t+h,i=0;t<e.activeItemIndex?(i=l-a-1-U())>0&&-1*h!=0&&H(i):(i=U()-a)<0&&-1*h<J()-1&&H(i),e.onActiveItemChange({index:t})}},G=function(n){I.current&&"transform"===n.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.addClass(I.current,"p-items-hidden"),I.current.style.transition="")},z=function(e){var n=e.changedTouches[0];x.current={x:n.pageX,y:n.pageY}},W=function(e){e.cancelable&&e.preventDefault()},X=function(n){var t=n.changedTouches[0];Z(n,e.isVertical?t.pageY-x.current.y:t.pageX-x.current.x)},Z=function(e,n){n<0?L(e):V(e)},J=function(){return e.value.length>l?e.value.length-l+1:0},K=function(){w.current||(w.current=s.DomHandler.createInlineStyle(E&&E.nonce||v.default.nonce,E&&E.styleContainer));var n='\n [data-pc-section="thumbnailitems"]['.concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/l,"%\n }\n } \n ");if(e.responsiveOptions){var t=s.ObjectUtils.localeComparator(E&&E.locale||v.default.locale);O.current=A(e.responsiveOptions),O.current.sort((function(e,n){return s.ObjectUtils.sort(e.breakpoint,n.breakpoint,-1,t,E&&E.nullSortOrder||v.default.nullSortOrder)}));for(var a=0;a<O.current.length;a++){var i=O.current[a];n+="\n @media screen and (max-width: ".concat(i.breakpoint,') {\n [data-pc-section="thumbnailitems"][').concat(y.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/i.numVisible,"%\n }\n } \n }\n ")}}w.current.innerHTML=n},Y=function(){if(I.current&&O.current){for(var n=window.innerWidth,t={numVisible:e.numVisible},a=0;a<O.current.length;a++){var i=O.current[a];parseInt(i.breakpoint,10)>=n&&(t=i)}l!==t.numVisible&&o(t.numVisible)}};r.useMountEffect((function(){I.current&&(y.current=s.UniqueComponentId(),I.current.setAttribute(y.current,"")),K(),Y(),k()})),r.useUpdateEffect((function(){var n=h;S===l&&N===e.activeItemIndex||((n=e.activeItemIndex<=U()?0:e.value.length-l+U()<e.activeItemIndex?l-e.value.length:e.value.length-l<e.activeItemIndex&&l%2==0?-1*e.activeItemIndex+U()+1:-1*e.activeItemIndex+U())!==h&&g(n),I.current.style.transform=e.isVertical?"translate3d(0, ".concat(n*(100/l),"%, 0)"):"translate3d(".concat(n*(100/l),"%, 0, 0)"),N!==e.activeItemIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!e.isUnstyled()&&s.DomHandler.removeClass(I.current,"p-items-hidden"),I.current.style.transition="transform 500ms ease 0s"))}));var q,F,$,Q,ee,ne,te,ae=function(){if(e.showThumbnailNavigators){var n=!e.circular&&0===e.activeItemIndex||e.value.length<=l,i=a({className:D("previousThumbnailIcon")},T("previousThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.prevThumbnailIcon||b.createElement(d.ChevronUpIcon,i):e.prevThumbnailIcon||b.createElement(u.ChevronLeftIcon,i),B({},i),{props:e}),o=a({className:D("previousThumbnailButton",{isDisabled:n}),onClick:V,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t.localeOption("aria")?t.localeOption("aria").previousPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},T("previousThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},ie=function(){if(e.showThumbnailNavigators){var n=!e.circular&&e.activeItemIndex===e.value.length-1||e.value.length<=l,i=a({className:D("nextThumbnailIcon")},T("nextThumbnailIcon")),r=s.IconUtils.getJSXIcon(e.isVertical?e.nextThumbnailIcon||b.createElement(p.ChevronDownIcon,i):e.nextThumbnailIcon||b.createElement(m.ChevronRightIcon,i),B({},i),{props:e}),o=a({className:D("nextThumbnailButton",{isDisabled:n}),disabled:n,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").nextPageLabel:void 0,onClick:L,"data-p-disabled":n,"data-pc-group-section":"thumbnailnavigator"},T("nextThumbnailButton"));return b.createElement("button",o,r,b.createElement(c.Ripple,null))}return null},re=(q=e.value.map((function(n,t){var a=-1*h,i=a+l-1;return b.createElement(M,{key:t,index:t,containerId:e.containerId,itemsContainerRef:I,template:e.itemTemplate,item:n,active:a<=t&&i>=t,start:a===t,end:i===t,onItemClick:_,current:e.activeItemIndex===t,ptm:P,cx:D,sx:j})})),F=e.isVertical?e.contentHeight:"",$=ae(),Q=ie(),ee=a({className:D("thumbnailContainer")},T("thumbnailContainer")),ne=a({className:D("thumbnailItemsContainer"),style:j("thumbnailItemsContainer",{height:F})},T("thumbnailItemsContainer")),te=a({ref:I,className:D("thumbnailItems"),role:"tablist",onTransitionEnd:G,onTouchStart:z,onTouchMove:W,onTouchEnd:X},T("thumbnailItems")),b.createElement("div",ee,$,b.createElement("div",ne,b.createElement("div",te,q)),Q)),le=a({className:D("thumbnailWrapper")},T("thumbnailWrapper"));return b.createElement("div",le,re)})));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,a)}return t}function G(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}M.displayName="GalleriaThumbnailItem",L.displayName="GalleriaThumbnails";var z=b.memo(b.forwardRef((function(e,n){var u=r.useMergeProps(),m=b.useContext(t.PrimeReactContext),p=D.getProps(e,m),d=C(b.useState(!1),2),f=d[0],h=d[1],I=C(b.useState(p.numVisible),2),x=I[0],y=I[1],w=C(b.useState(!1),2),O=w[0],S=w[1],N=C(b.useState(p.activeIndex),2),E=N[0],P=N[1],j=b.useRef(null),T=b.useRef(null),k=b.useRef(null),A=p.onItemChange?p.activeIndex:E,H="left"===p.thumbnailsPosition||"right"===p.thumbnailsPosition,R=p.id||s.UniqueComponentId(),V=D.setMetaData({props:p,state:{visible:f,numVisible:x,slideShowActive:O,activeIndex:E}}),B=V.ptm,M=V.cx,_=V.sx,z=V.isUnstyled;a.useHandleStyle(D.css.styles,z,{name:"galleria"}),r.useInterval((function(){W({index:p.circular&&p.value.length-1===A?0:A+1})}),p.transitionInterval,O);var W=function(e){e.index>=p.value.length?ee():p.onItemChange?p.onItemChange(e):P(e.index)},X=function(){h(!0)},Z=function(){h(!1)},J=function(){s.DomHandler.blockBodyScroll()},K=function(){s.ZIndexUtils.set("modal",k.current,m&&m.autoZIndex||v.default.autoZIndex,p.baseZIndex||m&&m.zIndex.modal||v.default.zIndex.modal),!z()&&s.DomHandler.addMultipleClasses(k.current,"p-component-overlay p-component-overlay-enter")},Y=function(){p.onShow&&p.onShow()},q=function(){s.DomHandler.unblockBodyScroll(),!z()&&s.DomHandler.addClass(k.current,"p-component-overlay-leave")},F=function(){s.ZIndexUtils.clear(k.current),p.onHide&&p.onHide()},$=function(){return O},Q=function(){S(!0)},ee=function(){S(!1)},ne=function(e,n){var t=["top","left","bottom","right"].find((function(e){return e===n}));return t?"".concat(e,"-").concat(t):""};b.useEffect((function(){p.value&&p.value.length<x&&y(p.value.length)}),[p.value,x]),b.useEffect((function(){y(p.numVisible)}),[p.numVisible]),r.useUnmountEffect((function(){O&&ee(),s.ZIndexUtils.clear(k.current)})),b.useImperativeHandle(n,(function(){return{props:p,show:X,hide:Z,isAutoPlayActive:$,startSlideShow:Q,stopSlideShow:ee,getElement:function(){return j.current},getPreviewContent:function(){return T.current}}}));return s.ObjectUtils.isNotEmpty(p.value)&&function(){var e,n,a,r,d,h,v,I,y,w,S,N,E=(a=p.showThumbnails&&ne("p-galleria-thumbnails",p.thumbnailsPosition),r=p.showIndicators&&ne("p-galleria-indicators",p.indicatorsPosition),d=u({className:M("closeIcon"),"aria-hidden":!0},B("closeIcon")),h=s.IconUtils.getJSXIcon(p.closeIcon||b.createElement(l.TimesIcon,d),G({},d),{props:p}),v=u({type:"button",className:M("closeButton"),"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,onClick:Z},B("closeButton")),I=p.fullScreen&&b.createElement("button",v,h,b.createElement(c.Ripple,null)),e=u({className:M("header")},B("header")),y=p.header?b.createElement("div",e,p.header):null,n=u({className:M("footer")},B("footer")),w=p.footer?b.createElement("div",n,p.footer):null,S=u({ref:j,id:R,className:s.classNames(p.className,M("root",{context:m,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:p.style,role:"region"},D.getOtherProps(p),B("root")),N=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),b.createElement("div",S,I,y,b.createElement("div",N,b.createElement(U,{hostName:"Galleria",ref:T,id:R,value:p.value,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.item,circular:p.circular,caption:p.caption,showIndicators:p.showIndicators,itemPrevIcon:p.itemPrevIcon,itemNextIcon:p.itemNextIcon,changeItemOnIndicatorHover:p.changeItemOnIndicatorHover,indicator:p.indicator,showItemNavigators:p.showItemNavigators,autoPlay:p.autoPlay,slideShowActive:O,startSlideShow:Q,stopSlideShow:ee,ptm:B,cx:M}),p.showThumbnails&&b.createElement(L,{hostName:"Galleria",value:p.value,containerId:R,activeItemIndex:A,onActiveItemChange:W,itemTemplate:p.thumbnail,numVisible:x,nextThumbnailIcon:p.nextThumbnailIcon,prevThumbnailIcon:p.prevThumbnailIcon,responsiveOptions:p.responsiveOptions,circular:p.circular,isVertical:H,contentHeight:p.verticalThumbnailViewPortHeight,showThumbnailNavigators:p.showThumbnailNavigators,autoPlay:p.autoPlay,slideShowActive:O,stopSlideShow:ee,isUnstyled:z,ptm:B,cx:M,sx:_})),w));if(p.fullScreen){var P=u({className:M("mask",{visibleState:f}),role:"dialog","aria-modal":"true"},B("mask")),C=u({classNames:M("transition"),in:f,timeout:{enter:150,exit:150},options:p.transitionOptions,unmountOnExit:!0,onEnter:J,onEntering:K,onEntered:Y,onExit:q,onExited:F},B("transition")),V=b.createElement("div",g({ref:k},P),b.createElement(i.CSSTransition,g({nodeRef:j},C),E));return b.createElement(o.Portal,{element:V})}return E}()})));return z.displayName="Galleria",e.Galleria=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.icons.chevronup);
|
|
@@ -540,8 +540,18 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
540
540
|
}
|
|
541
541
|
if (isSpecialChar.current) {
|
|
542
542
|
event.target.value = lastValue.current;
|
|
543
|
+
isSpecialChar.current = false;
|
|
544
|
+
}
|
|
545
|
+
if (utils.DomHandler.isAndroid()) {
|
|
546
|
+
return;
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
// #6324 Chrome is allowing accent-dead characters through...
|
|
550
|
+
var inputType = event.nativeEvent.inputType;
|
|
551
|
+
var data = event.nativeEvent.data;
|
|
552
|
+
if (inputType === 'insertText' && /\D/.test(data)) {
|
|
553
|
+
event.target.value = lastValue.current;
|
|
543
554
|
}
|
|
544
|
-
isSpecialChar.current = false;
|
|
545
555
|
};
|
|
546
556
|
var onInputAndroidKey = function onInputAndroidKey(event) {
|
|
547
557
|
if (!utils.DomHandler.isAndroid() || props.disabled || props.readOnly) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),u=require("primereact/icons/angledown"),i=require("primereact/icons/angleup"),a=require("primereact/inputtext"),l=require("primereact/ripple"),o=require("primereact/tooltip"),c=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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=p(e),f=s(n);function m(){return m=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},m.apply(this,arguments)}function b(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 g(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):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 x(e){return g(e)||v(e)||y(e)||h()}function I(e){return I="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},I(e)}function w(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=w(e,"string");return"symbol"===I(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,u,i,a,l=[],o=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);o=!0);}catch(e){c=!0,u=e}finally{try{if(!o&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw u}}return l}}function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=t.ComponentBase.extend({defaultProps:{__TYPE:"InputNumber",__parentMetadata:null,allowEmpty:!0,ariaLabelledBy:null,autoFocus:!1,buttonLayout:"stacked",className:null,currency:void 0,currencyDisplay:void 0,decrementButtonClassName:null,decrementButtonIcon:null,disabled:!1,format:!0,id:null,incrementButtonClassName:null,incrementButtonIcon:null,inputClassName:null,inputId:null,inputMode:null,inputRef:null,inputStyle:null,invalid:!1,variant:null,locale:void 0,localeMatcher:void 0,max:null,maxFractionDigits:void 0,maxLength:null,min:null,minFractionDigits:void 0,mode:"decimal",name:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onKeyUp:null,onValueChange:null,pattern:null,placeholder:null,prefix:null,readOnly:!1,required:!1,roundingMode:void 0,showButtons:!1,size:null,step:1,style:null,suffix:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",useGrouping:!0,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.focusedState,r=e.stacked,u=e.horizontal,i=e.vertical;return c.classNames("p-inputnumber p-component p-inputwrapper",{"p-inputwrapper-filled":null!=n.value&&n.value.toString().length>0,"p-inputwrapper-focus":t,"p-inputnumber-buttons-stacked":r,"p-inputnumber-buttons-horizontal":u,"p-inputnumber-buttons-vertical":i,"p-invalid":n.invalid})},input:function(e){var n=e.props,t=e.context;return c.classNames("p-inputnumber-input",{"p-variant-filled":n.variant?"filled"===n.variant:t&&"filled"===t.inputStyle})},buttonGroup:"p-inputnumber-button-group",incrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},incrementIcon:"p-button-icon",decrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},decrementIcon:"p-button-icon"},styles:"\n@layer primereact {\n .p-inputnumber {\n display: inline-flex;\n }\n \n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-vertical {\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n \n .p-fluid .p-inputnumber {\n width: 100%;\n }\n \n .p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n }\n \n .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n }\n}\n"}});function N(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?N(Object(t),!0).forEach((function(n){var r,u,i;r=e,i=t[n],(u=D(u=n))in r?Object.defineProperty(r,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,s){var p,b,g=r.useMergeProps(),v=d.useContext(n.PrimeReactContext),h=E.getProps(e,v),I=d.useState(!1),w=(b=2,O(p=I)||S(p,b)||y(p,b)||R()),D=w[0],N=w[1],P=j(j({props:h},h.__parentMetadata),{},{state:{focused:D}}),C=E.setMetaData(P),F=C.ptm,k=C.cx;t.useHandleStyle(E.css.styles,C.isUnstyled,{name:"inputnumber"});var A=d.useRef(null),M=d.useRef(null),B=d.useRef(null),U=d.useRef(null),K=d.useRef(null),L=d.useRef(null),_=d.useRef(null),q=d.useRef(null),z=d.useRef(null),G=d.useRef(null),H=d.useRef(null),T=d.useRef(null),W=d.useRef(null),$=d.useRef(null),V=d.useRef(null),J=d.useRef(null),X=d.useRef(null),Y=d.useRef(null),Q=d.useRef(!1),Z=h.locale||v&&v.locale||f.default.locale,ee=h.showButtons&&"stacked"===h.buttonLayout,ne=h.showButtons&&"horizontal"===h.buttonLayout,te=h.showButtons&&"vertical"===h.buttonLayout,re=h.inputMode||("decimal"!==h.mode||h.minFractionDigits?"decimal":"numeric"),ue=function(){return{localeMatcher:h.localeMatcher,style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,useGrouping:h.useGrouping,minimumFractionDigits:h.minFractionDigits,maximumFractionDigits:h.maxFractionDigits,roundingMode:h.roundingMode}},ie=function(){K.current=new Intl.NumberFormat(Z,ue());var e=x(new Intl.NumberFormat(Z,{useGrouping:!1}).format(9876543210)).reverse(),n=new Map(e.map((function(e,n){return[e,n]})));G.current=new RegExp("[".concat(e.join(""),"]"),"g"),H.current=ce(),T.current=se(),W.current=pe(),$.current=oe(),V.current=le(),J.current=fe(),X.current=de(),Y.current=function(e){return n.get(e)}},ae=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},le=function(){return new Intl.NumberFormat(Z,{useGrouping:!1}).format(1.1).trim().replace(G.current,"")},oe=function(){var e=new Intl.NumberFormat(Z,j(j({},ue()),{},{useGrouping:!1}));return new RegExp("[".concat(e.format(1.1).replace(W.current,"").trim().replace(G.current,""),"]"),"g")},ce=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!0});return L.current=e.format(1e6).trim().replace(G.current,"").charAt(0),new RegExp("[".concat(L.current,"]"),"g")},se=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!1});return new RegExp("[".concat(e.format(-1).trim().replace(G.current,""),"]"),"g")},pe=function(){if(h.currency){var e=new Intl.NumberFormat(Z,{style:"currency",currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});return new RegExp("[".concat(e.format(1).replace(/\s/g,"").replace(G.current,"").replace(H.current,""),"]"),"g")}return new RegExp("[]","g")},de=function(){if(h.prefix)_.current=h.prefix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay});_.current=e.format(1).split("1")[0]}return new RegExp("".concat(ae(_.current||"")),"g")},fe=function(){if(h.suffix)q.current=h.suffix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});q.current=e.format(1).split("1")[1]}return new RegExp("".concat(ae(q.current||"")),"g")},me=function(e){if(null!=e){if("-"===e)return e;if(h.format){var n=new Intl.NumberFormat(Z,ue()).format(e);return h.prefix&&(n=h.prefix+n),h.suffix&&(n+=h.suffix),n}return e.toString()}return""},be=function(e){var n=e.replace(J.current,"").replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").replace(H.current,"").replace(T.current,"-").replace($.current,".").replace(G.current,Y.current);if(n){if("-"===n)return n;var t=+n;return isNaN(t)?null:t}return null},ge=function e(n,t,r){var u=t||500;un(),B.current=setTimeout((function(){e(n,40,r)}),u),ve(n,r)},ve=function(e,n){if(M.current){var t=h.step*n,r=be(M.current.value)||0,u=Ve(r+t);if(h.maxLength&&h.maxLength<me(u).length)return;We(e,r,u),!c.DomHandler.isTouchDevice()&&Xe(u,null,"spin"),nn(e,u)}},ye=function(){h.disabled||h.readOnly||un()},he=function(){h.disabled||h.readOnly||un()},xe=function(){h.disabled||h.readOnly||un()},Ie=function(){h.disabled||h.readOnly||un()},we=function(){h.disabled||h.readOnly||un()},De=function(){h.disabled||h.readOnly||un()},Oe=function(e){h.disabled||h.readOnly||(z.current&&(e.target.value=U.current),z.current=!1)},Se=function(e){if(c.DomHandler.isAndroid()&&!h.disabled&&!h.readOnly&&(!h.onKeyUp||(h.onKeyUp(e),!e.defaultPrevented))){var n=e.which||e.keyCode;13!==n&&e.preventDefault();var t=String.fromCharCode(n),r=Pe(t),u=Ne(t);48<=n&&n<=57||u||r?Me(e,t,{isDecimalSign:r,isMinusSign:u}):He(e,e.target.value,null,"delete-single")}},Re=function(e){if(!h.disabled&&!h.readOnly)if(e.altKey||e.ctrlKey||e.metaKey)z.current=!0;else if(!(h.onKeyDown&&(h.onKeyDown(e),e.defaultPrevented)||(U.current=e.target.value,c.DomHandler.isAndroid()))){var n=e.target.selectionStart,t=e.target.selectionEnd,r=e.target.value,u=null;switch(e.code){case"ArrowUp":ve(e,1),e.preventDefault();break;case"ArrowDown":ve(e,-1),e.preventDefault();break;case"ArrowLeft":ze(r.charAt(n-1))||e.preventDefault();break;case"ArrowRight":ze(r.charAt(n))||e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":case"NumpadEnter":u=Ve(be(r)),M.current.value=me(u),M.current.setAttribute("aria-valuenow",u),nn(e,u);break;case"Backspace":if(e.preventDefault(),n===t){var i=r.charAt(n-1);if(ze(i)){var a=ke(r),l=a.decimalCharIndex,o=a.decimalCharIndexWithoutPrefix,s=en(r);if(H.current.test(i))H.current.lastIndex=0,u=r.slice(0,n-2)+r.slice(n-1);else if($.current.test(i))$.current.lastIndex=0,s?M.current.setSelectionRange(n-1,n-1):u=r.slice(0,n-1)+r.slice(n);else if(l>0&&n>l){var p=Ce()&&(h.minFractionDigits||0)<s?"":"0";u=r.slice(0,n-1)+p+r.slice(n)}else 1===o?(u=r.slice(0,n-1)+"0"+r.slice(n),u=be(u)>0?u:""):u=r.slice(0,n-1)+r.slice(n)}else if(W.current.test(i)){var d=Ae(r),f=d.minusCharIndex;f===d.currencyCharIndex-1&&(u=r.slice(0,f)+r.slice(n))}He(e,u,null,"delete-single")}else u=Ke(r,n,t),He(e,u,null,"delete-range");break;case"Delete":if(e.preventDefault(),n===t){var m=r.charAt(n),b=ke(r),g=b.decimalCharIndex,v=b.decimalCharIndexWithoutPrefix;if(ze(m)){var y=en(r);if(H.current.test(m))H.current.lastIndex=0,u=r.slice(0,n)+r.slice(n+2);else if($.current.test(m))$.current.lastIndex=0,y?M.current.setSelectionRange(n+1,n+1):u=r.slice(0,n)+r.slice(n+1);else if(g>0&&n>g){var x=Ce()&&(h.minFractionDigits||0)<y?"":"0";u=r.slice(0,n)+x+r.slice(n+1)}else 1===v?(u=r.slice(0,n)+"0"+r.slice(n+1),u=be(u)>0?u:""):u=r.slice(0,n)+r.slice(n+1)}He(e,u,null,"delete-back-single")}else u=Ke(r,n,t),He(e,u,null,"delete-range");break;case"End":e.preventDefault(),c.ObjectUtils.isEmpty(h.max)||nn(e,h.max);break;case"Home":e.preventDefault(),c.ObjectUtils.isEmpty(h.min)||nn(e,h.min);break;default:e.preventDefault();var I=e.key,w=Pe(I),D=Ne(I);((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(I)>=0&&Number(I)<=9||D||w)&&Me(e,I,{isDecimalSign:w,isMinusSign:D})}}},Ee=function(e){if(e.preventDefault(),!h.disabled&&!h.readOnly){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=be(n);null!=t&&Me(e,t.toString())}}},Ne=function(e){return!(!T.current.test(e)&&"-"!==e)&&(T.current.lastIndex=0,!0)},je=function(e){return Fe(e)?e.toString().replace(/\.(?=[^.]*$)/,V.current):e},Pe=function(e){return!(!$.current.test(e)&&!Fe(e))&&($.current.lastIndex=0,!0)},Ce=function(){return"decimal"===h.mode},Fe=function(e){var n=new Intl.NumberFormat(Z,ue()),t=be(n.format(e));return null!==t&&t%1!=0},ke=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").search($.current);return $.current.lastIndex=0,{decimalCharIndex:n,decimalCharIndexWithoutPrefix:t}},Ae=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.search(T.current);T.current.lastIndex=0;var r=e.search(J.current);J.current.lastIndex=0;var u=e.search(W.current);return 0===u&&_.current&&_.current.length>1&&(u=_.current.trim().length),W.current.lastIndex=0,{decimalCharIndex:n,minusCharIndex:t,suffixCharIndex:r,currencyCharIndex:u}},Me=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{isDecimalSign:!1,isMinusSign:!1},r=n.search(T.current);if(T.current.lastIndex=0,c.ObjectUtils.isEmpty(h.min)||h.min<0||-1===r){var u,i=M.current.selectionStart,a=M.current.selectionEnd,l=M.current.value.trim(),o=Ae(l),s=o.decimalCharIndex,p=o.suffixCharIndex,d=o.currencyCharIndex;if(t.isMinusSign){var f=-1===o.minusCharIndex;!f||0!==i&&i!==d+1||(u=l,(f||0!==a)&&(u=Ue(l,n,0,a)),He(e,u,n,"insert"))}else if(t.isDecimalSign)s>0&&i===s?He(e,l,n,"insert"):(s>i&&s<a||-1===s&&h.maxFractionDigits)&&(u=Ue(l,n,i,a),He(e,u,n,"insert"));else{var m=K.current.resolvedOptions().maximumFractionDigits,b=i!==a?"range-insert":"insert";if(s>0&&i>s){if(i+n.length-(s+1)<=m){var g=d>=i?d-1:p>=i?p:l.length;u=l.slice(0,i)+n+l.slice(i+n.length,g)+l.slice(g),He(e,u,n,b)}}else u=Ue(l,n,i,a),He(e,u,n,b)}}},Be=function(e){return e?e.replace(J.current,"").trim().replace(/\s/g,"").replace(W.current,""):e},Ue=function(e,n,t,r){if(2===("."===n?n:n.split(".")).length){var u=e.slice(t,r).search($.current);return $.current.lastIndex=0,u>0?e.slice(0,t)+me(n)+Be(e).slice(r):e||me(n)}if(r-t===e.length)return me(n);if(0===t){var i=c.ObjectUtils.isLetter(e[r])?r-1:r;return n+e.slice(i)}if(r===e.length)return e.slice(0,t)+n;var a=e.slice(t,r),l=/\s$/.test(a)?" ":"";return e.slice(0,t)+n+l+e.slice(r)},Ke=function(e,n,t){return t-n===e.length?"":0===n?e.slice(t):t===e.length?e.slice(0,n):e.slice(0,n)+e.slice(t)},Le=function(){var e=M.current.selectionStart,n=M.current.value,t=n.length,r=null,u=(_.current||"").length,i=(n=n.replace(X.current,"")).charAt(e-=u);if(ze(i))return e+u;for(var a=e-1;a>=0;){if(i=n.charAt(a),ze(i)){r=a+u;break}a--}if(null!==r)M.current.setSelectionRange(r+1,r+1);else{for(a=e;a<t;){if(i=n.charAt(a),ze(i)){r=a+u;break}a++}null!==r&&M.current.setSelectionRange(r,r)}return r||0},_e=function(){Q.current=!0},qe=function(){Le()},ze=function(e){return!(1!==e.length||!(G.current.test(e)||$.current.test(e)||H.current.test(e)||T.current.test(e)))&&(Ge(),!0)},Ge=function(){G.current.lastIndex=0,$.current.lastIndex=0,H.current.lastIndex=0,T.current.lastIndex=0},He=function(e,n,t,r){var u=M.current.value,i=null;null!=n&&(i=Te(be(n)),Xe(i,t,r,n),We(e,u,i))},Te=function(e){return e||h.allowEmpty?e:h.min||0},We=function(e,n,t){h.onChange&&$e(n,t)&&h.onChange({originalEvent:e,value:t})},$e=function(e,n){return null===n&&null!==e||null!=n&&n!==("string"==typeof e?be(e):e)},Ve=function(e){return"-"===e?null:Je(e)},Je=function(e){return c.ObjectUtils.isEmpty(e)?null:null!==h.min&&e<h.min?h.min:null!==h.max&&e>h.max?h.max:e},Xe=function(e,n,t,r){n=n||"";var u=M.current,i=u.value,a=me(e),l=i.length;if(a!==r&&(a=Ze(a,r)),0===l){u.value=a,u.setSelectionRange(0,0);var o=Le()+n.length;u.setSelectionRange(o,o)}else{var c=u.selectionStart,s=u.selectionEnd;if(h.maxLength&&h.maxLength<a.length)return;u.value=a;var p=a.length;if("range-insert"===t){var d=be((i||"").slice(0,c)),f=(null!==d?d.toString():"").split("").join("(".concat(L.current,")?")),m=new RegExp(f,"g");m.test(a);var b=n.split("").join("(".concat(L.current,")?")),g=new RegExp(b,"g");g.test(a.slice(m.lastIndex)),u.setSelectionRange(s=m.lastIndex+g.lastIndex,s)}else if(p===l)if("insert"===t||"delete-back-single"===t){var v=s;"0"===n?v=s+1:v+=Number(Pe(e)||Pe(n)),u.setSelectionRange(v,v)}else"delete-single"===t?u.setSelectionRange(s-1,s-1):"delete-range"!==t&&"spin"!==t||u.setSelectionRange(s,s);else if("delete-back-single"===t){var y=i.charAt(s-1),x=i.charAt(s),I=l-p,w=H.current.test(x);w&&1===I?s+=1:!w&&ze(y)&&(s+=-1*I+1),H.current.lastIndex=0,u.setSelectionRange(s,s)}else if("-"===i&&"insert"===t){u.setSelectionRange(0,0);var D=Le()+n.length+1;u.setSelectionRange(D,D)}else u.setSelectionRange(s+=p-l,s)}u.setAttribute("aria-valuenow",e)},Ye=function(e){e=Te(e);var n=M.current,t=n.value,r=Qe(e);t!==r&&(n.value=r,n.setAttribute("aria-valuenow",e))},Qe=function(e){return me(Te(e))},Ze=function(e,n){if(e&&n){var t=n.search($.current);$.current.lastIndex=0;var r=je(e).split($.current)[0].replace(J.current,"").trim();return-1!==t?r+n.slice(t):e}return e},en=function(e){if(e){var n=e.split($.current);if(2===n.length)return Be(n[1]).length}return 0},nn=function(e,n){h.onValueChange&&h.onValueChange({originalEvent:e,value:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:h.name,id:h.id,value:n}})},tn=function(e){if(N(!0),h.onFocus&&h.onFocus(e),(h.suffix||h.currency||h.prefix)&&M.current&&!Q.current){var n=M.current.value;M.current.setSelectionRange((_.current||"").length,0===n.length?0:n.length-(q.current||"").length)}},rn=function(e){if(N(!1),Q.current=!1,M.current){var n=M.current.value;if($e(n,h.value)){var t=Ve(be(n));Ye(t),nn(e,t)}}h.onBlur&&h.onBlur(e)},un=function(){B.current&&clearInterval(B.current)},an=function(){var e=Je(h.value);Ye(h.format?e:je(e));var n=Ve(h.value);null!==h.value&&h.value!==n&&nn(null,n)},ln=function(){return K.current};d.useImperativeHandle(s,(function(){return{props:h,focus:function(){return c.DomHandler.focus(M.current)},getFormatter:ln,getElement:function(){return A.current},getInput:function(){return M.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(M,h.inputRef)}),[M,h.inputRef]),r.useMountEffect((function(){ie();var e=Ve(h.value);null!==h.value&&h.value!==e&&nn(null,e)})),r.useUpdateEffect((function(){ie(),an()}),[h.locale,h.localeMatcher,h.mode,h.currency,h.currencyDisplay,h.useGrouping,h.minFractionDigits,h.maxFractionDigits,h.suffix,h.prefix]),r.useUpdateEffect((function(){an()}),[h.value]),r.useUpdateEffect((function(){h.disabled&&un()}),[h.disabled]);var on,cn,sn,pn,dn,fn=function(){var e=g({className:k("incrementIcon")},F("incrementIcon")),n=c.IconUtils.getJSXIcon(h.incrementButtonIcon||d.createElement(i.AngleUpIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.incrementButtonClassName,k("incrementButton")),onPointerLeave:he,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(M.current,h.autoFocus),ge(n,null,1),n.preventDefault()));var n},onPointerUp:ye,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,1));var n},onKeyUp:xe,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("incrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},mn=function(){var e=g({className:k("decrementIcon")},F("decrementIcon")),n=c.IconUtils.getJSXIcon(h.decrementButtonIcon||d.createElement(u.AngleDownIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.decrementButtonClassName,k("decrementButton")),onPointerLeave:we,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(M.current,h.autoFocus),ge(n,null,-1),n.preventDefault()));var n},onPointerUp:Ie,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,-1));var n},onKeyUp:De,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("decrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},bn=c.ObjectUtils.isNotEmpty(h.tooltip),gn=E.getOtherProps(h),vn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.DATA_PROPS),yn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.ARIA_PROPS),hn=(on=c.classNames(h.inputClassName,k("input",{context:v})),cn=Qe(h.value),d.createElement(a.InputText,m({ref:M,id:h.inputId,style:h.inputStyle,role:"spinbutton",className:on,defaultValue:cn,type:h.type,size:h.size,tabIndex:h.tabIndex,inputMode:re,maxLength:h.maxLength,disabled:h.disabled,required:h.required,pattern:h.pattern,placeholder:h.placeholder,readOnly:h.readOnly,name:h.name,autoFocus:h.autoFocus,onKeyDown:Re,onKeyPress:Se,onInput:Oe,onClick:qe,onPointerDown:_e,onBlur:rn,onFocus:tn,onPaste:Ee,min:h.min,max:h.max,"aria-valuemin":h.min,"aria-valuemax":h.max,"aria-valuenow":h.value},yn,vn,{pt:F("input"),__parentMetadata:{parent:P}}))),xn=(sn=h.showButtons&&fn(),pn=h.showButtons&&mn(),dn=g({className:k("buttonGroup")},F("buttonGroup")),ee?d.createElement("span",dn,sn,pn):d.createElement(d.Fragment,null,sn,pn)),In=g({id:h.id,className:c.classNames(h.className,k("root",{focusedState:D,stacked:ee,horizontal:ne,vertical:te})),style:h.style},gn,F("root"));return d.createElement(d.Fragment,null,d.createElement("span",m({ref:A},In),hn,xn),bn&&d.createElement(o.Tooltip,m({target:A,content:h.tooltip,pt:F("tooltip")},h.tooltipOptions)))})));P.displayName="InputNumber",exports.InputNumber=P;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),u=require("primereact/icons/angledown"),i=require("primereact/icons/angleup"),a=require("primereact/inputtext"),l=require("primereact/ripple"),o=require("primereact/tooltip"),c=require("primereact/utils");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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=p(e),f=s(n);function m(){return m=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},m.apply(this,arguments)}function b(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 g(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):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 x(e){return g(e)||v(e)||y(e)||h()}function I(e){return I="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},I(e)}function w(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=w(e,"string");return"symbol"===I(n)?n:String(n)}function O(e){if(Array.isArray(e))return e}function S(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,u,i,a,l=[],o=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);o=!0);}catch(e){c=!0,u=e}finally{try{if(!o&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw u}}return l}}function R(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=t.ComponentBase.extend({defaultProps:{__TYPE:"InputNumber",__parentMetadata:null,allowEmpty:!0,ariaLabelledBy:null,autoFocus:!1,buttonLayout:"stacked",className:null,currency:void 0,currencyDisplay:void 0,decrementButtonClassName:null,decrementButtonIcon:null,disabled:!1,format:!0,id:null,incrementButtonClassName:null,incrementButtonIcon:null,inputClassName:null,inputId:null,inputMode:null,inputRef:null,inputStyle:null,invalid:!1,variant:null,locale:void 0,localeMatcher:void 0,max:null,maxFractionDigits:void 0,maxLength:null,min:null,minFractionDigits:void 0,mode:"decimal",name:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onKeyUp:null,onValueChange:null,pattern:null,placeholder:null,prefix:null,readOnly:!1,required:!1,roundingMode:void 0,showButtons:!1,size:null,step:1,style:null,suffix:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",useGrouping:!0,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.focusedState,r=e.stacked,u=e.horizontal,i=e.vertical;return c.classNames("p-inputnumber p-component p-inputwrapper",{"p-inputwrapper-filled":null!=n.value&&n.value.toString().length>0,"p-inputwrapper-focus":t,"p-inputnumber-buttons-stacked":r,"p-inputnumber-buttons-horizontal":u,"p-inputnumber-buttons-vertical":i,"p-invalid":n.invalid})},input:function(e){var n=e.props,t=e.context;return c.classNames("p-inputnumber-input",{"p-variant-filled":n.variant?"filled"===n.variant:t&&"filled"===t.inputStyle})},buttonGroup:"p-inputnumber-button-group",incrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-up p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},incrementIcon:"p-button-icon",decrementButton:function(e){return c.classNames("p-inputnumber-button p-inputnumber-button-down p-button p-button-icon-only p-component",{"p-disabled":e.props.disabled})},decrementIcon:"p-button-icon"},styles:"\n@layer primereact {\n .p-inputnumber {\n display: inline-flex;\n }\n \n .p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n }\n \n .p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n \n .p-inputnumber-buttons-vertical {\n flex-direction: column;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n }\n \n .p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n }\n \n .p-inputnumber-input {\n flex: 1 1 auto;\n }\n \n .p-fluid .p-inputnumber {\n width: 100%;\n }\n \n .p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n }\n \n .p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n }\n}\n"}});function N(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?N(Object(t),!0).forEach((function(n){var r,u,i;r=e,i=t[n],(u=D(u=n))in r?Object.defineProperty(r,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,s){var p,b,g=r.useMergeProps(),v=d.useContext(n.PrimeReactContext),h=E.getProps(e,v),I=d.useState(!1),w=(b=2,O(p=I)||S(p,b)||y(p,b)||R()),D=w[0],N=w[1],P=j(j({props:h},h.__parentMetadata),{},{state:{focused:D}}),C=E.setMetaData(P),F=C.ptm,k=C.cx;t.useHandleStyle(E.css.styles,C.isUnstyled,{name:"inputnumber"});var A=d.useRef(null),M=d.useRef(null),B=d.useRef(null),U=d.useRef(null),K=d.useRef(null),L=d.useRef(null),_=d.useRef(null),q=d.useRef(null),T=d.useRef(null),z=d.useRef(null),G=d.useRef(null),H=d.useRef(null),W=d.useRef(null),$=d.useRef(null),V=d.useRef(null),J=d.useRef(null),X=d.useRef(null),Y=d.useRef(null),Q=d.useRef(!1),Z=h.locale||v&&v.locale||f.default.locale,ee=h.showButtons&&"stacked"===h.buttonLayout,ne=h.showButtons&&"horizontal"===h.buttonLayout,te=h.showButtons&&"vertical"===h.buttonLayout,re=h.inputMode||("decimal"!==h.mode||h.minFractionDigits?"decimal":"numeric"),ue=function(){return{localeMatcher:h.localeMatcher,style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,useGrouping:h.useGrouping,minimumFractionDigits:h.minFractionDigits,maximumFractionDigits:h.maxFractionDigits,roundingMode:h.roundingMode}},ie=function(){K.current=new Intl.NumberFormat(Z,ue());var e=x(new Intl.NumberFormat(Z,{useGrouping:!1}).format(9876543210)).reverse(),n=new Map(e.map((function(e,n){return[e,n]})));z.current=new RegExp("[".concat(e.join(""),"]"),"g"),G.current=ce(),H.current=se(),W.current=pe(),$.current=oe(),V.current=le(),J.current=fe(),X.current=de(),Y.current=function(e){return n.get(e)}},ae=function(e){return e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&")},le=function(){return new Intl.NumberFormat(Z,{useGrouping:!1}).format(1.1).trim().replace(z.current,"")},oe=function(){var e=new Intl.NumberFormat(Z,j(j({},ue()),{},{useGrouping:!1}));return new RegExp("[".concat(e.format(1.1).replace(W.current,"").trim().replace(z.current,""),"]"),"g")},ce=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!0});return L.current=e.format(1e6).trim().replace(z.current,"").charAt(0),new RegExp("[".concat(L.current,"]"),"g")},se=function(){var e=new Intl.NumberFormat(Z,{useGrouping:!1});return new RegExp("[".concat(e.format(-1).trim().replace(z.current,""),"]"),"g")},pe=function(){if(h.currency){var e=new Intl.NumberFormat(Z,{style:"currency",currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});return new RegExp("[".concat(e.format(1).replace(/\s/g,"").replace(z.current,"").replace(G.current,""),"]"),"g")}return new RegExp("[]","g")},de=function(){if(h.prefix)_.current=h.prefix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay});_.current=e.format(1).split("1")[0]}return new RegExp("".concat(ae(_.current||"")),"g")},fe=function(){if(h.suffix)q.current=h.suffix;else{var e=new Intl.NumberFormat(Z,{style:h.mode,currency:h.currency,currencyDisplay:h.currencyDisplay,minimumFractionDigits:0,maximumFractionDigits:0,roundingMode:h.roundingMode});q.current=e.format(1).split("1")[1]}return new RegExp("".concat(ae(q.current||"")),"g")},me=function(e){if(null!=e){if("-"===e)return e;if(h.format){var n=new Intl.NumberFormat(Z,ue()).format(e);return h.prefix&&(n=h.prefix+n),h.suffix&&(n+=h.suffix),n}return e.toString()}return""},be=function(e){var n=e.replace(J.current,"").replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").replace(G.current,"").replace(H.current,"-").replace($.current,".").replace(z.current,Y.current);if(n){if("-"===n)return n;var t=+n;return isNaN(t)?null:t}return null},ge=function e(n,t,r){var u=t||500;un(),B.current=setTimeout((function(){e(n,40,r)}),u),ve(n,r)},ve=function(e,n){if(M.current){var t=h.step*n,r=be(M.current.value)||0,u=Ve(r+t);if(h.maxLength&&h.maxLength<me(u).length)return;We(e,r,u),!c.DomHandler.isTouchDevice()&&Xe(u,null,"spin"),nn(e,u)}},ye=function(){h.disabled||h.readOnly||un()},he=function(){h.disabled||h.readOnly||un()},xe=function(){h.disabled||h.readOnly||un()},Ie=function(){h.disabled||h.readOnly||un()},we=function(){h.disabled||h.readOnly||un()},De=function(){h.disabled||h.readOnly||un()},Oe=function(e){h.disabled||h.readOnly||(T.current&&(e.target.value=U.current,T.current=!1),c.DomHandler.isAndroid()||"insertText"===e.nativeEvent.inputType&&/\D/.test(e.nativeEvent.data)&&(e.target.value=U.current))},Se=function(e){if(c.DomHandler.isAndroid()&&!h.disabled&&!h.readOnly&&(!h.onKeyUp||(h.onKeyUp(e),!e.defaultPrevented))){var n=e.which||e.keyCode;13!==n&&e.preventDefault();var t=String.fromCharCode(n),r=Pe(t),u=Ne(t);48<=n&&n<=57||u||r?Me(e,t,{isDecimalSign:r,isMinusSign:u}):Ge(e,e.target.value,null,"delete-single")}},Re=function(e){if(!h.disabled&&!h.readOnly)if(e.altKey||e.ctrlKey||e.metaKey)T.current=!0;else if(!(h.onKeyDown&&(h.onKeyDown(e),e.defaultPrevented)||(U.current=e.target.value,c.DomHandler.isAndroid()))){var n=e.target.selectionStart,t=e.target.selectionEnd,r=e.target.value,u=null;switch(e.code){case"ArrowUp":ve(e,1),e.preventDefault();break;case"ArrowDown":ve(e,-1),e.preventDefault();break;case"ArrowLeft":Te(r.charAt(n-1))||e.preventDefault();break;case"ArrowRight":Te(r.charAt(n))||e.preventDefault();break;case"Tab":case"NumpadEnter":case"Enter":case"NumpadEnter":u=Ve(be(r)),M.current.value=me(u),M.current.setAttribute("aria-valuenow",u),nn(e,u);break;case"Backspace":if(e.preventDefault(),n===t){var i=r.charAt(n-1);if(Te(i)){var a=ke(r),l=a.decimalCharIndex,o=a.decimalCharIndexWithoutPrefix,s=en(r);if(G.current.test(i))G.current.lastIndex=0,u=r.slice(0,n-2)+r.slice(n-1);else if($.current.test(i))$.current.lastIndex=0,s?M.current.setSelectionRange(n-1,n-1):u=r.slice(0,n-1)+r.slice(n);else if(l>0&&n>l){var p=Ce()&&(h.minFractionDigits||0)<s?"":"0";u=r.slice(0,n-1)+p+r.slice(n)}else 1===o?(u=r.slice(0,n-1)+"0"+r.slice(n),u=be(u)>0?u:""):u=r.slice(0,n-1)+r.slice(n)}else if(W.current.test(i)){var d=Ae(r),f=d.minusCharIndex;f===d.currencyCharIndex-1&&(u=r.slice(0,f)+r.slice(n))}Ge(e,u,null,"delete-single")}else u=Ke(r,n,t),Ge(e,u,null,"delete-range");break;case"Delete":if(e.preventDefault(),n===t){var m=r.charAt(n),b=ke(r),g=b.decimalCharIndex,v=b.decimalCharIndexWithoutPrefix;if(Te(m)){var y=en(r);if(G.current.test(m))G.current.lastIndex=0,u=r.slice(0,n)+r.slice(n+2);else if($.current.test(m))$.current.lastIndex=0,y?M.current.setSelectionRange(n+1,n+1):u=r.slice(0,n)+r.slice(n+1);else if(g>0&&n>g){var x=Ce()&&(h.minFractionDigits||0)<y?"":"0";u=r.slice(0,n)+x+r.slice(n+1)}else 1===v?(u=r.slice(0,n)+"0"+r.slice(n+1),u=be(u)>0?u:""):u=r.slice(0,n)+r.slice(n+1)}Ge(e,u,null,"delete-back-single")}else u=Ke(r,n,t),Ge(e,u,null,"delete-range");break;case"End":e.preventDefault(),c.ObjectUtils.isEmpty(h.max)||nn(e,h.max);break;case"Home":e.preventDefault(),c.ObjectUtils.isEmpty(h.min)||nn(e,h.min);break;default:e.preventDefault();var I=e.key,w=Pe(I),D=Ne(I);((e.code.startsWith("Digit")||e.code.startsWith("Numpad"))&&Number(I)>=0&&Number(I)<=9||D||w)&&Me(e,I,{isDecimalSign:w,isMinusSign:D})}}},Ee=function(e){if(e.preventDefault(),!h.disabled&&!h.readOnly){var n=(e.clipboardData||window.clipboardData).getData("Text");if(n){var t=be(n);null!=t&&Me(e,t.toString())}}},Ne=function(e){return!(!H.current.test(e)&&"-"!==e)&&(H.current.lastIndex=0,!0)},je=function(e){return Fe(e)?e.toString().replace(/\.(?=[^.]*$)/,V.current):e},Pe=function(e){return!(!$.current.test(e)&&!Fe(e))&&($.current.lastIndex=0,!0)},Ce=function(){return"decimal"===h.mode},Fe=function(e){var n=new Intl.NumberFormat(Z,ue()),t=be(n.format(e));return null!==t&&t%1!=0},ke=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.replace(X.current,"").trim().replace(/\s/g,"").replace(W.current,"").search($.current);return $.current.lastIndex=0,{decimalCharIndex:n,decimalCharIndexWithoutPrefix:t}},Ae=function(e){var n=e.search($.current);$.current.lastIndex=0;var t=e.search(H.current);H.current.lastIndex=0;var r=e.search(J.current);J.current.lastIndex=0;var u=e.search(W.current);return 0===u&&_.current&&_.current.length>1&&(u=_.current.trim().length),W.current.lastIndex=0,{decimalCharIndex:n,minusCharIndex:t,suffixCharIndex:r,currencyCharIndex:u}},Me=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{isDecimalSign:!1,isMinusSign:!1},r=n.search(H.current);if(H.current.lastIndex=0,c.ObjectUtils.isEmpty(h.min)||h.min<0||-1===r){var u,i=M.current.selectionStart,a=M.current.selectionEnd,l=M.current.value.trim(),o=Ae(l),s=o.decimalCharIndex,p=o.suffixCharIndex,d=o.currencyCharIndex;if(t.isMinusSign){var f=-1===o.minusCharIndex;!f||0!==i&&i!==d+1||(u=l,(f||0!==a)&&(u=Ue(l,n,0,a)),Ge(e,u,n,"insert"))}else if(t.isDecimalSign)s>0&&i===s?Ge(e,l,n,"insert"):(s>i&&s<a||-1===s&&h.maxFractionDigits)&&(u=Ue(l,n,i,a),Ge(e,u,n,"insert"));else{var m=K.current.resolvedOptions().maximumFractionDigits,b=i!==a?"range-insert":"insert";if(s>0&&i>s){if(i+n.length-(s+1)<=m){var g=d>=i?d-1:p>=i?p:l.length;u=l.slice(0,i)+n+l.slice(i+n.length,g)+l.slice(g),Ge(e,u,n,b)}}else u=Ue(l,n,i,a),Ge(e,u,n,b)}}},Be=function(e){return e?e.replace(J.current,"").trim().replace(/\s/g,"").replace(W.current,""):e},Ue=function(e,n,t,r){if(2===("."===n?n:n.split(".")).length){var u=e.slice(t,r).search($.current);return $.current.lastIndex=0,u>0?e.slice(0,t)+me(n)+Be(e).slice(r):e||me(n)}if(r-t===e.length)return me(n);if(0===t){var i=c.ObjectUtils.isLetter(e[r])?r-1:r;return n+e.slice(i)}if(r===e.length)return e.slice(0,t)+n;var a=e.slice(t,r),l=/\s$/.test(a)?" ":"";return e.slice(0,t)+n+l+e.slice(r)},Ke=function(e,n,t){return t-n===e.length?"":0===n?e.slice(t):t===e.length?e.slice(0,n):e.slice(0,n)+e.slice(t)},Le=function(){var e=M.current.selectionStart,n=M.current.value,t=n.length,r=null,u=(_.current||"").length,i=(n=n.replace(X.current,"")).charAt(e-=u);if(Te(i))return e+u;for(var a=e-1;a>=0;){if(i=n.charAt(a),Te(i)){r=a+u;break}a--}if(null!==r)M.current.setSelectionRange(r+1,r+1);else{for(a=e;a<t;){if(i=n.charAt(a),Te(i)){r=a+u;break}a++}null!==r&&M.current.setSelectionRange(r,r)}return r||0},_e=function(){Q.current=!0},qe=function(){Le()},Te=function(e){return!(1!==e.length||!(z.current.test(e)||$.current.test(e)||G.current.test(e)||H.current.test(e)))&&(ze(),!0)},ze=function(){z.current.lastIndex=0,$.current.lastIndex=0,G.current.lastIndex=0,H.current.lastIndex=0},Ge=function(e,n,t,r){var u=M.current.value,i=null;null!=n&&(i=He(be(n)),Xe(i,t,r,n),We(e,u,i))},He=function(e){return e||h.allowEmpty?e:h.min||0},We=function(e,n,t){h.onChange&&$e(n,t)&&h.onChange({originalEvent:e,value:t})},$e=function(e,n){return null===n&&null!==e||null!=n&&n!==("string"==typeof e?be(e):e)},Ve=function(e){return"-"===e?null:Je(e)},Je=function(e){return c.ObjectUtils.isEmpty(e)?null:null!==h.min&&e<h.min?h.min:null!==h.max&&e>h.max?h.max:e},Xe=function(e,n,t,r){n=n||"";var u=M.current,i=u.value,a=me(e),l=i.length;if(a!==r&&(a=Ze(a,r)),0===l){u.value=a,u.setSelectionRange(0,0);var o=Le()+n.length;u.setSelectionRange(o,o)}else{var c=u.selectionStart,s=u.selectionEnd;if(h.maxLength&&h.maxLength<a.length)return;u.value=a;var p=a.length;if("range-insert"===t){var d=be((i||"").slice(0,c)),f=(null!==d?d.toString():"").split("").join("(".concat(L.current,")?")),m=new RegExp(f,"g");m.test(a);var b=n.split("").join("(".concat(L.current,")?")),g=new RegExp(b,"g");g.test(a.slice(m.lastIndex)),u.setSelectionRange(s=m.lastIndex+g.lastIndex,s)}else if(p===l)if("insert"===t||"delete-back-single"===t){var v=s;"0"===n?v=s+1:v+=Number(Pe(e)||Pe(n)),u.setSelectionRange(v,v)}else"delete-single"===t?u.setSelectionRange(s-1,s-1):"delete-range"!==t&&"spin"!==t||u.setSelectionRange(s,s);else if("delete-back-single"===t){var y=i.charAt(s-1),x=i.charAt(s),I=l-p,w=G.current.test(x);w&&1===I?s+=1:!w&&Te(y)&&(s+=-1*I+1),G.current.lastIndex=0,u.setSelectionRange(s,s)}else if("-"===i&&"insert"===t){u.setSelectionRange(0,0);var D=Le()+n.length+1;u.setSelectionRange(D,D)}else u.setSelectionRange(s+=p-l,s)}u.setAttribute("aria-valuenow",e)},Ye=function(e){e=He(e);var n=M.current,t=n.value,r=Qe(e);t!==r&&(n.value=r,n.setAttribute("aria-valuenow",e))},Qe=function(e){return me(He(e))},Ze=function(e,n){if(e&&n){var t=n.search($.current);$.current.lastIndex=0;var r=je(e).split($.current)[0].replace(J.current,"").trim();return-1!==t?r+n.slice(t):e}return e},en=function(e){if(e){var n=e.split($.current);if(2===n.length)return Be(n[1]).length}return 0},nn=function(e,n){h.onValueChange&&h.onValueChange({originalEvent:e,value:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:h.name,id:h.id,value:n}})},tn=function(e){if(N(!0),h.onFocus&&h.onFocus(e),(h.suffix||h.currency||h.prefix)&&M.current&&!Q.current){var n=M.current.value;M.current.setSelectionRange((_.current||"").length,0===n.length?0:n.length-(q.current||"").length)}},rn=function(e){if(N(!1),Q.current=!1,M.current){var n=M.current.value;if($e(n,h.value)){var t=Ve(be(n));Ye(t),nn(e,t)}}h.onBlur&&h.onBlur(e)},un=function(){B.current&&clearInterval(B.current)},an=function(){var e=Je(h.value);Ye(h.format?e:je(e));var n=Ve(h.value);null!==h.value&&h.value!==n&&nn(null,n)},ln=function(){return K.current};d.useImperativeHandle(s,(function(){return{props:h,focus:function(){return c.DomHandler.focus(M.current)},getFormatter:ln,getElement:function(){return A.current},getInput:function(){return M.current}}})),d.useEffect((function(){c.ObjectUtils.combinedRefs(M,h.inputRef)}),[M,h.inputRef]),r.useMountEffect((function(){ie();var e=Ve(h.value);null!==h.value&&h.value!==e&&nn(null,e)})),r.useUpdateEffect((function(){ie(),an()}),[h.locale,h.localeMatcher,h.mode,h.currency,h.currencyDisplay,h.useGrouping,h.minFractionDigits,h.maxFractionDigits,h.suffix,h.prefix]),r.useUpdateEffect((function(){an()}),[h.value]),r.useUpdateEffect((function(){h.disabled&&un()}),[h.disabled]);var on,cn,sn,pn,dn,fn=function(){var e=g({className:k("incrementIcon")},F("incrementIcon")),n=c.IconUtils.getJSXIcon(h.incrementButtonIcon||d.createElement(i.AngleUpIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.incrementButtonClassName,k("incrementButton")),onPointerLeave:he,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(M.current,h.autoFocus),ge(n,null,1),n.preventDefault()));var n},onPointerUp:ye,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,1));var n},onKeyUp:xe,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("incrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},mn=function(){var e=g({className:k("decrementIcon")},F("decrementIcon")),n=c.IconUtils.getJSXIcon(h.decrementButtonIcon||d.createElement(u.AngleDownIcon,e),j({},e),{props:h}),t=g({type:"button",className:c.classNames(h.decrementButtonClassName,k("decrementButton")),onPointerLeave:we,onPointerDown:function(e){return n=e,void(h.disabled||h.readOnly||(c.DomHandler.focus(M.current,h.autoFocus),ge(n,null,-1),n.preventDefault()));var n},onPointerUp:Ie,onKeyDown:function(e){return n=e,void(h.disabled||h.readOnly||32!==n.keyCode&&13!==n.keyCode||ge(n,null,-1));var n},onKeyUp:De,disabled:h.disabled,tabIndex:-1,"aria-hidden":!0},F("decrementButton"));return d.createElement("button",t,n,d.createElement(l.Ripple,null))},bn=c.ObjectUtils.isNotEmpty(h.tooltip),gn=E.getOtherProps(h),vn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.DATA_PROPS),yn=c.ObjectUtils.reduceKeys(gn,c.DomHandler.ARIA_PROPS),hn=(on=c.classNames(h.inputClassName,k("input",{context:v})),cn=Qe(h.value),d.createElement(a.InputText,m({ref:M,id:h.inputId,style:h.inputStyle,role:"spinbutton",className:on,defaultValue:cn,type:h.type,size:h.size,tabIndex:h.tabIndex,inputMode:re,maxLength:h.maxLength,disabled:h.disabled,required:h.required,pattern:h.pattern,placeholder:h.placeholder,readOnly:h.readOnly,name:h.name,autoFocus:h.autoFocus,onKeyDown:Re,onKeyPress:Se,onInput:Oe,onClick:qe,onPointerDown:_e,onBlur:rn,onFocus:tn,onPaste:Ee,min:h.min,max:h.max,"aria-valuemin":h.min,"aria-valuemax":h.max,"aria-valuenow":h.value},yn,vn,{pt:F("input"),__parentMetadata:{parent:P}}))),xn=(sn=h.showButtons&&fn(),pn=h.showButtons&&mn(),dn=g({className:k("buttonGroup")},F("buttonGroup")),ee?d.createElement("span",dn,sn,pn):d.createElement(d.Fragment,null,sn,pn)),In=g({id:h.id,className:c.classNames(h.className,k("root",{focusedState:D,stacked:ee,horizontal:ne,vertical:te})),style:h.style},gn,F("root"));return d.createElement(d.Fragment,null,d.createElement("span",m({ref:A},In),hn,xn),bn&&d.createElement(o.Tooltip,m({target:A,content:h.tooltip,pt:F("tooltip")},h.tooltipOptions)))})));P.displayName="InputNumber",exports.InputNumber=P;
|
|
@@ -513,8 +513,18 @@ var InputNumber = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
|
|
|
513
513
|
}
|
|
514
514
|
if (isSpecialChar.current) {
|
|
515
515
|
event.target.value = lastValue.current;
|
|
516
|
+
isSpecialChar.current = false;
|
|
517
|
+
}
|
|
518
|
+
if (DomHandler.isAndroid()) {
|
|
519
|
+
return;
|
|
520
|
+
}
|
|
521
|
+
|
|
522
|
+
// #6324 Chrome is allowing accent-dead characters through...
|
|
523
|
+
var inputType = event.nativeEvent.inputType;
|
|
524
|
+
var data = event.nativeEvent.data;
|
|
525
|
+
if (inputType === 'insertText' && /\D/.test(data)) {
|
|
526
|
+
event.target.value = lastValue.current;
|
|
516
527
|
}
|
|
517
|
-
isSpecialChar.current = false;
|
|
518
528
|
};
|
|
519
529
|
var onInputAndroidKey = function onInputAndroidKey(event) {
|
|
520
530
|
if (!DomHandler.isAndroid() || props.disabled || props.readOnly) {
|