"use strict";(self.webpackChunk_woocommerce_storybook=self.webpackChunk_woocommerce_storybook||[]).push([[3585],{"../../packages/js/components/src/experimental.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{E:()=>Text});var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/text/component.js"),Text=_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Text||_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.A},"../../packages/js/components/src/pill/pill.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{a:()=>Pill});var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),_experimental__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../packages/js/components/src/experimental.js");function Pill(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className;return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_experimental__WEBPACK_IMPORTED_MODULE_2__.E,{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("woocommerce-pill",className),variant:"caption",as:"span",size:"12",lineHeight:"16px"},children)}},"../../packages/js/components/src/media-uploader/stories/mock-media-uploader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>MockMediaUpload});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/modal/index.js")),MockMediaUpload=function MockMediaUpload(_ref){var onSelect=_ref.onSelect,render=_ref.render,_useState=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__.A)(_useState,2),isOpen=_useState2[0],setOpen=_useState2[1];return(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(react__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,render({open:function open(){return setOpen(!0)}}),isOpen&&(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.A,{title:"Media Modal",onRequestClose:function onRequestClose(event){setOpen(!1),event.stopPropagation()}},(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)("p",null,"Use the default built-in"," ",(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)("code",null,"MediaUploadComponent")," prop to render the WP Media Modal."),Array.apply(void 0,(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_4__.A)(Array(3))).map((function(n,i){return(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)("button",{key:i,onClick:function onClick(event){onSelect({alt:"Random",url:"https://picsum.photos/200?i=".concat(i)}),setOpen(!1),event.stopPropagation()},style:{marginRight:"16px"}},(0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)("img",{src:"https://picsum.photos/200?i=".concat(i),alt:"Random",style:{maxWidth:"100px"}}))}))))};try{MockMediaUpload.displayName="MockMediaUpload",MockMediaUpload.__docgenInfo={description:"",displayName:"MockMediaUpload",props:{onSelect:{defaultValue:null,description:"",name:"onSelect",required:!0,type:{name:"any"}},render:{defaultValue:null,description:"",name:"render",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/media-uploader/stories/mock-media-uploader.tsx#MockMediaUpload"]={docgenInfo:MockMediaUpload.__docgenInfo,name:"MockMediaUpload",path:"../../packages/js/components/src/media-uploader/stories/mock-media-uploader.tsx#MockMediaUpload"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/sortable-handle.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{D:()=>SortableHandle});var react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),DraggableIcon=function DraggableIcon(){return(0,react.createElement)("svg",{width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,react.createElement)("rect",{width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{y:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{y:"12",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",y:"6",width:"2",height:"2",fill:"#757575"}),(0,react.createElement)("rect",{x:"6",y:"12",width:"2",height:"2",fill:"#757575"}))},sortable=__webpack_require__("../../packages/js/components/src/sortable/sortable.tsx"),SortableHandle=function SortableHandle(_ref){var children=_ref.children,itemIndex=_ref.itemIndex,_useContext=(0,react.useContext)(sortable.g),onDragStart=_useContext.onDragStart,onDragEnd=_useContext.onDragEnd;return(0,react.createElement)("div",{className:"woocommerce-sortable__handle",draggable:!0,onDragStart,onDragEnd,"data-index":itemIndex},children||(0,react.createElement)(DraggableIcon,null))};try{SortableHandle.displayName="SortableHandle",SortableHandle.__docgenInfo={description:"",displayName:"SortableHandle",props:{itemIndex:{defaultValue:null,description:"",name:"itemIndex",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/sortable-handle.tsx#SortableHandle"]={docgenInfo:SortableHandle.__docgenInfo,name:"SortableHandle",path:"../../packages/js/components/src/sortable/sortable-handle.tsx#SortableHandle"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/sortable.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{L:()=>Sortable,g:()=>SortableContext});var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.timers.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js")),classnames__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_6__),_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/.pnpm/@wordpress+a11y@3.6.1/node_modules/@wordpress/a11y/build-module/index.js"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js"),uuid__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/.pnpm/uuid@9.0.1/node_modules/uuid/dist/esm-browser/v4.js"),_utils__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../packages/js/components/src/sortable/utils.ts"),_excluded=["children","isHorizontal","onDragEnd","onDragOver","onDragStart","onOrderChange","className","role"],SortableContext=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createContext)({}),Sortable=function Sortable(_ref){var children=_ref.children,_ref$isHorizontal=_ref.isHorizontal,isHorizontal=void 0!==_ref$isHorizontal&&_ref$isHorizontal,_ref$onDragEnd=_ref.onDragEnd,onDragEnd=void 0===_ref$onDragEnd?function(){return null}:_ref$onDragEnd,_ref$onDragOver=_ref.onDragOver,onDragOver=void 0===_ref$onDragOver?function(){return null}:_ref$onDragOver,_ref$onDragStart=_ref.onDragStart,onDragStart=void 0===_ref$onDragStart?function(){return null}:_ref$onDragStart,_ref$onOrderChange=_ref.onOrderChange,onOrderChange=void 0===_ref$onOrderChange?function(){return null}:_ref$onOrderChange,className=_ref.className,_ref$role=_ref.role,role=void 0===_ref$role?"listbox":_ref$role,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.A)(_ref,_excluded),ref=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useRef)(null),_useState=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)([]),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState,2),items=_useState2[0],setItems=_useState2[1],_useState3=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(-1),_useState4=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState3,2),selectedIndex=_useState4[0],setSelectedIndex=_useState4[1],_useState5=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(null),_useState6=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState5,2),dragIndex=_useState6[0],setDragIndex=_useState6[1],_useState7=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useState)(null),_useState8=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_11__.A)(_useState7,2),dropIndex=_useState8[0],setDropIndex=_useState8[1];(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useEffect)((function(){children&&setItems(Array.isArray(children)?children:[children])}),[children]);var resetIndexes=function resetIndexes(){setTimeout((function(){setDragIndex(null),setDropIndex(null)}),16)},persistItemOrder=function persistItemOrder(){if(null!==dropIndex&&null!==dragIndex&&dropIndex!==dragIndex){var nextItems=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.e6)(dragIndex,dropIndex,items);setItems(nextItems),onOrderChange(nextItems)}resetIndexes()},handleDragStart=function handleDragStart(event,index){setDropIndex(index),setDragIndex(index),onDragStart(event)},handleDragEnd=function handleDragEnd(event){persistItemOrder(),onDragEnd(event)},throttledHandleDragOver=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.useCallback)((0,lodash__WEBPACK_IMPORTED_MODULE_8__.throttle)((function handleDragOver(event,index){if(null!==dragIndex){var targetIndex=dragIndex<index?index:index+1;(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Y8)(event,isHorizontal)&&targetIndex--,setDropIndex(targetIndex),onDragOver(event)}}),16),[dragIndex]);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createElement)(SortableContext.Provider,{value:{}},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.createElement)("div",(0,_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_13__.A)({},props,{className:classnames__WEBPACK_IMPORTED_MODULE_6___default()("woocommerce-sortable",className,{"is-dragging":null!==dragIndex,"is-horizontal":isHorizontal}),ref,role}),items.map((function(child,index){var isDragging=index===dragIndex;if(child.props.className&&-1!==child.props.className.indexOf("non-sortable-item"))return child;var itemClasses=classnames__WEBPACK_IMPORTED_MODULE_6___default()(child.props.className,{"is-dragging-over-after":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Km)(index,dragIndex,dropIndex),"is-dragging-over-before":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.PZ)(index,dragIndex,dropIndex),"is-last-droppable":(0,_utils__WEBPACK_IMPORTED_MODULE_12__.Ib)(index,dragIndex,items.length)});return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_9__.cloneElement)(child,{key:child.key||index,className:itemClasses,id:"".concat(index,"-").concat((0,uuid__WEBPACK_IMPORTED_MODULE_14__.A)()),index,isDragging,isSelected:selectedIndex===index,onDragEnd:handleDragEnd,onDragStart:function onDragStart(event){return handleDragStart(event,index)},onDragOver:function onDragOver(event){event.preventDefault(),throttledHandleDragOver(event,index)},onKeyDown:function onKeyDown(event){return function handleKeyDown(event){var key=event.key,isSelecting=null===dragIndex||null===dropIndex,selectedLabel=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.H0)(ref.current,selectedIndex);if(" "===key)return isSelecting?((0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%s selected, use up and down arrow keys to reorder","woocommerce"),selectedLabel),"assertive"),setDragIndex(selectedIndex),void setDropIndex(selectedIndex)):(setSelectedIndex(dropIndex),(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s dropped, position in list: %2$d of %3$d","woocommerce"),selectedLabel,dropIndex+1,items.length),"assertive"),void persistItemOrder());if("ArrowUp"===key){if(isSelecting)return void setSelectedIndex((0,_utils__WEBPACK_IMPORTED_MODULE_12__.S1)(selectedIndex,items.length));var previousDropIndex=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.S1)(dropIndex,items.length);return setDropIndex(previousDropIndex),void(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s, position in list: %2$d of %3$d","woocommerce"),selectedLabel,previousDropIndex+1,items.length),"assertive")}if("ArrowDown"===key){if(isSelecting)return void setSelectedIndex((0,_utils__WEBPACK_IMPORTED_MODULE_12__.g0)(selectedIndex,items.length));var nextDropIndex=(0,_utils__WEBPACK_IMPORTED_MODULE_12__.g0)(dropIndex,items.length);return setDropIndex(nextDropIndex),void(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("%1$s, position in list: %2$d of %3$d","woocommerce"),selectedLabel,nextDropIndex+1,items.length),"assertive")}"Escape"===key&&(resetIndexes(),(0,_wordpress_a11y__WEBPACK_IMPORTED_MODULE_7__.L)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Reordering cancelled. Restoring the original list order","woocommerce"),"assertive"))}(event)}})}))))};try{Sortable.displayName="Sortable",Sortable.__docgenInfo={description:"",displayName:"Sortable",props:{isHorizontal:{defaultValue:{value:"false"},description:"",name:"isHorizontal",required:!1,type:{name:"boolean"}},onOrderChange:{defaultValue:{value:"() => null"},description:"",name:"onOrderChange",required:!1,type:{name:"((items: Element[]) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/sortable.tsx#Sortable"]={docgenInfo:Sortable.__docgenInfo,name:"Sortable",path:"../../packages/js/components/src/sortable/sortable.tsx#Sortable"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/sortable/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H0:()=>getItemName,Ib:()=>isLastDroppable,Km:()=>isDraggingOverAfter,PZ:()=>isDraggingOverBefore,S1:()=>getPreviousIndex,Y8:()=>isBefore,e6:()=>moveIndex,g0:()=>getNextIndex});var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js")),moveIndex=function moveIndex(fromIndex,toIndex,arr){var newArr=(0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__.A)(arr),item=arr[fromIndex];return newArr.splice(fromIndex,1),newArr.splice(toIndex,0,item),newArr},isBefore=function isBefore(event){var isHorizontal=arguments.length>1&&void 0!==arguments[1]&&arguments[1],target=event.target;if(isHorizontal){var _middle=target.offsetWidth/2,_rect=target.getBoundingClientRect();return event.clientX-_rect.left<_middle}var middle=target.offsetHeight/2,rect=target.getBoundingClientRect();return event.clientY-rect.top<middle},isDraggingOverAfter=function isDraggingOverAfter(index,dragIndex,dropIndex){return null!==dragIndex&&(dragIndex<index?dropIndex===index:dropIndex===index+1)},isDraggingOverBefore=function isDraggingOverBefore(index,dragIndex,dropIndex){return null!==dragIndex&&(dragIndex<index?dropIndex===index-1:dropIndex===index)},isLastDroppable=function isLastDroppable(index,dragIndex,itemCount){return dragIndex!==index&&(index===itemCount-1||dragIndex===itemCount-1&&index===itemCount-2)},getNextIndex=function getNextIndex(currentIndex,itemCount){var index=currentIndex+1;return index>itemCount-1&&(index=0),index},getPreviousIndex=function getPreviousIndex(currentIndex,itemCount){var index=currentIndex-1;return index<0&&(index=itemCount-1),index},getItemName=function getItemName(parentNode,index){var _listItemNode$querySe,listItemNode=null==parentNode?void 0:parentNode.childNodes[index];return null!==index&&listItemNode?listItemNode.querySelector("[aria-label]")?null===(_listItemNode$querySe=listItemNode.querySelector("[aria-label]"))||void 0===_listItemNode$querySe?void 0:_listItemNode$querySe.ariaLabel:listItemNode.textContent?listItemNode.textContent:listItemNode.querySelector("[alt]")?listItemNode.querySelector("[alt]").alt:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Item","woocommerce"):null}},"../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,Columns:()=>Columns,Cover:()=>Cover,default:()=>image_gallery_story});var react=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),slicedToArray=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),classnames=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.promise.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.string.repeat.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js")),classnames_default=__webpack_require__.n(classnames),build_module=__webpack_require__("../../node_modules/.pnpm/@wordpress+media-utils@3.4.1/node_modules/@wordpress/media-utils/build-module/index.js"),utils=__webpack_require__("../../packages/js/components/src/sortable/utils.ts"),sortable=__webpack_require__("../../packages/js/components/src/sortable/sortable.tsx"),ImageGalleryWrapper=function ImageGalleryWrapper(_ref){var children=_ref.children,_ref$allowDragging=_ref.allowDragging,allowDragging=void 0===_ref$allowDragging||_ref$allowDragging,_ref$onDragStart=_ref.onDragStart,_onDragStart=void 0===_ref$onDragStart?function(){return null}:_ref$onDragStart,_ref$onDragEnd=_ref.onDragEnd,_onDragEnd=void 0===_ref$onDragEnd?function(){return null}:_ref$onDragEnd,_ref$onDragOver=_ref.onDragOver,onDragOver=void 0===_ref$onDragOver?function(){return null}:_ref$onDragOver,_ref$updateOrderedChi=_ref.updateOrderedChildren,updateOrderedChildren=void 0===_ref$updateOrderedChi?function(){return null}:_ref$updateOrderedChi;return allowDragging?(0,react.createElement)(sortable.L,{isHorizontal:!0,onOrderChange:function onOrderChange(items){updateOrderedChildren(items)},onDragStart:function onDragStart(event){_onDragStart(event)},onDragEnd:function onDragEnd(event){_onDragEnd(event)},onDragOver},children):(0,react.createElement)("div",{className:"woocommerce-image-gallery__wrapper"},children)};try{ImageGalleryWrapper.displayName="ImageGalleryWrapper",ImageGalleryWrapper.__docgenInfo={description:"",displayName:"ImageGalleryWrapper",props:{allowDragging:{defaultValue:{value:"true"},description:"",name:"allowDragging",required:!1,type:{name:"boolean"}},onDragStart:{defaultValue:{value:"() => null"},description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:{value:"() => null"},description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:{value:"() => null"},description:"",name:"onDragOver",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},updateOrderedChildren:{defaultValue:{value:"() => null"},description:"",name:"updateOrderedChildren",required:!1,type:{name:"((items: Element[]) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/image-gallery-wrapper.tsx#ImageGalleryWrapper"]={docgenInfo:ImageGalleryWrapper.__docgenInfo,name:"ImageGalleryWrapper",path:"../../packages/js/components/src/image-gallery/image-gallery-wrapper.tsx#ImageGalleryWrapper"})}catch(__react_docgen_typescript_loader_error){}var esm_extends=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/extends.js"),chevron_left=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/chevron-left.js"),chevron_right=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/chevron-right.js"),trash=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/trash.js"),i18n_build_module=__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js"),toolbar=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/toolbar/index.js"),toolbar_group=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/toolbar-group/index.js"),toolbar_button=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/toolbar-button/index.js"),toolbar_item=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/toolbar-item/index.js"),sortable_handle=__webpack_require__("../../packages/js/components/src/sortable/sortable-handle.tsx"),objectWithoutProperties=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),dropdown_menu=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/dropdown-menu/index.js"),menu_group=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/menu-group/index.js"),menu_item=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/menu-item/index.js"),more_vertical=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/more-vertical.js"),_excluded=["children","onReplace","onRemove","canRemove","removeBlockLabel","MediaUploadComponent"],POPOVER_PROPS={className:"woocommerce-image-gallery__toolbar-dropdown-popover",placement:"bottom-start"};function ImageGalleryToolbarDropdown(_ref){var children=_ref.children,onReplace=_ref.onReplace,onRemove=_ref.onRemove,canRemove=_ref.canRemove,removeBlockLabel=_ref.removeBlockLabel,_ref$MediaUploadCompo=_ref.MediaUploadComponent,MediaUploadComponent=void 0===_ref$MediaUploadCompo?build_module.Q:_ref$MediaUploadCompo,props=(0,objectWithoutProperties.A)(_ref,_excluded);return(0,react.createElement)(dropdown_menu.A,(0,esm_extends.A)({icon:more_vertical.A,label:(0,i18n_build_module.__)("Options","woocommerce"),className:"woocommerce-image-gallery__toolbar-dropdown",popoverProps:POPOVER_PROPS},props),(function(_ref2){var onClose=_ref2.onClose;return(0,react.createElement)(react.Fragment,null,(0,react.createElement)(menu_group.A,null,(0,react.createElement)(MediaUploadComponent,{onSelect:function onSelect(media){onReplace(media),onClose()},allowedTypes:["image"],render:function render(_ref3){var open=_ref3.open;return(0,react.createElement)(menu_item.A,{onClick:function onClick(){open()}},(0,i18n_build_module.__)("Replace","woocommerce"))}})),"function"==typeof children?children({onClose}):react.Children.map(children,(function(child){return(0,react.isValidElement)(child)&&(0,react.cloneElement)(child,{onClose})})),canRemove&&(0,react.createElement)(menu_group.A,null,(0,react.createElement)(menu_item.A,{onClick:function onClick(){onClose(),onRemove()}},removeBlockLabel||(0,i18n_build_module.__)("Remove","woocommerce"))))}))}try{ImageGalleryToolbarDropdown.displayName="ImageGalleryToolbarDropdown",ImageGalleryToolbarDropdown.__docgenInfo={description:"",displayName:"ImageGalleryToolbarDropdown",props:{onReplace:{defaultValue:null,description:"",name:"onReplace",required:!0,type:{name:"(media: { id: number; } & MediaItem) => void"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"() => void"}},canRemove:{defaultValue:null,description:"",name:"canRemove",required:!1,type:{name:"boolean"}},removeBlockLabel:{defaultValue:null,description:"",name:"removeBlockLabel",required:!1,type:{name:"string"}},MediaUploadComponent:{defaultValue:null,description:"",name:"MediaUploadComponent",required:!0,type:{name:"MediaUploadComponentType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/image-gallery-toolbar-dropdown.tsx#ImageGalleryToolbarDropdown"]={docgenInfo:ImageGalleryToolbarDropdown.__docgenInfo,name:"ImageGalleryToolbarDropdown",path:"../../packages/js/components/src/image-gallery/image-gallery-toolbar-dropdown.tsx#ImageGalleryToolbarDropdown"})}catch(__react_docgen_typescript_loader_error){}var ImageGalleryToolbar=function ImageGalleryToolbar(_ref){var childIndex=_ref.childIndex,_ref$allowDragging=_ref.allowDragging,allowDragging=void 0===_ref$allowDragging||_ref$allowDragging,moveItem=_ref.moveItem,removeItem=_ref.removeItem,replaceItem=_ref.replaceItem,setToolBarItem=_ref.setToolBarItem,lastChild=_ref.lastChild,value=_ref.value,_ref$MediaUploadCompo=_ref.MediaUploadComponent,MediaUploadComponent=void 0===_ref$MediaUploadCompo?build_module.Q:_ref$MediaUploadCompo,isCoverItem=0===childIndex;return(0,react.createElement)("div",{className:"woocommerce-image-gallery__toolbar"},(0,react.createElement)(toolbar.A,{onClick:function onClick(e){return e.stopPropagation()},label:(0,i18n_build_module.__)("Options","woocommerce"),id:"options-toolbar"},!isCoverItem&&(0,react.createElement)(toolbar_group.A,null,allowDragging&&(0,react.createElement)(toolbar_button.A,{icon:function icon(){return(0,react.createElement)(sortable_handle.D,{itemIndex:childIndex})},label:(0,i18n_build_module.__)("Drag to reorder","woocommerce")}),(0,react.createElement)(toolbar_button.A,{disabled:childIndex<2,onClick:function onClick(){return function movePrevious(){moveItem(childIndex,childIndex-1)}()},icon:chevron_left.A,label:(0,i18n_build_module.__)("Move previous","woocommerce")}),(0,react.createElement)(toolbar_button.A,{onClick:function onClick(){return function moveNext(){moveItem(childIndex,childIndex+1)}()},icon:chevron_right.A,label:(0,i18n_build_module.__)("Move next","woocommerce"),disabled:lastChild})),!isCoverItem&&(0,react.createElement)(toolbar_group.A,null,(0,react.createElement)(toolbar_button.A,{onClick:function onClick(){return function setAsCoverImage(coverIndex){moveItem(coverIndex,0),setToolBarItem(null)}(childIndex)},label:(0,i18n_build_module.__)("Set as cover","woocommerce")},(0,i18n_build_module.__)("Set as cover","woocommerce"))),isCoverItem&&(0,react.createElement)(toolbar_group.A,{className:"woocommerce-image-gallery__toolbar-media"},(0,react.createElement)(MediaUploadComponent,{value,onSelect:function onSelect(media){return replaceItem(childIndex,media)},allowedTypes:["image"],render:function render(_ref2){var open=_ref2.open;return(0,react.createElement)(toolbar_button.A,{onClick:open},(0,i18n_build_module.__)("Replace","woocommerce"))}})),isCoverItem&&(0,react.createElement)(toolbar_group.A,null,(0,react.createElement)(toolbar_button.A,{onClick:function onClick(){return removeItem(childIndex)},icon:trash.A,label:(0,i18n_build_module.__)("Remove","woocommerce")})),!isCoverItem&&(0,react.createElement)(toolbar_group.A,null,(0,react.createElement)(toolbar_item.A,null,(function(toggleProps){return(0,react.createElement)(ImageGalleryToolbarDropdown,(0,esm_extends.A)({canRemove:!0,onRemove:function onRemove(){return removeItem(childIndex)},onReplace:function onReplace(media){return replaceItem(childIndex,media)},MediaUploadComponent},toggleProps))})))))};try{ImageGalleryToolbar.displayName="ImageGalleryToolbar",ImageGalleryToolbar.__docgenInfo={description:"",displayName:"ImageGalleryToolbar",props:{childIndex:{defaultValue:null,description:"",name:"childIndex",required:!0,type:{name:"number"}},allowDragging:{defaultValue:{value:"true"},description:"",name:"allowDragging",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"number"}},moveItem:{defaultValue:null,description:"",name:"moveItem",required:!0,type:{name:"(fromIndex: number, toIndex: number) => void"}},removeItem:{defaultValue:null,description:"",name:"removeItem",required:!0,type:{name:"(removeIndex: number) => void"}},replaceItem:{defaultValue:null,description:"",name:"replaceItem",required:!0,type:{name:"(replaceIndex: number, media: { id: number; } & MediaItem) => void"}},setToolBarItem:{defaultValue:null,description:"",name:"setToolBarItem",required:!0,type:{name:"(key: string | null) => void"}},lastChild:{defaultValue:null,description:"",name:"lastChild",required:!0,type:{name:"boolean"}},MediaUploadComponent:{defaultValue:null,description:"",name:"MediaUploadComponent",required:!0,type:{name:"MediaUploadComponentType"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/image-gallery-toolbar.tsx#ImageGalleryToolbar"]={docgenInfo:ImageGalleryToolbar.__docgenInfo,name:"ImageGalleryToolbar",path:"../../packages/js/components/src/image-gallery/image-gallery-toolbar.tsx#ImageGalleryToolbar"})}catch(__react_docgen_typescript_loader_error){}var ImageGallery=function ImageGallery(_ref){var children=_ref.children,_ref$columns=_ref.columns,columns=void 0===_ref$columns?4:_ref$columns,_ref$allowDragging=_ref.allowDragging,allowDragging=void 0===_ref$allowDragging||_ref$allowDragging,_ref$onSelectAsCover=_ref.onSelectAsCover,onSelectAsCover=void 0===_ref$onSelectAsCover?function(){return null}:_ref$onSelectAsCover,_ref$onOrderChange=_ref.onOrderChange,onOrderChange=void 0===_ref$onOrderChange?function(){return null}:_ref$onOrderChange,_ref$onRemove=_ref.onRemove,onRemove=void 0===_ref$onRemove?function(){return null}:_ref$onRemove,_ref$onReplace=_ref.onReplace,onReplace=void 0===_ref$onReplace?function(){return null}:_ref$onReplace,_ref$MediaUploadCompo=_ref.MediaUploadComponent,MediaUploadComponent=void 0===_ref$MediaUploadCompo?build_module.Q:_ref$MediaUploadCompo,_ref$onDragStart=_ref.onDragStart,_onDragStart=void 0===_ref$onDragStart?function(){return null}:_ref$onDragStart,_ref$onDragEnd=_ref.onDragEnd,_onDragEnd=void 0===_ref$onDragEnd?function(){return null}:_ref$onDragEnd,_ref$onDragOver=_ref.onDragOver,onDragOver=void 0===_ref$onDragOver?function(){return null}:_ref$onDragOver,_useState=(0,react.useState)(null),_useState2=(0,slicedToArray.A)(_useState,2),activeToolbarKey=_useState2[0],setActiveToolbarKey=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.A)(_useState3,2),isDragging=_useState4[0],setIsDragging=_useState4[1],childElements=(0,react.useMemo)((function(){return react.Children.toArray(children)}),[children]);return(0,react.createElement)("div",{className:"woocommerce-image-gallery",style:{gridTemplateColumns:"min-content ".repeat(columns)}},(0,react.createElement)(ImageGalleryWrapper,{allowDragging,updateOrderedChildren:onOrderChange,onDragStart:function onDragStart(event){setIsDragging(!0),_onDragStart(event)},onDragEnd:function onDragEnd(event){setIsDragging(!1),_onDragEnd(event)},onDragOver},childElements.map((function cloneChild(child,childIndex){var key=child.key||String(childIndex),isToolbarVisible=key===activeToolbarKey;return(0,react.cloneElement)(child,{key,isDraggable:allowDragging&&!child.props.isCover,className:classnames_default()({"is-toolbar-visible":isToolbarVisible}),onClick:function onClick(){setActiveToolbarKey(isToolbarVisible?null:key)},onBlur:function onBlur(event){isDragging||event.currentTarget.contains(event.relatedTarget)||event.relatedTarget&&event.relatedTarget.closest(".media-modal, .components-modal__frame")||event.relatedTarget&&event.relatedTarget.closest(".woocommerce-image-gallery__toolbar")||event.relatedTarget&&event.relatedTarget.closest(".woocommerce-image-gallery__toolbar-dropdown-popover")||setActiveToolbarKey(null)}},isToolbarVisible&&(0,react.createElement)(ImageGalleryToolbar,{value:child.props.id,allowDragging,childIndex,lastChild:childIndex===childElements.length-1,moveItem:function moveItem(fromIndex,toIndex){onOrderChange((0,utils.e6)(fromIndex,toIndex,childElements))},removeItem:function removeItem(removeIndex){onRemove({removeIndex,removedItem:childElements[removeIndex]})},replaceItem:function replaceItem(replaceIndex,media){onReplace({replaceIndex,media})},setToolBarItem:function setToolBarItem(toolBarItem){onSelectAsCover(activeToolbarKey),setActiveToolbarKey(toolBarItem)},MediaUploadComponent}))}))))};try{ImageGallery.displayName="ImageGallery",ImageGallery.__docgenInfo={description:"",displayName:"ImageGallery",props:{columns:{defaultValue:{value:"4"},description:"",name:"columns",required:!1,type:{name:"number"}},onRemove:{defaultValue:{value:"() => null"},description:"",name:"onRemove",required:!1,type:{name:"((props: { removeIndex: number; removedItem: Element; }) => void)"}},onReplace:{defaultValue:{value:"() => null"},description:"",name:"onReplace",required:!1,type:{name:"((props: { replaceIndex: number; media: { id: number; } & MediaItem; }) => void)"}},allowDragging:{defaultValue:{value:"true"},description:"",name:"allowDragging",required:!1,type:{name:"boolean"}},onSelectAsCover:{defaultValue:{value:"() => null"},description:"",name:"onSelectAsCover",required:!1,type:{name:"((itemId: string | null) => void)"}},onOrderChange:{defaultValue:{value:"() => null"},description:"",name:"onOrderChange",required:!1,type:{name:"((items: Element[]) => void)"}},MediaUploadComponent:{defaultValue:null,description:"",name:"MediaUploadComponent",required:!1,type:{name:"MediaUploadComponentType"}},onDragStart:{defaultValue:{value:"() => null"},description:"",name:"onDragStart",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragEnd:{defaultValue:{value:"() => null"},description:"",name:"onDragEnd",required:!1,type:{name:"DragEventHandler<HTMLDivElement>"}},onDragOver:{defaultValue:{value:"() => null"},description:"",name:"onDragOver",required:!1,type:{name:"(DragEventHandler<HTMLLIElement> & DragEventHandler<HTMLDivElement>)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/image-gallery.tsx#ImageGallery"]={docgenInfo:ImageGallery.__docgenInfo,name:"ImageGallery",path:"../../packages/js/components/src/image-gallery/image-gallery.tsx#ImageGallery"})}catch(__react_docgen_typescript_loader_error){}var pill=__webpack_require__("../../packages/js/components/src/pill/pill.js"),NonSortableItem=function NonSortableItem(_ref){var _children$props,children=_ref.children;return null===children?children:(0,react.cloneElement)(children,{className:"".concat((null===(_children$props=children.props)||void 0===_children$props?void 0:_children$props.className)||""," non-sortable-item")})};try{NonSortableItem.displayName="NonSortableItem",NonSortableItem.__docgenInfo={description:"",displayName:"NonSortableItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/sortable/non-sortable-item.tsx#NonSortableItem"]={docgenInfo:NonSortableItem.__docgenInfo,name:"NonSortableItem",path:"../../packages/js/components/src/sortable/non-sortable-item.tsx#NonSortableItem"})}catch(__react_docgen_typescript_loader_error){}var ConditionalWrapper=function ConditionalWrapper(_ref){var condition=_ref.condition,wrapper=_ref.wrapper,children=_ref.children;return condition?wrapper(children):children};try{ConditionalWrapper.displayName="ConditionalWrapper",ConditionalWrapper.__docgenInfo={description:"",displayName:"ConditionalWrapper",props:{condition:{defaultValue:null,description:"",name:"condition",required:!0,type:{name:"boolean"}},wrapper:{defaultValue:null,description:"",name:"wrapper",required:!0,type:{name:"(children: T) => Element"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/conditional-wrapper/conditional-wrapper.tsx#ConditionalWrapper"]={docgenInfo:ConditionalWrapper.__docgenInfo,name:"ConditionalWrapper",path:"../../packages/js/components/src/conditional-wrapper/conditional-wrapper.tsx#ConditionalWrapper"})}catch(__react_docgen_typescript_loader_error){}var ImageGalleryItem=function ImageGalleryItem(_ref){var id=_ref.id,alt=_ref.alt,_ref$isCover=_ref.isCover,isCover=void 0!==_ref$isCover&&_ref$isCover,_ref$isDraggable=_ref.isDraggable,isDraggable=void 0===_ref$isDraggable||_ref$isDraggable,src=_ref.src,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$onClick=_ref.onClick,_onClick=void 0===_ref$onClick?function(){return null}:_ref$onClick,_ref$onBlur=_ref.onBlur,_onBlur=void 0===_ref$onBlur?function(){return null}:_ref$onBlur,children=_ref.children;return(0,react.createElement)(ConditionalWrapper,{condition:!isDraggable,wrapper:function wrapper(wrappedChildren){return(0,react.createElement)(NonSortableItem,null,wrappedChildren)}},(0,react.createElement)("div",{className:"woocommerce-image-gallery__item ".concat(className),onKeyPress:function onKeyPress(){},tabIndex:0,role:"button",onClick:function onClick(event){return _onClick(event)},onBlur:function onBlur(event){return _onBlur(event)}},children,isDraggable?(0,react.createElement)(sortable_handle.D,null,(0,react.createElement)("img",{alt,src,id})):(0,react.createElement)(react.Fragment,null,isCover&&(0,react.createElement)(pill.a,null,(0,i18n_build_module.__)("Cover","woocommerce")),(0,react.createElement)("img",{alt,src,id}))))};try{ImageGalleryItem.displayName="ImageGalleryItem",ImageGalleryItem.__docgenInfo={description:"",displayName:"ImageGalleryItem",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}},isCover:{defaultValue:{value:"false"},description:"",name:"isCover",required:!1,type:{name:"boolean"}},isDraggable:{defaultValue:{value:"true"},description:"",name:"isDraggable",required:!1,type:{name:"boolean"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},displayToolbar:{defaultValue:null,description:"",name:"displayToolbar",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:{value:"() => null"},description:"",name:"onClick",required:!1,type:{name:"((() => void) & MouseEventHandler<HTMLDivElement>)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/image-gallery-item.tsx#ImageGalleryItem"]={docgenInfo:ImageGalleryItem.__docgenInfo,name:"ImageGalleryItem",path:"../../packages/js/components/src/image-gallery/image-gallery-item.tsx#ImageGalleryItem"})}catch(__react_docgen_typescript_loader_error){}var mock_media_uploader=__webpack_require__("../../packages/js/components/src/media-uploader/stories/mock-media-uploader.tsx"),Basic=function Basic(){return(0,react.createElement)(ImageGallery,{MediaUploadComponent:mock_media_uploader.I,onReplace:function onReplace(_ref){var replaceIndex=_ref.replaceIndex;return console.info("Item ".concat(replaceIndex," replaced"))},onRemove:function onRemove(_ref2){var removeIndex=_ref2.removeIndex;console.info("Item ".concat(removeIndex," removed"))},onOrderChange:function onOrderChange(){console.info("Order changed")}},(0,react.createElement)(ImageGalleryItem,{alt:"Random image 1",src:"https://picsum.photos/id/137/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 2",src:"https://picsum.photos/id/208/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 3",src:"https://picsum.photos/id/24/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 4",src:"https://picsum.photos/id/58/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 5",src:"https://picsum.photos/id/309/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 6",src:"https://picsum.photos/id/46/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 7",src:"https://picsum.photos/id/8/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 8",src:"https://picsum.photos/id/101/200/200"}))},Cover=function Cover(){return(0,react.createElement)(ImageGallery,{MediaUploadComponent:mock_media_uploader.I},(0,react.createElement)(ImageGalleryItem,{alt:"Random image 1",src:"https://picsum.photos/id/137/200/200",isCover:!0}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 2",src:"https://picsum.photos/id/208/200/200"}))},Columns=function Columns(){return(0,react.createElement)(ImageGallery,{columns:3,MediaUploadComponent:mock_media_uploader.I},(0,react.createElement)(ImageGalleryItem,{alt:"Random image 1",src:"https://picsum.photos/id/137/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 2",src:"https://picsum.photos/id/208/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 3",src:"https://picsum.photos/id/24/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 4",src:"https://picsum.photos/id/58/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 5",src:"https://picsum.photos/id/309/200/200"}),(0,react.createElement)(ImageGalleryItem,{alt:"Random image 6",src:"https://picsum.photos/id/46/200/200"}))};const image_gallery_story={title:"WooCommerce Admin/components/ImageGallery",component:ImageGallery};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:'() => {\n  return <ImageGallery MediaUploadComponent={MockMediaUpload} onReplace={({\n    replaceIndex\n  }) =>\n  // eslint-disable-next-line no-console\n  console.info(`Item ${replaceIndex} replaced`)} onRemove={({\n    removeIndex\n  }) => {\n    // eslint-disable-next-line no-console\n    console.info(`Item ${removeIndex} removed`);\n  }} onOrderChange={() => {\n    // eslint-disable-next-line no-console\n    console.info(`Order changed`);\n  }}>\n            <ImageGalleryItem alt="Random image 1" src="https://picsum.photos/id/137/200/200" />\n            <ImageGalleryItem alt="Random image 2" src="https://picsum.photos/id/208/200/200" />\n            <ImageGalleryItem alt="Random image 3" src="https://picsum.photos/id/24/200/200" />\n            <ImageGalleryItem alt="Random image 4" src="https://picsum.photos/id/58/200/200" />\n            <ImageGalleryItem alt="Random image 5" src="https://picsum.photos/id/309/200/200" />\n            <ImageGalleryItem alt="Random image 6" src="https://picsum.photos/id/46/200/200" />\n            <ImageGalleryItem alt="Random image 7" src="https://picsum.photos/id/8/200/200" />\n            <ImageGalleryItem alt="Random image 8" src="https://picsum.photos/id/101/200/200" />\n        </ImageGallery>;\n}',...Basic.parameters?.docs?.source}}},Cover.parameters={...Cover.parameters,docs:{...Cover.parameters?.docs,source:{originalSource:'() => {\n  return <ImageGallery MediaUploadComponent={MockMediaUpload}>\n            <ImageGalleryItem alt="Random image 1" src="https://picsum.photos/id/137/200/200" isCover />\n            <ImageGalleryItem alt="Random image 2" src="https://picsum.photos/id/208/200/200" />\n        </ImageGallery>;\n}',...Cover.parameters?.docs?.source}}},Columns.parameters={...Columns.parameters,docs:{...Columns.parameters?.docs,source:{originalSource:'() => {\n  return <ImageGallery columns={3} MediaUploadComponent={MockMediaUpload}>\n            <ImageGalleryItem alt="Random image 1" src="https://picsum.photos/id/137/200/200" />\n            <ImageGalleryItem alt="Random image 2" src="https://picsum.photos/id/208/200/200" />\n            <ImageGalleryItem alt="Random image 3" src="https://picsum.photos/id/24/200/200" />\n            <ImageGalleryItem alt="Random image 4" src="https://picsum.photos/id/58/200/200" />\n            <ImageGalleryItem alt="Random image 5" src="https://picsum.photos/id/309/200/200" />\n            <ImageGalleryItem alt="Random image 6" src="https://picsum.photos/id/46/200/200" />\n        </ImageGallery>;\n}',...Columns.parameters?.docs?.source}}};try{Basic.displayName="Basic",Basic.__docgenInfo={description:"",displayName:"Basic",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Basic"]={docgenInfo:Basic.__docgenInfo,name:"Basic",path:"../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Basic"})}catch(__react_docgen_typescript_loader_error){}try{Cover.displayName="Cover",Cover.__docgenInfo={description:"",displayName:"Cover",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Cover"]={docgenInfo:Cover.__docgenInfo,name:"Cover",path:"../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Cover"})}catch(__react_docgen_typescript_loader_error){}try{Columns.displayName="Columns",Columns.__docgenInfo={description:"",displayName:"Columns",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Columns"]={docgenInfo:Columns.__docgenInfo,name:"Columns",path:"../../packages/js/components/src/image-gallery/stories/image-gallery.story.tsx#Columns"})}catch(__react_docgen_typescript_loader_error){}}}]);