primereact 10.9.1 → 10.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/api.cjs.js +2 -1
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -1
- package/api/api.esm.js +2 -1
- package/api/api.esm.min.js +1 -1
- package/api/api.js +2 -1
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +25 -4
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +25 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +25 -4
- 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.cjs.js +4 -1
- package/buttongroup/buttongroup.cjs.min.js +1 -1
- package/buttongroup/buttongroup.esm.js +4 -1
- package/buttongroup/buttongroup.esm.min.js +1 -1
- package/buttongroup/buttongroup.js +4 -1
- package/buttongroup/buttongroup.min.js +1 -1
- package/calendar/calendar.cjs.js +41 -21
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +16 -62
- package/calendar/calendar.esm.js +41 -21
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +41 -21
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +1 -1
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +1 -1
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +1 -1
- package/carousel/carousel.min.js +1 -1
- package/chip/chip.cjs.js +11 -2
- package/chip/chip.cjs.min.js +1 -1
- package/chip/chip.d.ts +13 -2
- package/chip/chip.esm.js +11 -2
- package/chip/chip.esm.min.js +1 -1
- package/chip/chip.js +11 -2
- package/chip/chip.min.js +1 -1
- package/componentbase/componentbase.cjs.js +15 -6
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +15 -6
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +15 -6
- package/componentbase/componentbase.min.js +1 -1
- package/confirmdialog/confirmdialog.cjs.js +4 -3
- package/confirmdialog/confirmdialog.cjs.min.js +1 -1
- package/confirmdialog/confirmdialog.esm.js +4 -3
- package/confirmdialog/confirmdialog.esm.min.js +1 -1
- package/confirmdialog/confirmdialog.js +4 -3
- package/confirmdialog/confirmdialog.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +0 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +0 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +0 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +167 -92
- package/core/core.min.js +10 -10
- package/datascroller/datascroller.cjs.js +2 -0
- package/datascroller/datascroller.cjs.min.js +1 -1
- package/datascroller/datascroller.esm.js +2 -0
- package/datascroller/datascroller.esm.min.js +1 -1
- package/datascroller/datascroller.js +2 -0
- package/datascroller/datascroller.min.js +1 -1
- package/datatable/datatable.cjs.js +85 -58
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +85 -58
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +85 -58
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +7 -3
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +7 -3
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +8 -4
- package/dataview/dataview.min.js +1 -1
- package/dialog/dialog.cjs.js +0 -1
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +0 -1
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +0 -1
- package/dialog/dialog.min.js +1 -1
- package/divider/divider.cjs.js +2 -2
- package/divider/divider.cjs.min.js +1 -1
- package/divider/divider.esm.js +2 -2
- package/divider/divider.esm.min.js +1 -1
- package/divider/divider.js +2 -2
- package/divider/divider.min.js +1 -1
- package/dock/dock.cjs.js +0 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +0 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +0 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +36 -30
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +5 -0
- package/dropdown/dropdown.esm.js +38 -32
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +36 -30
- package/dropdown/dropdown.min.js +1 -1
- package/fileupload/fileupload.cjs.js +2 -1
- package/fileupload/fileupload.cjs.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/fileupload/fileupload.esm.js +2 -1
- package/fileupload/fileupload.esm.min.js +1 -1
- package/fileupload/fileupload.js +2 -1
- package/fileupload/fileupload.min.js +1 -1
- package/galleria/galleria.cjs.js +1 -1
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +1 -1
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +1 -1
- package/galleria/galleria.min.js +1 -1
- package/hooks/hooks.d.ts +3 -2
- package/inputmask/inputmask.cjs.js +4 -2
- package/inputmask/inputmask.cjs.min.js +1 -1
- package/inputmask/inputmask.esm.js +4 -2
- package/inputmask/inputmask.esm.min.js +1 -1
- package/inputmask/inputmask.js +4 -2
- package/inputmask/inputmask.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +7 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +7 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +7 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputtext/inputtext.d.ts +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/megamenu/megamenu.cjs.js +5 -10
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +5 -10
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +5 -10
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +6 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +6 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +6 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +2 -3
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +2 -3
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +2 -3
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +29 -29
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +30 -30
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +29 -29
- package/multiselect/multiselect.min.js +1 -1
- package/orderlist/orderlist.cjs.js +24 -23
- package/orderlist/orderlist.cjs.min.js +1 -1
- package/orderlist/orderlist.esm.js +24 -23
- package/orderlist/orderlist.esm.min.js +1 -1
- package/orderlist/orderlist.js +24 -23
- package/orderlist/orderlist.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +3 -2
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +3 -2
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +3 -2
- 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 +1 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +1 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +1 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/picklist.cjs.js +22 -8
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +22 -8
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +22 -8
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +684 -489
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +684 -489
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +684 -489
- package/primereact.all.min.js +1 -1
- package/sidebar/sidebar.cjs.js +1 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +1 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/sidebar/sidebar.min.js +1 -1
- package/speeddial/speeddial.cjs.js +1 -1
- package/speeddial/speeddial.cjs.min.js +1 -1
- package/speeddial/speeddial.esm.js +1 -1
- package/speeddial/speeddial.esm.min.js +1 -1
- package/speeddial/speeddial.js +1 -1
- package/speeddial/speeddial.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/stepper/stepper.d.ts +27 -13
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- 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/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +2 -2
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +2 -2
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +2 -2
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +7 -1
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +7 -1
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +7 -1
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +40 -38
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +11 -1
- package/tree/tree.esm.js +41 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +41 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -13
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +6 -1
- package/treeselect/treeselect.esm.js +13 -14
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -13
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +264 -254
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +265 -255
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +265 -255
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +53 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +53 -8
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +53 -8
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +3 -3
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +3 -3
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +3 -3
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +1001 -47
|
@@ -1 +1 @@
|
|
|
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,useGlobalOnEscapeKey as d,ESC_KEY_HANDLING_PRIORITIES as f,useInterval as h,useUnmountEffect as b}from"primereact/hooks";import{TimesIcon as v}from"primereact/icons/times";import{Portal as g}from"primereact/portal";import{Ripple as I}from"primereact/ripple";import{classNames as x,IconUtils as y,DomHandler as w,UniqueComponentId as S,ObjectUtils as O,ZIndexUtils as E}from"primereact/utils";import{ChevronLeftIcon as N}from"primereact/icons/chevronleft";import{ChevronRightIcon as P}from"primereact/icons/chevronright";import{ChevronDownIcon as C}from"primereact/icons/chevrondown";import{ChevronUpIcon as T}from"primereact/icons/chevronup";function j(){return j=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},j.apply(this,arguments)}function k(e){return k="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},k(e)}function A(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==k(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=A(e,"string");return"symbol"===k(n)?n:String(n)}function R(e,n,t){return(n=D(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function V(e){if(Array.isArray(e))return e}function B(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 H(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 _(e,n){if(e){if("string"==typeof e)return H(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)?H(e,n):void 0}}function G(){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 M(e,n){return V(e)||B(e,n)||_(e,n)||G()}var U=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 x("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 x("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return x("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 x("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return x("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 x("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return x("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return x("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 L(e){if(Array.isArray(e))return H(e)}function W(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function X(){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 z(e){return L(e)||W(e)||_(e)||X()}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){R(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}var K=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}))},v=function(e,t){switch(e.code){case"Enter":case"NumpadEnter":case"Space":p(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":g();break;case"ArrowLeft":S();break;case"Home":O(),e.preventDefault();break;case"End":E(),e.preventDefault();break;case"Tab":C();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},g=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=T();k(n,n+1===e.length?e.length-1:n+1)},S=function(){var e=T();k(e,e-1<=0?0:e-1)},O=function(){var e=T();k(e,0)},E=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=T();k(n,e.length-1)},C=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===w.getAttribute(e,"data-p-highlight")})),t=w.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"},T=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=w.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=z(w.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}),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 v(e,t)}},m("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===t?"0":"-1",type:"button",className:"p-link"},e.createElement(I,null))),e.createElement("li",j({},u,{key:l}),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=y.getJSXIcon(n.itemPrevIcon||e.createElement(N,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(I,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=y.getJSXIcon(n.itemNextIcon||e.createElement(P,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(I,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}(),_=function(){if(n.showIndicators){for(var t=[],i=r({className:x(n.indicatorsContentClassName,s("indicators"))},m("indicators")),a=0;a<n.value.length;a++)t.push(D(a));return e.createElement("ul",j({ref:l},i),t)}return null}(),G=r({ref:a,className:s("itemWrapper")},m("itemWrapper")),M=r({className:s("itemContainer")},m("itemContainer")),U=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",G,e.createElement("div",M,V,e.createElement("div",U,R),B,H),_)})));function Y(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Y(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Y(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaItem";var $=e.memo((function(n){var t,a=c(),r=n.ptm,l=n.cx,o=function(e,t){return r(e,F({hostName:n.hostName},t))},u=function(){var e=w.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=w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,e.length-1)},d=function(){var e=z(w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===w.getAttribute(e,"data-p-active")})),i=w.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=z(w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=w.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=w.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:x(n.className,l("thumbnailItem",{subProps:n})),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")),g=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",j({},v,{key:n.index+"_galleriathumbnailitem"}),e.createElement("div",g,b))})),q=e.memo(e.forwardRef((function(i,r){var l=c(),o=M(e.useState(i.numVisible),2),d=o[0],f=o[1],h=M(e.useState(0),2),b=h[0],v=h[1],g=e.useRef(null),x=e.useRef(null),E=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,F({hostName:i.hostName},n))},G=M(m({listener:function(){ie()},when:i.responsiveOptions}),1)[0],U=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)),g.current&&(w.removeClass(g.current,"p-items-hidden"),g.current.style.transform=i.isVertical?"translate3d(0, ".concat(n*(100/d),"%, 0)"):"translate3d(".concat(n*(100/d),"%, 0, 0)"),g.current.style.transition="transform 500ms ease 0s"),v(n)},L=function(){i.slideShowActive&&i.stopSlideShow&&i.stopSlideShow()},W=function(){var e=Math.floor(d/2);return d%2?e:e-1},X=function(e){L();var n=0!==i.activeItemIndex?i.activeItemIndex-1:0;d-(n+b)-1>W()&&(-1*b!=0||i.circular)&&U(1),i.onActiveItemChange({index:i.circular&&0===i.activeItemIndex?i.value.length-1:n}),e.cancelable&&e.preventDefault()},J=function(e){L();var n=i.activeItemIndex+1;n+b>W()&&(-1*b<ne()-1||i.circular)&&U(-1),i.onActiveItemChange({index:i.circular&&i.value.length-1===i.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},Z=function(e){L();var n=e.index;if(n!==i.activeItemIndex){var t=n+b,a=0;n<i.activeItemIndex?(a=d-t-1-W())>0&&-1*b!=0&&U(a):(a=W()-t)<0&&-1*b<ne()-1&&U(a),i.onActiveItemChange({index:n})}},K=function(e){g.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&w.addClass(g.current,"p-items-hidden"),g.current.style.transition="")},Y=function(e){var n=e.changedTouches[0];x.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-x.current.y:n.pageX-x.current.x)},ee=function(e,n){n<0?J(e):X(e)},ne=function(){return i.value.length>d?i.value.length-d+1:0},te=function(){j.current||(j.current=w.createInlineStyle(R&&R.nonce||n.nonce,R&&R.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(E.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/d,"%\n }\n } \n ");if(i.responsiveOptions){var t=O.localeComparator(R&&R.locale||n.locale);k.current=z(i.responsiveOptions),k.current.sort((function(e,i){return O.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(E.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(g.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(){g.current&&(E.current=S(),g.current.setAttribute(E.current,"")),te(),ie(),G()})),p((function(){var e=b;A===d&&D===i.activeItemIndex||((e=i.activeItemIndex<=W()?0:i.value.length-d+W()<i.activeItemIndex?d-i.value.length:i.value.length-d<i.activeItemIndex&&d%2==0?-1*i.activeItemIndex+W()+1:-1*i.activeItemIndex+W())!==b&&v(e),g.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()&&w.removeClass(g.current,"p-items-hidden"),g.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=y.getJSXIcon(i.isVertical?i.prevThumbnailIcon||e.createElement(T,a):i.prevThumbnailIcon||e.createElement(N,a),F({},a),{props:i}),o=l({className:B("previousThumbnailButton",{isDisabled:n}),onClick:X,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(I,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=y.getJSXIcon(i.isVertical?i.nextThumbnailIcon||e.createElement(C,a):i.nextThumbnailIcon||e.createElement(P,a),F({},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(I,null))}return null},de=(ae=i.value.map((function(n,t){var a=-1*b,r=a+d-1;return e.createElement($,{key:t,index:t,containerId:i.containerId,itemsContainerRef:g,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:g,className:B("thumbnailItems"),role:"tablist",onTransitionEnd:K,onTouchStart:Y,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 Q(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 ee(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Q(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Q(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}$.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var ne=e.memo(e.forwardRef((function(i,r){var u=c(),s=e.useContext(a),m=U.getProps(i,s),p=M(e.useState(!1),2),N=p[0],P=p[1],C=M(e.useState(m.numVisible),2),T=C[0],k=C[1],A=M(e.useState(!1),2),D=A[0],R=A[1],V=M(e.useState(m.activeIndex),2),B=V[0],H=V[1],_=e.useRef(null),G=e.useRef(null),L=e.useRef(null),W=m.onItemChange?m.activeIndex:B,X="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,z=m.id||S(),J=U.setMetaData({props:m,state:{visible:N,numVisible:T,slideShowActive:D,activeIndex:B}}),Z=J.ptm,Y=J.cx,F=J.sx,$=J.isUnstyled;l(U.css.styles,$,{name:"galleria"}),d({callback:function(){te()},when:m.closeOnEscape&&m.fullScreen,priority:[f.IMAGE,0]}),h((function(){Q({index:m.circular&&m.value.length-1===W?0:W+1})}),m.transitionInterval,D);var Q=function(e){e.index>=m.value.length?se():m.onItemChange?m.onItemChange(e):H(e.index)},ne=function(){P(!0)},te=function(){P(!1)},ie=function(){w.blockBodyScroll()},ae=function(){E.set("modal",L.current,s&&s.autoZIndex||n.autoZIndex,m.baseZIndex||s&&s.zIndex.modal||n.zIndex.modal),!$()&&w.addMultipleClasses(L.current,"p-component-overlay p-component-overlay-enter")},re=function(){m.onShow&&m.onShow()},le=function(){w.unblockBodyScroll(),!$()&&w.addClass(L.current,"p-component-overlay-leave")},oe=function(){E.clear(L.current),m.onHide&&m.onHide()},ce=function(){return D},ue=function(){R(!0)},se=function(){R(!1)},me=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<T&&k(m.value.length)}),[m.value,T]),e.useEffect((function(){k(m.numVisible)}),[m.numVisible]),b((function(){D&&se(),E.clear(L.current)})),e.useImperativeHandle(r,(function(){return{props:m,show:ne,hide:te,isAutoPlayActive:ce,startSlideShow:ue,stopSlideShow:se,getElement:function(){return _.current},getPreviewContent:function(){return G.current}}}));return O.isNotEmpty(m.value)&&function(){var n,i,a,r,l,c,p,d,f,h,b,w,S=(a=m.showThumbnails&&me("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&me("p-galleria-indicators",m.indicatorsPosition),l=u({className:Y("closeIcon"),"aria-hidden":!0},Z("closeIcon")),c=y.getJSXIcon(m.closeIcon||e.createElement(v,l),ee({},l),{props:m}),p=u({type:"button",className:Y("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:te},Z("closeButton")),d=m.fullScreen&&e.createElement("button",p,c,e.createElement(I,null)),n=u({className:Y("header")},Z("header")),f=m.header?e.createElement("div",n,m.header):null,i=u({className:Y("footer")},Z("footer")),h=m.footer?e.createElement("div",i,m.footer):null,b=u({ref:_,id:z,className:x(m.className,Y("root",{context:s,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},U.getOtherProps(m),Z("root")),w=u({className:Y("content"),"aria-live":m.autoPlay?"polite":"off"},Z("content")),e.createElement("div",b,d,f,e.createElement("div",w,e.createElement(K,{hostName:"Galleria",ref:G,id:z,value:m.value,activeItemIndex:W,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:D,startSlideShow:ue,stopSlideShow:se,ptm:Z,cx:Y}),m.showThumbnails&&e.createElement(q,{hostName:"Galleria",value:m.value,containerId:z,activeItemIndex:W,onActiveItemChange:Q,itemTemplate:m.thumbnail,numVisible:T,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:X,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:D,stopSlideShow:se,isUnstyled:$,ptm:Z,cx:Y,sx:F})),h));if(m.fullScreen){var O=u({className:Y("mask",{visibleState:N}),role:"dialog","aria-modal":"true"},Z("mask")),E=u({classNames:Y("transition"),in:N,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:ae,onEntered:re,onExit:le,onExited:oe},Z("transition")),P=e.createElement("div",j({ref:L},O),e.createElement(o,j({nodeRef:_},E),S));return e.createElement(g,{element:P})}return S}()})));ne.displayName="Galleria";export{ne 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,useGlobalOnEscapeKey as d,ESC_KEY_HANDLING_PRIORITIES as f,useInterval as h,useUnmountEffect as b}from"primereact/hooks";import{TimesIcon as v}from"primereact/icons/times";import{Portal as g}from"primereact/portal";import{Ripple as I}from"primereact/ripple";import{classNames as x,IconUtils as y,DomHandler as w,UniqueComponentId as S,ObjectUtils as O,ZIndexUtils as E}from"primereact/utils";import{ChevronLeftIcon as N}from"primereact/icons/chevronleft";import{ChevronRightIcon as P}from"primereact/icons/chevronright";import{ChevronDownIcon as C}from"primereact/icons/chevrondown";import{ChevronUpIcon as T}from"primereact/icons/chevronup";function j(){return j=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},j.apply(this,arguments)}function k(e){return k="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},k(e)}function A(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var i=t.call(e,n||"default");if("object"!==k(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function D(e){var n=A(e,"string");return"symbol"===k(n)?n:String(n)}function R(e,n,t){return(n=D(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function V(e){if(Array.isArray(e))return e}function B(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 H(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 _(e,n){if(e){if("string"==typeof e)return H(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)?H(e,n):void 0}}function G(){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 M(e,n){return V(e)||B(e,n)||_(e,n)||G()}var U=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 x("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 x("p-galleria-mask",{"p-galleria-visible":e.visibleState})},thumbnailItem:function(e){var n=e.subProps;return x("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 x("p-galleria-thumbnail-prev p-link",{"p-disabled":e.isDisabled})},nextThumbnailIcon:"p-galleria-thumbnail-next-icon",nextThumbnailButton:function(e){return x("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 x("p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},nextItemIcon:"p-galleria-item-next-icon",nextItemButton:function(e){return x("p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.isDisabled})},caption:"p-galleria-caption",indicator:function(e){return x("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 L(e){if(Array.isArray(e))return H(e)}function W(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function X(){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 z(e){return L(e)||W(e)||_(e)||X()}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){R(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}var K=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}))},v=function(e,t){switch(e.code){case"Enter":case"NumpadEnter":case"Space":p(),n.onActiveItemChange({index:t}),e.preventDefault();break;case"ArrowRight":g();break;case"ArrowLeft":S();break;case"Home":O(),e.preventDefault();break;case"End":E(),e.preventDefault();break;case"Tab":C();break;case"ArrowDown":case"ArrowUp":case"PageUp":case"PageDown":e.preventDefault()}},g=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=T();k(n,n+1===e.length?e.length-1:n+1)},S=function(){var e=T();k(e,e-1<=0?0:e-1)},O=function(){var e=T();k(e,0)},E=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=T();k(n,e.length-1)},C=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=e.findIndex((function(e){return!0===w.getAttribute(e,"data-p-highlight")})),t=w.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"},T=function(){var e=z(w.find(l.current,'[data-pc-section="indicator"]')),n=w.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=z(w.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}),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 v(e,t)}},m("indicator"));return c||(c=e.createElement("button",{tabIndex:n.activeIndex===t?"0":"-1",type:"button",className:"p-link"},e.createElement(I,null))),e.createElement("li",j({},u,{key:l}),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=y.getJSXIcon(n.itemPrevIcon||e.createElement(N,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(I,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=y.getJSXIcon(n.itemNextIcon||e.createElement(P,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(I,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}(),_=function(){if(n.showIndicators){for(var t=[],i=r({className:x(n.indicatorsContentClassName,s("indicators"))},m("indicators")),a=0;a<n.value.length;a++)t.push(D(a));return e.createElement("ul",j({ref:l},i),t)}return null}(),G=r({ref:a,className:s("itemWrapper")},m("itemWrapper")),M=r({className:s("itemContainer")},m("itemContainer")),U=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",G,e.createElement("div",M,V,e.createElement("div",U,R),B,H),_)})));function Y(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 F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Y(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Y(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}K.displayName="GalleriaItem";var $=e.memo((function(n){var t,a=c(),r=n.ptm,l=n.cx,o=function(e,t){return r(e,F({hostName:n.hostName},t))},u=function(){var e=w.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=w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]'),t=f();h(t,e.length-1)},d=function(){var e=z(w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===w.getAttribute(e,"data-p-active")})),i=w.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=z(w.find(n.itemsContainerRef.current,'[data-pc-section="thumbnailitem"]')),t=w.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=w.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:x(n.className,l("thumbnailItem",{subProps:n})),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")),g=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",j({},v,{key:n.index+"_galleriathumbnailitem"}),e.createElement("div",g,b))})),q=e.memo(e.forwardRef((function(i,r){var l=c(),o=M(e.useState(i.numVisible),2),d=o[0],f=o[1],h=M(e.useState(0),2),b=h[0],v=h[1],g=e.useRef(null),x=e.useRef(null),E=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,F({hostName:i.hostName},n))},G=M(m({listener:function(){ie()},when:i.responsiveOptions}),1)[0],U=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)),g.current&&(w.removeClass(g.current,"p-items-hidden"),g.current.style.transform=i.isVertical?"translate3d(0, ".concat(n*(100/d),"%, 0)"):"translate3d(".concat(n*(100/d),"%, 0, 0)"),g.current.style.transition="transform 500ms ease 0s"),v(n)},L=function(){i.slideShowActive&&i.stopSlideShow&&i.stopSlideShow()},W=function(){var e=Math.floor(d/2);return d%2?e:e-1},X=function(e){L();var n=0!==i.activeItemIndex?i.activeItemIndex-1:0;d-(n+b)-1>W()&&(-1*b!=0||i.circular)&&U(1),i.onActiveItemChange({index:i.circular&&0===i.activeItemIndex?i.value.length-1:n}),e.cancelable&&e.preventDefault()},J=function(e){L();var n=i.activeItemIndex+1;n+b>W()&&(-1*b<ne()-1||i.circular)&&U(-1),i.onActiveItemChange({index:i.circular&&i.value.length-1===i.activeItemIndex?0:n}),e.cancelable&&e.preventDefault()},Z=function(e){L();var n=e.index;if(n!==i.activeItemIndex){var t=n+b,a=0;n<i.activeItemIndex?(a=d-t-1-W())>0&&-1*b!=0&&U(a):(a=W()-t)<0&&-1*b<ne()-1&&U(a),i.onActiveItemChange({index:n})}},K=function(e){g.current&&"transform"===e.propertyName&&(document.body.setAttribute("data-p-items-hidden","false"),!i.isUnstyled()&&w.addClass(g.current,"p-items-hidden"),g.current.style.transition="")},Y=function(e){var n=e.changedTouches[0];x.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-x.current.y:n.pageX-x.current.x)},ee=function(e,n){n<0?J(e):X(e)},ne=function(){return i.value.length>d?i.value.length-d+1:0},te=function(){j.current||(j.current=w.createInlineStyle(R&&R.nonce||n.nonce,R&&R.styleContainer));var e='\n [data-pc-section="thumbnailitems"]['.concat(E.current,'] {\n [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/d,"%\n }\n } \n ");if(i.responsiveOptions){var t=O.localeComparator(R&&R.locale||n.locale);k.current=z(i.responsiveOptions),k.current.sort((function(e,i){return O.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(E.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(g.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(){g.current&&(E.current=S(),g.current.setAttribute(E.current,"")),te(),ie(),G()})),p((function(){var e=b;A===d&&D===i.activeItemIndex||((e=i.activeItemIndex<=W()?0:i.value.length-d+W()<i.activeItemIndex?d-i.value.length:i.value.length-d<i.activeItemIndex&&d%2==0?-1*i.activeItemIndex+W()+1:-1*i.activeItemIndex+W())!==b&&v(e),g.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()&&w.removeClass(g.current,"p-items-hidden"),g.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=y.getJSXIcon(i.isVertical?i.prevThumbnailIcon||e.createElement(T,a):i.prevThumbnailIcon||e.createElement(N,a),F({},a),{props:i}),o=l({className:B("previousThumbnailButton",{isDisabled:n}),onClick:X,type:"button",disabled:n,"data-p-disabled":n,"aria-label":t("aria")?t("aria").prevPageLabel:void 0,"data-pc-group-section":"thumbnailnavigator"},_("previousThumbnailButton"));return e.createElement("button",o,r,e.createElement(I,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=y.getJSXIcon(i.isVertical?i.nextThumbnailIcon||e.createElement(C,a):i.nextThumbnailIcon||e.createElement(P,a),F({},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(I,null))}return null},de=(ae=i.value.map((function(n,t){var a=-1*b,r=a+d-1;return e.createElement($,{key:t,index:t,containerId:i.containerId,itemsContainerRef:g,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:g,className:B("thumbnailItems"),role:"tablist",onTransitionEnd:K,onTouchStart:Y,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 Q(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 ee(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Q(Object(t),!0).forEach((function(n){R(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Q(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}$.displayName="GalleriaThumbnailItem",q.displayName="GalleriaThumbnails";var ne=e.memo(e.forwardRef((function(i,r){var u=c(),s=e.useContext(a),m=U.getProps(i,s),p=M(e.useState(!1),2),N=p[0],P=p[1],C=M(e.useState(m.numVisible),2),T=C[0],k=C[1],A=M(e.useState(!1),2),D=A[0],R=A[1],V=M(e.useState(m.activeIndex),2),B=V[0],H=V[1],_=e.useRef(null),G=e.useRef(null),L=e.useRef(null),W=m.onItemChange?m.activeIndex:B,X="left"===m.thumbnailsPosition||"right"===m.thumbnailsPosition,z=m.id||S(),J=U.setMetaData({props:m,state:{visible:N,numVisible:T,slideShowActive:D,activeIndex:B}}),Z=J.ptm,Y=J.cx,F=J.sx,$=J.isUnstyled;l(U.css.styles,$,{name:"galleria"}),d({callback:function(){te()},when:m.closeOnEscape&&m.fullScreen,priority:[f.IMAGE,0]}),h((function(){Q({index:m.circular&&m.value.length-1===W?0:W+1})}),m.transitionInterval,D);var Q=function(e){e.index>=m.value.length?se():m.onItemChange?m.onItemChange(e):H(e.index)},ne=function(){P(!0)},te=function(){P(!1)},ie=function(){w.blockBodyScroll()},ae=function(){E.set("modal",L.current,s&&s.autoZIndex||n.autoZIndex,m.baseZIndex||s&&s.zIndex.modal||n.zIndex.modal),!$()&&w.addMultipleClasses(L.current,"p-component-overlay p-component-overlay-enter")},re=function(){m.onShow&&m.onShow()},le=function(){w.unblockBodyScroll(),!$()&&w.addClass(L.current,"p-component-overlay-leave")},oe=function(){E.clear(L.current),m.onHide&&m.onHide()},ce=function(){return D},ue=function(){R(!0)},se=function(){R(!1)},me=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<T&&k(m.value.length)}),[m.value,T]),e.useEffect((function(){k(m.numVisible)}),[m.numVisible]),b((function(){D&&se(),E.clear(L.current)})),e.useImperativeHandle(r,(function(){return{props:m,show:ne,hide:te,isAutoPlayActive:ce,startSlideShow:ue,stopSlideShow:se,getElement:function(){return _.current},getPreviewContent:function(){return G.current}}}));return O.isNotEmpty(m.value)&&function(){var n,i,a,r,l,c,p,d,f,h,b,w,S=(a=m.showThumbnails&&me("p-galleria-thumbnails",m.thumbnailsPosition),r=m.showIndicators&&me("p-galleria-indicators",m.indicatorsPosition),l=u({className:Y("closeIcon"),"aria-hidden":!0},Z("closeIcon")),c=y.getJSXIcon(m.closeIcon||e.createElement(v,l),ee({},l),{props:m}),p=u({type:"button",className:Y("closeButton"),"aria-label":t("aria")?t("aria").close:void 0,onClick:te},Z("closeButton")),d=m.fullScreen&&e.createElement("button",p,c,e.createElement(I,null)),n=u({className:Y("header")},Z("header")),f=m.header?e.createElement("div",n,m.header):null,i=u({className:Y("footer")},Z("footer")),h=m.footer?e.createElement("div",i,m.footer):null,b=u({ref:_,id:z,className:x(m.className,Y("root",{context:s,thumbnailsPosClassName:a,indicatorPosClassName:r})),style:m.style,role:"region"},U.getOtherProps(m),Z("root")),w=u({className:Y("content"),"aria-live":m.autoPlay?"polite":"off"},Z("content")),e.createElement("div",b,d,f,e.createElement("div",w,e.createElement(K,{hostName:"Galleria",ref:G,id:z,value:m.value,activeItemIndex:W,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:D,startSlideShow:ue,stopSlideShow:se,ptm:Z,cx:Y}),m.showThumbnails&&e.createElement(q,{hostName:"Galleria",value:m.value,containerId:z,activeItemIndex:W,onActiveItemChange:Q,itemTemplate:m.thumbnail,numVisible:T,nextThumbnailIcon:m.nextThumbnailIcon,prevThumbnailIcon:m.prevThumbnailIcon,responsiveOptions:m.responsiveOptions,circular:m.circular,isVertical:X,contentHeight:m.verticalThumbnailViewPortHeight,showThumbnailNavigators:m.showThumbnailNavigators,autoPlay:m.autoPlay,slideShowActive:D,stopSlideShow:se,isUnstyled:$,ptm:Z,cx:Y,sx:F})),h));if(m.fullScreen){var O=u({className:Y("mask",{visibleState:N}),role:"dialog","aria-modal":"true"},Z("mask")),E=u({classNames:Y("transition"),in:N,timeout:{enter:150,exit:150},options:m.transitionOptions,unmountOnExit:!0,onEnter:ie,onEntering:ae,onEntered:re,onExit:le,onExited:oe},Z("transition")),P=e.createElement("div",j({ref:L},O),e.createElement(o,j({nodeRef:_},E),S));return e.createElement(g,{element:P})}return S}()})));ne.displayName="Galleria";export{ne as Galleria};
|
package/galleria/galleria.js
CHANGED
|
@@ -959,7 +959,7 @@ this.primereact.galleria = (function (exports, React, PrimeReact, componentbase,
|
|
|
959
959
|
type: 'button',
|
|
960
960
|
disabled: isDisabled,
|
|
961
961
|
'data-p-disabled': isDisabled,
|
|
962
|
-
'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').
|
|
962
|
+
'aria-label': PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').prevPageLabel : undefined,
|
|
963
963
|
'data-pc-group-section': 'thumbnailnavigator'
|
|
964
964
|
}, getPTOptions('previousThumbnailButton'));
|
|
965
965
|
return /*#__PURE__*/React__namespace.createElement("button", previousThumbnailButtonProps, prevThumbnailIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
|
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 E(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 N(e,n){if(e){if("string"==typeof e)return E(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)?E(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)||N(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 E(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)||N(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":E();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=N();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();P(e,e-1<=0?0:e-1)},O=function(){var e=N();P(e,0)},S=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=N();P(n,e.length-1)},E=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"},N=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}),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",g({},u,{key:r}),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),I=a({className:s.classNames(e.className,l("thumbnailItem",{subProps:e})),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")),x=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({},I,{key:e.index+"_galleriathumbnailitem"}),b.createElement("div",x,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),E=r.usePrevious(e.activeItemIndex),N=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(N&&N.nonce||v.default.nonce,N&&N.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(N&&N.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,N&&N.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&&E===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)"),E!==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],E=C(b.useState(p.activeIndex),2),N=E[0],P=E[1],j=b.useRef(null),T=b.useRef(null),k=b.useRef(null),A=p.onItemChange?p.activeIndex:N,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:N}}),B=V.ptm,M=V.cx,L=V.sx,z=V.isUnstyled;a.useHandleStyle(D.css.styles,z,{name:"galleria"}),r.useGlobalOnEscapeKey({callback:function(){Z()},when:p.closeOnEscape&&p.fullScreen,priority:[r.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),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,E,N=(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")),E=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),b.createElement("div",S,I,y,b.createElement("div",E,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),N));return b.createElement(o.Portal,{element:V})}return N}()})));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 E(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 N(e,n){if(e){if("string"==typeof e)return E(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)?E(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)||N(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 E(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)||N(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":E();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=N();P(n,n+1===e.length?e.length-1:n+1)},w=function(){var e=N();P(e,e-1<=0?0:e-1)},O=function(){var e=N();P(e,0)},S=function(){var e=A(s.DomHandler.find(i.current,'[data-pc-section="indicator"]')),n=N();P(n,e.length-1)},E=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"},N=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}),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",g({},u,{key:r}),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),I=a({className:s.classNames(e.className,l("thumbnailItem",{subProps:e})),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")),x=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({},I,{key:e.index+"_galleriathumbnailitem"}),b.createElement("div",x,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),E=r.usePrevious(e.activeItemIndex),N=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(N&&N.nonce||v.default.nonce,N&&N.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(N&&N.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,N&&N.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&&E===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)"),E!==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").prevPageLabel: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],E=C(b.useState(p.activeIndex),2),N=E[0],P=E[1],j=b.useRef(null),T=b.useRef(null),k=b.useRef(null),A=p.onItemChange?p.activeIndex:N,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:N}}),B=V.ptm,M=V.cx,L=V.sx,z=V.isUnstyled;a.useHandleStyle(D.css.styles,z,{name:"galleria"}),r.useGlobalOnEscapeKey({callback:function(){Z()},when:p.closeOnEscape&&p.fullScreen,priority:[r.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),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,E,N=(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")),E=u({className:M("content"),"aria-live":p.autoPlay?"polite":"off"},B("content")),b.createElement("div",S,I,y,b.createElement("div",E,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),N));return b.createElement(o.Portal,{element:V})}return N}()})));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);
|
package/hooks/hooks.d.ts
CHANGED
|
@@ -166,9 +166,10 @@ interface ResizeEventOptions {
|
|
|
166
166
|
|
|
167
167
|
/**
|
|
168
168
|
* Custom hook to get the previous value of a property.
|
|
169
|
-
* @param {
|
|
169
|
+
* @param {V} value - The current value whose previous state is needed
|
|
170
|
+
* @returns {V | undefined} Returns undefined on first render, then returns the previous value on subsequent renders
|
|
170
171
|
*/
|
|
171
|
-
export declare function usePrevious(value:
|
|
172
|
+
export declare function usePrevious<V>(value: V): V | undefined;
|
|
172
173
|
/**
|
|
173
174
|
* Custom hook to run a mount effect only once.
|
|
174
175
|
* @param {React.EffectCallback} effect - The effect to run.
|
|
@@ -595,6 +595,9 @@ var InputMask = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
|
|
|
595
595
|
updateValue();
|
|
596
596
|
}
|
|
597
597
|
}, [isValueUpdated]);
|
|
598
|
+
hooks.useUpdateEffect(function () {
|
|
599
|
+
updateFilledState();
|
|
600
|
+
}, [props.disabled]);
|
|
598
601
|
var otherProps = InputMaskBase.getOtherProps(props);
|
|
599
602
|
var className = utils.classNames(props.className, cx('root', {
|
|
600
603
|
context: context
|
|
@@ -606,8 +609,7 @@ var InputMask = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace
|
|
|
606
609
|
type: props.type,
|
|
607
610
|
name: props.name,
|
|
608
611
|
style: props.style,
|
|
609
|
-
className: className
|
|
610
|
-
value: props.value
|
|
612
|
+
className: className
|
|
611
613
|
}, otherProps, {
|
|
612
614
|
placeholder: props.placeholder,
|
|
613
615
|
size: props.size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/hooks"),t=require("primereact/inputtext"),u=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}var i=c.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return u.classNames("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),s=l.memo(l.forwardRef((function(e,c){var a=l.useContext(r.PrimeReactContext),s=i.getProps(e,a),f=l.useRef(null),v=l.useRef(null),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/hooks"),t=require("primereact/inputtext"),u=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},o.apply(this,arguments)}var i=c.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return u.classNames("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),s=l.memo(l.forwardRef((function(e,c){var a=l.useContext(r.PrimeReactContext),s=i.getProps(e,a),f=l.useRef(null),v=l.useRef(null),d=l.useRef(0),p=l.useRef([]),m=l.useRef([]),g=l.useRef(0),h=l.useRef(null),b=l.useRef(!1),y=l.useRef(null),C=l.useRef(null),k=l.useRef(null),R=l.useRef(null),O=l.useRef(null),x=l.useRef(!1),E={props:s},D=i.setMetaData(E).cx,j=function(e,r){var n,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},P=function(){for(var e=v.current;e<=d.current;e++)if(p.current[e]&&m.current[e]===I(e))return!1;return!0},I=l.useCallback((function(e){return s.slotChar.charAt(e<s.slotChar.length?e:0)}),[s.slotChar]),M=function(){return s.unmask?B():f.current&&f.current.value},q=function(e){for(;++e<g.current&&!p.current[e];);return e},H=function(e){for(;--e>=0&&!p.current[e];);return e},S=function(e,r){var n,t;if(!(e<0)){for(n=e,t=q(r);n<g.current;n++)if(p.current[n]){if(!(t<g.current&&p.current[n].test(m.current[t])))break;m.current[n]=m.current[t],m.current[t]=I(t),t=q(t)}F(),j(Math.max(v.current,e))}},T=function(e){var r,n,t,u;for(r=e,n=I(e);r<g.current;r++)if(p.current[r]){if(t=q(r),u=m.current[r],m.current[r]=n,!(t<g.current&&p.current[t].test(u)))break;n=u}},_=function(e){var r=f.current.value,n=j();if(n){if(h.current.length&&h.current.length>r.length){for(z(!0);n.begin>0&&!p.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<v.current&&!p.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(z(!0);n.begin<g.current&&!p.current[n.begin];)n.begin++;j(n.begin,n.begin)}s.onComplete&&P()&&s.onComplete({originalEvent:e,value:M()}),K(e)}},w=function(e){if(b.current=!1,z(),K(e),L(),s.onBlur&&s.onBlur(e),f.current.value!==y.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),f.current.dispatchEvent(r)}},A=function(e,r){var n;for(n=e;n<r&&n<g.current;n++)p.current[n]&&(m.current[n]=I(n))},F=function(){f.current&&(f.current.value=m.current.join(""))},z=function(e){C.current=!0;var r,n,t,u=f.current&&f.current.value,c=-1;for(r=0,t=0;r<g.current;r++)if(p.current[r]){for(m.current[r]=I(r);t++<u.length;)if(n=u.charAt(t-1),p.current[r].test(n)){m.current[r]=n,c=r;break}if(t>u.length){A(r+1,g.current);break}}else m.current[r]===u.charAt(t)&&t++,r<k.current&&(c=r);return e?F():c+1<k.current?s.autoClear||m.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),A(0,g.current)):F():(F(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),k.current?r:v.current},N=function(e){if(!s.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=z(!0);j(r)}K(e),s.onComplete&&P()&&s.onComplete({originalEvent:e,value:M()})}},B=l.useCallback((function(){for(var e=[],r=0;r<m.current.length;r++){var n=m.current[r];p.current[r]&&n!==I(r)&&e.push(n)}return e.join("")}),[I]),K=function(e){if(s.onChange){var r=s.unmask?B():e&&e.target.value;s.onChange({originalEvent:e,value:R.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:s.name,id:s.id,value:R.current!==r?r:""}})}},L=function(){f.current&&f.current.value&&f.current.value.length>0?u.DomHandler.addClass(f.current,"p-filled"):u.DomHandler.removeClass(f.current,"p-filled")},U=function(e){var r;return f.current&&(null==s.value?f.current.value="":(f.current.value=s.value,r=z(e),setTimeout((function(){if(f.current)return F(),z(e)}),10)),y.current=f.current.value),L(),r},Z=l.useCallback((function(){return s.unmask?s.value!==B():R.current!==f.current.value&&f.current.value!==s.value}),[s.unmask,s.value,B]),Y=function(){if(s.mask){p.current=[],k.current=s.mask.length,g.current=s.mask.length,v.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};x.current=u.DomHandler.isChrome()&&u.DomHandler.isAndroid();for(var r=s.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(g.current--,k.current=n):e[t]?(p.current.push(new RegExp(e[t])),null===v.current&&(v.current=p.current.length-1),n<k.current&&(d.current=p.current.length-1)):p.current.push(null)}m.current=[];for(var c=0;c<r.length;c++){var a=r[c];"?"!==a&&m.current.push(e[a]?I(c):a)}R.current=m.current.join("")}};l.useImperativeHandle(c,(function(){return{props:s,focus:function(){return u.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),l.useEffect((function(){u.ObjectUtils.combinedRefs(f,c)}),[f,c]),n.useMountEffect((function(){Y(),U()})),n.useUpdateEffect((function(){Y(),j(U(!0)),s.unmask&&K()}),[s.mask]),n.useUpdateEffect((function(){Z()&&U()}),[Z]),n.useUpdateEffect((function(){L()}),[s.disabled]);var G=i.getOtherProps(s),J=u.classNames(s.className,D("root",{context:a}));return l.createElement(t.InputText,o({ref:f,autoFocus:s.autoFocus,id:s.id,type:s.type,name:s.name,style:s.style,className:J},G,{placeholder:s.placeholder,size:s.size,maxLength:s.maxLength,tabIndex:s.tabIndex,disabled:s.disabled,invalid:s.invalid,readOnly:s.readOnly,onFocus:function(e){var r;s.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",r=z()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(F(),r===s.mask.replace("?","").length?j(0,r):j(r),L())}),100),s.onFocus&&s.onFocus(e))},onBlur:w,onKeyDown:function(e){if(!s.readOnly){var r,n,t,c=e.which||e.keyCode;if(h.current=f.current.value,8===c||46===c||u.DomHandler.isIOS()&&127===c){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==c?H(n):t=q(n-1),t=46===c?q(t):t),A(n,t),S(n,t-1),K(e),e.preventDefault()}else 13===c?(w(e),K(e)):27===c&&(f.current.value=y.current,j(0,z()),K(e),e.preventDefault())}},onKeyPress:function(e){if(!s.readOnly){var r=j();if(r){var n,t,c,a,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(A(r.begin,r.end),S(r.begin,r.end-1)),(n=q(r.begin-1))<g.current&&(t=String.fromCharCode(l),p.current[n].test(t))){if(T(n),m.current[n]=t,F(),c=q(n),u.DomHandler.isAndroid()){setTimeout((function(){j(c)}),0)}else j(c);r.begin<=d.current&&(a=P())}e.preventDefault()}K(e),s.onComplete&&a&&s.onComplete({originalEvent:e,value:M()})}}}},onInput:function(e){x.current?_(e):N(e)},onPaste:function(e){return N(e,!0)},required:s.required,tooltip:s.tooltip,tooltipOptions:s.tooltipOptions,pt:s.pt,unstyled:s.unstyled,__parentMetadata:{parent:E}}))})));s.displayName="InputMask",exports.InputMask=s;
|
|
@@ -571,6 +571,9 @@ var InputMask = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
|
|
|
571
571
|
updateValue();
|
|
572
572
|
}
|
|
573
573
|
}, [isValueUpdated]);
|
|
574
|
+
useUpdateEffect(function () {
|
|
575
|
+
updateFilledState();
|
|
576
|
+
}, [props.disabled]);
|
|
574
577
|
var otherProps = InputMaskBase.getOtherProps(props);
|
|
575
578
|
var className = classNames(props.className, cx('root', {
|
|
576
579
|
context: context
|
|
@@ -582,8 +585,7 @@ var InputMask = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
|
|
|
582
585
|
type: props.type,
|
|
583
586
|
name: props.name,
|
|
584
587
|
style: props.style,
|
|
585
|
-
className: className
|
|
586
|
-
value: props.value
|
|
588
|
+
className: className
|
|
587
589
|
}, otherProps, {
|
|
588
590
|
placeholder: props.placeholder,
|
|
589
591
|
size: props.size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUpdateEffect as t}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{classNames as c,DomHandler as a,ObjectUtils as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=o.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return c("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),f=e.memo(e.forwardRef((function(o,f){var v=e.useContext(r),p=s.getProps(o,v),m=e.useRef(null),d=e.useRef(null),g=e.useRef(0),h=e.useRef([]),b=e.useRef([]),y=e.useRef(0),C=e.useRef(null),k=e.useRef(!1),R=e.useRef(null),x=e.useRef(null),E=e.useRef(null),O=e.useRef(null),P=e.useRef(null),S=e.useRef(!1),I={props:p},T=s.setMetaData(I).cx,j=function(e,r){var n,t,u,c=m.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},A=function(){for(var e=d.current;e<=g.current;e++)if(h.current[e]&&b.current[e]===D(e))return!1;return!0},D=e.useCallback((function(e){return p.slotChar.charAt(e<p.slotChar.length?e:0)}),[p.slotChar]),F=function(){return p.unmask?Z():m.current&&m.current.value},w=function(e){for(;++e<y.current&&!h.current[e];);return e},M=function(e){for(;--e>=0&&!h.current[e];);return e},z=function(e,r){var n,t;if(!(e<0)){for(n=e,t=w(r);n<y.current;n++)if(h.current[n]){if(!(t<y.current&&h.current[n].test(b.current[t])))break;b.current[n]=b.current[t],b.current[t]=D(t),t=w(t)}N(),j(Math.max(d.current,e))}},K=function(e){var r,n,t,u;for(r=e,n=D(e);r<y.current;r++)if(h.current[r]){if(t=w(r),u=b.current[r],b.current[r]=n,!(t<y.current&&h.current[t].test(u)))break;n=u}},_=function(e){var r=m.current.value,n=j();if(n){if(C.current.length&&C.current.length>r.length){for(q(!0);n.begin>0&&!h.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<d.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(q(!0);n.begin<y.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}p.onComplete&&A()&&p.onComplete({originalEvent:e,value:F()}),Y(e)}},B=function(e){if(k.current=!1,q(),Y(e),G(),p.onBlur&&p.onBlur(e),m.current.value!==R.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),m.current.dispatchEvent(r)}},L=function(e,r){var n;for(n=e;n<r&&n<y.current;n++)h.current[n]&&(b.current[n]=D(n))},N=function(){m.current&&(m.current.value=b.current.join(""))},q=function(e){x.current=!0;var r,n,t,u=m.current&&m.current.value,c=-1;for(r=0,t=0;r<y.current;r++)if(h.current[r]){for(b.current[r]=D(r);t++<u.length;)if(n=u.charAt(t-1),h.current[r].test(n)){b.current[r]=n,c=r;break}if(t>u.length){L(r+1,y.current);break}}else b.current[r]===u.charAt(t)&&t++,r<E.current&&(c=r);return e?N():c+1<E.current?p.autoClear||b.current.join("")===O.current?(m.current&&m.current.value&&(m.current.value=""),L(0,y.current)):N():(N(),m.current&&(m.current.value=m.current.value.substring(0,c+1))),E.current?r:d.current},H=function(e){if(!p.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=q(!0);j(r)}Y(e),p.onComplete&&A()&&p.onComplete({originalEvent:e,value:F()})}},Z=e.useCallback((function(){for(var e=[],r=0;r<b.current.length;r++){var n=b.current[r];h.current[r]&&n!==D(r)&&e.push(n)}return e.join("")}),[D]),Y=function(e){if(p.onChange){var r=p.unmask?Z():e&&e.target.value;p.onChange({originalEvent:e,value:O.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:O.current!==r?r:""}})}},G=function(){m.current&&m.current.value&&m.current.value.length>0?a.addClass(m.current,"p-filled"):a.removeClass(m.current,"p-filled")},J=function(e){var r;return m.current&&(null==p.value?m.current.value="":(m.current.value=p.value,r=q(e),setTimeout((function(){if(m.current)return N(),q(e)}),10)),R.current=m.current.value),G(),r},Q=e.useCallback((function(){return p.unmask?p.value!==Z():O.current!==m.current.value&&m.current.value!==p.value}),[p.unmask,p.value,Z]),U=function(){if(p.mask){h.current=[],E.current=p.mask.length,y.current=p.mask.length,d.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};S.current=a.isChrome()&&a.isAndroid();for(var r=p.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(y.current--,E.current=n):e[t]?(h.current.push(new RegExp(e[t])),null===d.current&&(d.current=h.current.length-1),n<E.current&&(g.current=h.current.length-1)):h.current.push(null)}b.current=[];for(var u=0;u<r.length;u++){var c=r[u];"?"!==c&&b.current.push(e[c]?D(u):c)}O.current=b.current.join("")}};e.useImperativeHandle(f,(function(){return{props:p,focus:function(){return a.focus(m.current)},getElement:function(){return m.current}}})),e.useEffect((function(){l.combinedRefs(m,f)}),[m,f]),n((function(){U(),J()})),t((function(){U(),j(J(!0)),p.unmask&&Y()}),[p.mask]),t((function(){Q()&&J()}),[Q]);var V=s.getOtherProps(p),W=c(p.className,T("root",{context:v}));return e.createElement(u,i({ref:m,autoFocus:p.autoFocus,id:p.id,type:p.type,name:p.name,style:p.style,className:W
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUpdateEffect as t}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{classNames as c,DomHandler as a,ObjectUtils as l}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},i.apply(this,arguments)}var s=o.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var r=e.props,n=e.context;return c("p-inputmask",{"p-filled":r.filled,"p-invalid":r.invalid,"p-variant-filled":r.variant?"filled"===r.variant:n&&"filled"===n.inputStyle})}}}}),f=e.memo(e.forwardRef((function(o,f){var v=e.useContext(r),p=s.getProps(o,v),m=e.useRef(null),d=e.useRef(null),g=e.useRef(0),h=e.useRef([]),b=e.useRef([]),y=e.useRef(0),C=e.useRef(null),k=e.useRef(!1),R=e.useRef(null),x=e.useRef(null),E=e.useRef(null),O=e.useRef(null),P=e.useRef(null),S=e.useRef(!1),I={props:p},T=s.setMetaData(I).cx,j=function(e,r){var n,t,u,c=m.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof r?r:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((n=c.createTextRange()).collapse(!0),n.moveEnd("character",u),n.moveStart("character",t),n.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(n=document.selection.createRange()).duplicate().moveStart("character",-1e5))+n.text.length),{begin:t,end:u}):null},A=function(){for(var e=d.current;e<=g.current;e++)if(h.current[e]&&b.current[e]===D(e))return!1;return!0},D=e.useCallback((function(e){return p.slotChar.charAt(e<p.slotChar.length?e:0)}),[p.slotChar]),F=function(){return p.unmask?Z():m.current&&m.current.value},w=function(e){for(;++e<y.current&&!h.current[e];);return e},M=function(e){for(;--e>=0&&!h.current[e];);return e},z=function(e,r){var n,t;if(!(e<0)){for(n=e,t=w(r);n<y.current;n++)if(h.current[n]){if(!(t<y.current&&h.current[n].test(b.current[t])))break;b.current[n]=b.current[t],b.current[t]=D(t),t=w(t)}N(),j(Math.max(d.current,e))}},K=function(e){var r,n,t,u;for(r=e,n=D(e);r<y.current;r++)if(h.current[r]){if(t=w(r),u=b.current[r],b.current[r]=n,!(t<y.current&&h.current[t].test(u)))break;n=u}},_=function(e){var r=m.current.value,n=j();if(n){if(C.current.length&&C.current.length>r.length){for(q(!0);n.begin>0&&!h.current[n.begin-1];)n.begin--;if(0===n.begin)for(;n.begin<d.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}else{for(q(!0);n.begin<y.current&&!h.current[n.begin];)n.begin++;j(n.begin,n.begin)}p.onComplete&&A()&&p.onComplete({originalEvent:e,value:F()}),Y(e)}},B=function(e){if(k.current=!1,q(),Y(e),G(),p.onBlur&&p.onBlur(e),m.current.value!==R.current){var r=document.createEvent("HTMLEvents");r.initEvent("change",!0,!1),m.current.dispatchEvent(r)}},L=function(e,r){var n;for(n=e;n<r&&n<y.current;n++)h.current[n]&&(b.current[n]=D(n))},N=function(){m.current&&(m.current.value=b.current.join(""))},q=function(e){x.current=!0;var r,n,t,u=m.current&&m.current.value,c=-1;for(r=0,t=0;r<y.current;r++)if(h.current[r]){for(b.current[r]=D(r);t++<u.length;)if(n=u.charAt(t-1),h.current[r].test(n)){b.current[r]=n,c=r;break}if(t>u.length){L(r+1,y.current);break}}else b.current[r]===u.charAt(t)&&t++,r<E.current&&(c=r);return e?N():c+1<E.current?p.autoClear||b.current.join("")===O.current?(m.current&&m.current.value&&(m.current.value=""),L(0,y.current)):N():(N(),m.current&&(m.current.value=m.current.value.substring(0,c+1))),E.current?r:d.current},H=function(e){if(!p.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var r=q(!0);j(r)}Y(e),p.onComplete&&A()&&p.onComplete({originalEvent:e,value:F()})}},Z=e.useCallback((function(){for(var e=[],r=0;r<b.current.length;r++){var n=b.current[r];h.current[r]&&n!==D(r)&&e.push(n)}return e.join("")}),[D]),Y=function(e){if(p.onChange){var r=p.unmask?Z():e&&e.target.value;p.onChange({originalEvent:e,value:O.current!==r?r:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:O.current!==r?r:""}})}},G=function(){m.current&&m.current.value&&m.current.value.length>0?a.addClass(m.current,"p-filled"):a.removeClass(m.current,"p-filled")},J=function(e){var r;return m.current&&(null==p.value?m.current.value="":(m.current.value=p.value,r=q(e),setTimeout((function(){if(m.current)return N(),q(e)}),10)),R.current=m.current.value),G(),r},Q=e.useCallback((function(){return p.unmask?p.value!==Z():O.current!==m.current.value&&m.current.value!==p.value}),[p.unmask,p.value,Z]),U=function(){if(p.mask){h.current=[],E.current=p.mask.length,y.current=p.mask.length,d.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};S.current=a.isChrome()&&a.isAndroid();for(var r=p.mask.split(""),n=0;n<r.length;n++){var t=r[n];"?"===t?(y.current--,E.current=n):e[t]?(h.current.push(new RegExp(e[t])),null===d.current&&(d.current=h.current.length-1),n<E.current&&(g.current=h.current.length-1)):h.current.push(null)}b.current=[];for(var u=0;u<r.length;u++){var c=r[u];"?"!==c&&b.current.push(e[c]?D(u):c)}O.current=b.current.join("")}};e.useImperativeHandle(f,(function(){return{props:p,focus:function(){return a.focus(m.current)},getElement:function(){return m.current}}})),e.useEffect((function(){l.combinedRefs(m,f)}),[m,f]),n((function(){U(),J()})),t((function(){U(),j(J(!0)),p.unmask&&Y()}),[p.mask]),t((function(){Q()&&J()}),[Q]),t((function(){G()}),[p.disabled]);var V=s.getOtherProps(p),W=c(p.className,T("root",{context:v}));return e.createElement(u,i({ref:m,autoFocus:p.autoFocus,id:p.id,type:p.type,name:p.name,style:p.style,className:W},V,{placeholder:p.placeholder,size:p.size,maxLength:p.maxLength,tabIndex:p.tabIndex,disabled:p.disabled,invalid:p.invalid,readOnly:p.readOnly,onFocus:function(e){var r;p.readOnly||(k.current=!0,clearTimeout(P.current),R.current=m.current?m.current.value:"",r=q()||0,P.current=setTimeout((function(){m.current===document.activeElement&&(N(),r===p.mask.replace("?","").length?j(0,r):j(r),G())}),100),p.onFocus&&p.onFocus(e))},onBlur:B,onKeyDown:function(e){if(!p.readOnly){var r,n,t,u=e.which||e.keyCode;if(C.current=m.current.value,8===u||46===u||a.isIOS()&&127===u){if(!(r=j()))return;(t=r.end)-(n=r.begin)==0&&(n=46!==u?M(n):t=w(n-1),t=46===u?w(t):t),L(n,t),z(n,t-1),Y(e),e.preventDefault()}else 13===u?(B(e),Y(e)):27===u&&(m.current.value=R.current,j(0,q()),Y(e),e.preventDefault())}},onKeyPress:function(e){if(!p.readOnly){var r=j();if(r){var n,t,u,c,l=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||l<32)){if(l&&13!==l){if(r.end-r.begin!=0&&(L(r.begin,r.end),z(r.begin,r.end-1)),(n=w(r.begin-1))<y.current&&(t=String.fromCharCode(l),h.current[n].test(t))){if(K(n),b.current[n]=t,N(),u=w(n),a.isAndroid()){setTimeout((function(){j(u)}),0)}else j(u);r.begin<=g.current&&(c=A())}e.preventDefault()}Y(e),p.onComplete&&c&&p.onComplete({originalEvent:e,value:F()})}}}},onInput:function(e){S.current?_(e):H(e)},onPaste:function(e){return H(e,!0)},required:p.required,tooltip:p.tooltip,tooltipOptions:p.tooltipOptions,pt:p.pt,unstyled:p.unstyled,__parentMetadata:{parent:I}}))})));f.displayName="InputMask";export{f as InputMask};
|
package/inputmask/inputmask.js
CHANGED
|
@@ -587,6 +587,9 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
|
|
|
587
587
|
updateValue();
|
|
588
588
|
}
|
|
589
589
|
}, [isValueUpdated]);
|
|
590
|
+
hooks.useUpdateEffect(function () {
|
|
591
|
+
updateFilledState();
|
|
592
|
+
}, [props.disabled]);
|
|
590
593
|
var otherProps = InputMaskBase.getOtherProps(props);
|
|
591
594
|
var className = utils.classNames(props.className, cx('root', {
|
|
592
595
|
context: context
|
|
@@ -598,8 +601,7 @@ this.primereact.inputmask = (function (exports, React, api, hooks, inputtext, ut
|
|
|
598
601
|
type: props.type,
|
|
599
602
|
name: props.name,
|
|
600
603
|
style: props.style,
|
|
601
|
-
className: className
|
|
602
|
-
value: props.value
|
|
604
|
+
className: className
|
|
603
605
|
}, otherProps, {
|
|
604
606
|
placeholder: props.placeholder,
|
|
605
607
|
size: props.size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.inputmask=function(e,r,
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.inputmask=function(e,n,r,t,u,c,a){"use strict";function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),n.default=e,Object.freeze(n)}var i=l(n);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},o.apply(this,arguments)}var s=a.ComponentBase.extend({defaultProps:{__TYPE:"InputMask",autoClear:!0,autoFocus:!1,className:null,disabled:!1,id:null,mask:null,maxLength:null,invalid:!1,variant:null,name:null,onBlur:null,onChange:null,onComplete:null,onFocus:null,placeholder:null,readOnly:!1,required:!1,size:null,slotChar:"_",style:null,tabIndex:null,tooltip:null,tooltipOptions:null,type:"text",unmask:!1,value:null,children:void 0},css:{classes:{root:function(e){var n=e.props,r=e.context;return c.classNames("p-inputmask",{"p-filled":n.filled,"p-invalid":n.invalid,"p-variant-filled":n.variant?"filled"===n.variant:r&&"filled"===r.inputStyle})}}}}),f=i.memo(i.forwardRef((function(e,n){var a=i.useContext(r.PrimeReactContext),l=s.getProps(e,a),f=i.useRef(null),p=i.useRef(null),v=i.useRef(0),d=i.useRef([]),m=i.useRef([]),g=i.useRef(0),h=i.useRef(null),b=i.useRef(!1),y=i.useRef(null),k=i.useRef(null),C=i.useRef(null),R=i.useRef(null),O=i.useRef(null),E=i.useRef(!1),x={props:l},D=s.setMetaData(x).cx,j=function(e,n){var r,t,u,c=f.current;return c&&c.offsetParent&&c===document.activeElement?("number"==typeof e?(t=e,u="number"==typeof n?n:t,c.setSelectionRange?c.setSelectionRange(t,u):c.createTextRange&&((r=c.createTextRange()).collapse(!0),r.moveEnd("character",u),r.moveStart("character",t),r.select())):c.setSelectionRange?(t=c.selectionStart,u=c.selectionEnd):document.selection&&document.selection.createRange&&(u=(t=0-(r=document.selection.createRange()).duplicate().moveStart("character",-1e5))+r.text.length),{begin:t,end:u}):null},P=function(){for(var e=p.current;e<=v.current;e++)if(d.current[e]&&m.current[e]===I(e))return!1;return!0},I=i.useCallback((function(e){return l.slotChar.charAt(e<l.slotChar.length?e:0)}),[l.slotChar]),M=function(){return l.unmask?K():f.current&&f.current.value},H=function(e){for(;++e<g.current&&!d.current[e];);return e},S=function(e){for(;--e>=0&&!d.current[e];);return e},T=function(e,n){var r,t;if(!(e<0)){for(r=e,t=H(n);r<g.current;r++)if(d.current[r]){if(!(t<g.current&&d.current[r].test(m.current[t])))break;m.current[r]=m.current[t],m.current[t]=I(t),t=H(t)}z(),j(Math.max(p.current,e))}},_=function(e){var n,r,t,u;for(n=e,r=I(e);n<g.current;n++)if(d.current[n]){if(t=H(n),u=m.current[n],m.current[n]=r,!(t<g.current&&d.current[t].test(u)))break;r=u}},w=function(e){var n=f.current.value,r=j();if(r){if(h.current.length&&h.current.length>n.length){for(N(!0);r.begin>0&&!d.current[r.begin-1];)r.begin--;if(0===r.begin)for(;r.begin<p.current&&!d.current[r.begin];)r.begin++;j(r.begin,r.begin)}else{for(N(!0);r.begin<g.current&&!d.current[r.begin];)r.begin++;j(r.begin,r.begin)}l.onComplete&&P()&&l.onComplete({originalEvent:e,value:M()}),L(e)}},A=function(e){if(b.current=!1,N(),L(e),U(),l.onBlur&&l.onBlur(e),f.current.value!==y.current){var n=document.createEvent("HTMLEvents");n.initEvent("change",!0,!1),f.current.dispatchEvent(n)}},F=function(e,n){var r;for(r=e;r<n&&r<g.current;r++)d.current[r]&&(m.current[r]=I(r))},z=function(){f.current&&(f.current.value=m.current.join(""))},N=function(e){k.current=!0;var n,r,t,u=f.current&&f.current.value,c=-1;for(n=0,t=0;n<g.current;n++)if(d.current[n]){for(m.current[n]=I(n);t++<u.length;)if(r=u.charAt(t-1),d.current[n].test(r)){m.current[n]=r,c=n;break}if(t>u.length){F(n+1,g.current);break}}else m.current[n]===u.charAt(t)&&t++,n<C.current&&(c=n);return e?z():c+1<C.current?l.autoClear||m.current.join("")===R.current?(f.current&&f.current.value&&(f.current.value=""),F(0,g.current)):z():(z(),f.current&&(f.current.value=f.current.value.substring(0,c+1))),C.current?n:p.current},B=function(e){if(!l.readOnly){if(!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])){var n=N(!0);j(n)}L(e),l.onComplete&&P()&&l.onComplete({originalEvent:e,value:M()})}},K=i.useCallback((function(){for(var e=[],n=0;n<m.current.length;n++){var r=m.current[n];d.current[n]&&r!==I(n)&&e.push(r)}return e.join("")}),[I]),L=function(e){if(l.onChange){var n=l.unmask?K():e&&e.target.value;l.onChange({originalEvent:e,value:R.current!==n?n:"",stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:l.name,id:l.id,value:R.current!==n?n:""}})}},U=function(){f.current&&f.current.value&&f.current.value.length>0?c.DomHandler.addClass(f.current,"p-filled"):c.DomHandler.removeClass(f.current,"p-filled")},q=function(e){var n;return f.current&&(null==l.value?f.current.value="":(f.current.value=l.value,n=N(e),setTimeout((function(){if(f.current)return z(),N(e)}),10)),y.current=f.current.value),U(),n},Z=i.useCallback((function(){return l.unmask?l.value!==K():R.current!==f.current.value&&f.current.value!==l.value}),[l.unmask,l.value,K]),Y=function(){if(l.mask){d.current=[],C.current=l.mask.length,g.current=l.mask.length,p.current=null;var e={9:"[0-9]",a:"[A-Za-z]","*":"[A-Za-z0-9]"};E.current=c.DomHandler.isChrome()&&c.DomHandler.isAndroid();for(var n=l.mask.split(""),r=0;r<n.length;r++){var t=n[r];"?"===t?(g.current--,C.current=r):e[t]?(d.current.push(new RegExp(e[t])),null===p.current&&(p.current=d.current.length-1),r<C.current&&(v.current=d.current.length-1)):d.current.push(null)}m.current=[];for(var u=0;u<n.length;u++){var a=n[u];"?"!==a&&m.current.push(e[a]?I(u):a)}R.current=m.current.join("")}};i.useImperativeHandle(n,(function(){return{props:l,focus:function(){return c.DomHandler.focus(f.current)},getElement:function(){return f.current}}})),i.useEffect((function(){c.ObjectUtils.combinedRefs(f,n)}),[f,n]),t.useMountEffect((function(){Y(),q()})),t.useUpdateEffect((function(){Y(),j(q(!0)),l.unmask&&L()}),[l.mask]),t.useUpdateEffect((function(){Z()&&q()}),[Z]),t.useUpdateEffect((function(){U()}),[l.disabled]);var G=s.getOtherProps(l),J=c.classNames(l.className,D("root",{context:a}));return i.createElement(u.InputText,o({ref:f,autoFocus:l.autoFocus,id:l.id,type:l.type,name:l.name,style:l.style,className:J},G,{placeholder:l.placeholder,size:l.size,maxLength:l.maxLength,tabIndex:l.tabIndex,disabled:l.disabled,invalid:l.invalid,readOnly:l.readOnly,onFocus:function(e){var n;l.readOnly||(b.current=!0,clearTimeout(O.current),y.current=f.current?f.current.value:"",n=N()||0,O.current=setTimeout((function(){f.current===document.activeElement&&(z(),n===l.mask.replace("?","").length?j(0,n):j(n),U())}),100),l.onFocus&&l.onFocus(e))},onBlur:A,onKeyDown:function(e){if(!l.readOnly){var n,r,t,u=e.which||e.keyCode;if(h.current=f.current.value,8===u||46===u||c.DomHandler.isIOS()&&127===u){if(!(n=j()))return;(t=n.end)-(r=n.begin)==0&&(r=46!==u?S(r):t=H(r-1),t=46===u?H(t):t),F(r,t),T(r,t-1),L(e),e.preventDefault()}else 13===u?(A(e),L(e)):27===u&&(f.current.value=y.current,j(0,N()),L(e),e.preventDefault())}},onKeyPress:function(e){if(!l.readOnly){var n=j();if(n){var r,t,u,a,i=e.which||e.keyCode;if(!(e.ctrlKey||e.altKey||e.metaKey||i<32)){if(i&&13!==i){if(n.end-n.begin!=0&&(F(n.begin,n.end),T(n.begin,n.end-1)),(r=H(n.begin-1))<g.current&&(t=String.fromCharCode(i),d.current[r].test(t))){if(_(r),m.current[r]=t,z(),u=H(r),c.DomHandler.isAndroid()){setTimeout((function(){j(u)}),0)}else j(u);n.begin<=v.current&&(a=P())}e.preventDefault()}L(e),l.onComplete&&a&&l.onComplete({originalEvent:e,value:M()})}}}},onInput:function(e){E.current?w(e):B(e)},onPaste:function(e){return B(e,!0)},required:l.required,tooltip:l.tooltip,tooltipOptions:l.tooltipOptions,pt:l.pt,unstyled:l.unstyled,__parentMetadata:{parent:x}}))})));return f.displayName="InputMask",e.InputMask=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.inputtext,primereact.utils,primereact.componentbase);
|
|
@@ -772,7 +772,13 @@ var InputNumber = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespa
|
|
|
772
772
|
if (data) {
|
|
773
773
|
var filteredData = parseValue(data);
|
|
774
774
|
if (filteredData != null) {
|
|
775
|
-
|
|
775
|
+
if (isFloat(data)) {
|
|
776
|
+
var _formattedValue2 = formatValue(filteredData);
|
|
777
|
+
inputRef.current.value = _formattedValue2;
|
|
778
|
+
updateModel(event, filteredData);
|
|
779
|
+
} else {
|
|
780
|
+
insert(event, filteredData.toString());
|
|
781
|
+
}
|
|
776
782
|
}
|
|
777
783
|
}
|
|
778
784
|
};
|