| 12 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1251:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){var _storybook_react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(443);Object(_storybook_react__WEBPACK_IMPORTED_MODULE_0__.configure)(__webpack_require__(1275),module)}.call(this,__webpack_require__(1252)(module))},1275:function(module,exports,__webpack_require__){var map={"./Test.stories.mdx":1279};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id=1275},1276:function(module,exports,__webpack_require__){},1279:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"默认展示",(function(){return 默认展示})),__webpack_require__.d(__webpack_exports__,"通过按钮触发",(function(){return 通过按钮触发})),__webpack_require__.d(__webpack_exports__,"自定义加载失败",(function(){return 自定义加载失败})),__webpack_require__.d(__webpack_exports__,"受控PhotoSlider",(function(){return 受控PhotoSlider})),__webpack_require__.d(__webpack_exports__,"两张预览",(function(){return 两张预览})),__webpack_require__.d(__webpack_exports__,"自定义工具栏",(function(){return 自定义工具栏}));var react=__webpack_require__(0),esm=__webpack_require__(1),blocks=__webpack_require__(32),index_es=__webpack_require__(20),slicedToArray=(__webpack_require__(1276),__webpack_require__(196)),taggedTemplateLiteral=__webpack_require__(142),styled_components_browser_esm=__webpack_require__(113),_1=__webpack_require__(444),_1_default=__webpack_require__.n(_1),_2=__webpack_require__(445),_2_default=__webpack_require__.n(_2),_3=__webpack_require__(446),_3_default=__webpack_require__.n(_3),_4=__webpack_require__(447),_4_default=__webpack_require__.n(_4),_5=__webpack_require__(448),_5_default=__webpack_require__.n(_5),_6=__webpack_require__(449),_6_default=__webpack_require__.n(_6),_7=__webpack_require__(450),_7_default=__webpack_require__.n(_7),_8=__webpack_require__(451),_8_default=__webpack_require__.n(_8);function _templateObject4(){var data=Object(taggedTemplateLiteral.a)(["\n width: 100px;\n height: 100px;\n"]);return _templateObject4=function _templateObject4(){return data},data}function _templateObject3(){var data=Object(taggedTemplateLiteral.a)(["\n padding: 6px 10px;\n border: 1px solid #ccc;\n border-radius: 2px;\n cursor: pointer;\n\n &:not(:last-child) {\n margin-right: 12px;\n }\n\n &[colorType='primary'] {\n background: deepskyblue;\n border-color: deepskyblue;\n color: white;\n }\n"]);return _templateObject3=function _templateObject3(){return data},data}function _templateObject2(){var data=Object(taggedTemplateLiteral.a)(["\n margin-right: 20px;\n margin-bottom: 20px;\n width: 100px;\n height: 100px;\n cursor: pointer;\n background: url('","') no-repeat center;\n background-size: cover;\n"]);return _templateObject2=function _templateObject2(){return data},data}function _templateObject(){var data=Object(taggedTemplateLiteral.a)(["\n padding: 40px;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n"]);return _templateObject=function _templateObject(){return data},data}var photoImages=[_1_default.a,_2_default.a,_3_default.a,_4_default.a,_5_default.a,_6_default.a,_7_default.a,_8_default.a],ImageList=styled_components_browser_esm.a.div(_templateObject()),ViewBox=styled_components_browser_esm.a.div(_templateObject2(),(function(props){return props.viewImage})),Button=styled_components_browser_esm.a.button(_templateObject3()),DefaultImage=styled_components_browser_esm.a.img(_templateObject4()),src_ControlledView=function ControlledView(){var _React$useState=react.useState(!1),_React$useState2=Object(slicedToArray.a)(_React$useState,2),visible=_React$useState2[0],setVisible=_React$useState2[1],_React$useState3=react.useState(0),_React$useState4=Object(slicedToArray.a)(_React$useState3,2),photoIndex=_React$useState4[0],setPhotoIndex=_React$useState4[1];return react.createElement(ImageList,null,react.createElement(Button,{onClick:function onClick(){return setPhotoIndex(2)}},"setPhotoIndex(2)"),react.createElement(Button,{onClick:function onClick(){return setPhotoIndex(4)}},"setPhotoIndex(4)"),react.createElement(Button,{onClick:function handleShowSlider(){setVisible(!0)},colorType:"primary"},"打开 PhotoSlider"),react.createElement(index_es.c,{images:photoImages.map((function(item){return{src:item}})),visible:visible,onClose:function handleCloseSlider(){setVisible(!1)},index:photoIndex,onIndexChange:setPhotoIndex}))},src_FullScreenIcon=function FullScreenIcon(props){var _React$useState5=react.useState(!1),_React$useState6=Object(slicedToArray.a)(_React$useState5,2),fullscreen=_React$useState6[0],setFullscreen=_React$useState6[1];return react.useEffect((function(){document.onfullscreenchange=function(){setFullscreen(Boolean(document.fullscreenElement))}}),[]),react.createElement("svg",Object.assign({className:"PhotoView-PhotoSlider__toolbarIcon",fill:"white",width:"44",height:"44",viewBox:"0 0 768 768"},props),fullscreen?react.createElement("path",{d:"M511.5 256.5h96v63h-159v-159h63v96zM448.5 607.5v-159h159v63h-96v96h-63zM256.5 256.5v-96h63v159h-159v-63h96zM160.5 511.5v-63h159v159h-63v-96h-96z"}):react.createElement("path",{d:"M448.5 160.5h159v159h-63v-96h-96v-63zM544.5 544.5v-96h63v159h-159v-63h96zM160.5 319.5v-159h159v63h-96v96h-63zM223.5 448.5v96h96v63h-159v-159h63z"}))},src_WithToolbar=function WithToolbar(){function toggleFullScreen(){if(document.fullscreenElement)document.exitFullscreen();else{var element=document.getElementById("PhotoView_Slider");element&&element.requestFullscreen()}}return react.createElement(index_es.b,{toolbarRender:function toolbarRender(_ref){var rotate=_ref.rotate,onRotate=_ref.onRotate;return react.createElement(react.Fragment,null,react.createElement("svg",{className:"PhotoView-PhotoSlider__toolbarIcon",onClick:function onClick(){return onRotate(rotate+90)},width:"44",height:"44",fill:"white",viewBox:"0 0 768 768"},react.createElement("path",{d:"M565.5 202.5l75-75v225h-225l103.5-103.5c-34.5-34.5-82.5-57-135-57-106.5 0-192 85.5-192 192s85.5 192 192 192c84 0 156-52.5 181.5-127.5h66c-28.5 111-127.5 192-247.5 192-141 0-255-115.5-255-256.5s114-256.5 255-256.5c70.5 0 135 28.5 181.5 75z"})),react.createElement(src_FullScreenIcon,{onClick:toggleFullScreen}))}},react.createElement(ImageList,null,photoImages.map((function(item,index){return react.createElement(index_es.a,{key:index,src:item,intro:item},react.createElement(ViewBox,{viewImage:item}))}))))};function IPhotoProviderForwardProps(props){}function IPhotoConsumerForwardProps(props){}function IPhotoSliderForwardProps(props){}try{IPhotoProviderForwardProps.displayName="IPhotoProviderForwardProps",IPhotoProviderForwardProps.__docgenInfo={description:"",displayName:"IPhotoProviderForwardProps",props:{maskClosable:{defaultValue:null,description:"",name:"maskClosable",required:!1,type:{name:"boolean | undefined"}},photoClosable:{defaultValue:null,description:"",name:"photoClosable",required:!1,type:{name:"boolean | undefined"}},bannerVisible:{defaultValue:null,description:"",name:"bannerVisible",required:!1,type:{name:"boolean | undefined"}},introVisible:{defaultValue:null,description:"",name:"introVisible",required:!1,type:{name:"boolean | undefined"}},overlayRender:{defaultValue:null,description:"",name:"overlayRender",required:!1,type:{name:"((overlayProps: overlayRenderProps) => ReactNode) | undefined"}},toolbarRender:{defaultValue:null,description:"",name:"toolbarRender",required:!1,type:{name:"((overlayProps: overlayRenderProps) => ReactNode) | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},maskClassName:{defaultValue:null,description:"",name:"maskClassName",required:!1,type:{name:"string | undefined"}},viewClassName:{defaultValue:null,description:"",name:"viewClassName",required:!1,type:{name:"string | undefined"}},imageClassName:{defaultValue:null,description:"",name:"imageClassName",required:!1,type:{name:"string | undefined"}},loadingElement:{defaultValue:null,description:"",name:"loadingElement",required:!1,type:{name:"Element | undefined"}},brokenElement:{defaultValue:null,description:"",name:"brokenElement",required:!1,type:{name:"Element | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#IPhotoProviderForwardProps"]={docgenInfo:IPhotoProviderForwardProps.__docgenInfo,name:"IPhotoProviderForwardProps",path:"src/index.tsx#IPhotoProviderForwardProps"})}catch(__react_docgen_typescript_loader_error){}try{IPhotoConsumerForwardProps.displayName="IPhotoConsumerForwardProps",IPhotoConsumerForwardProps.__docgenInfo={description:"",displayName:"IPhotoConsumerForwardProps",props:{src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},intro:{defaultValue:null,description:"",name:"intro",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#IPhotoConsumerForwardProps"]={docgenInfo:IPhotoConsumerForwardProps.__docgenInfo,name:"IPhotoConsumerForwardProps",path:"src/index.tsx#IPhotoConsumerForwardProps"})}catch(__react_docgen_typescript_loader_error){}try{IPhotoSliderForwardProps.displayName="IPhotoSliderForwardProps",IPhotoSliderForwardProps.__docgenInfo={description:"",displayName:"IPhotoSliderForwardProps",props:{images:{defaultValue:null,description:"",name:"images",required:!0,type:{name:"dataType[]"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number | undefined"}},visible:{defaultValue:null,description:"",name:"visible",required:!0,type:{name:"boolean"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"(evt?: MouseEvent<Element, MouseEvent> | TouchEvent<Element> | undefined) => void"}},onIndexChange:{defaultValue:null,description:"",name:"onIndexChange",required:!1,type:{name:"Function | undefined"}},maskClosable:{defaultValue:null,description:"",name:"maskClosable",required:!1,type:{name:"boolean | undefined"}},photoClosable:{defaultValue:null,description:"",name:"photoClosable",required:!1,type:{name:"boolean | undefined"}},bannerVisible:{defaultValue:null,description:"",name:"bannerVisible",required:!1,type:{name:"boolean | undefined"}},introVisible:{defaultValue:null,description:"",name:"introVisible",required:!1,type:{name:"boolean | undefined"}},overlayRender:{defaultValue:null,description:"",name:"overlayRender",required:!1,type:{name:"((overlayProps: overlayRenderProps) => ReactNode) | undefined"}},toolbarRender:{defaultValue:null,description:"",name:"toolbarRender",required:!1,type:{name:"((overlayProps: overlayRenderProps) => ReactNode) | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},maskClassName:{defaultValue:null,description:"",name:"maskClassName",required:!1,type:{name:"string | undefined"}},viewClassName:{defaultValue:null,description:"",name:"viewClassName",required:!1,type:{name:"string | undefined"}},imageClassName:{defaultValue:null,description:"",name:"imageClassName",required:!1,type:{name:"string | undefined"}},loadingElement:{defaultValue:null,description:"",name:"loadingElement",required:!1,type:{name:"Element | undefined"}},brokenElement:{defaultValue:null,description:"",name:"brokenElement",required:!1,type:{name:"Element | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#IPhotoSliderForwardProps"]={docgenInfo:IPhotoSliderForwardProps.__docgenInfo,name:"IPhotoSliderForwardProps",path:"src/index.tsx#IPhotoSliderForwardProps"})}catch(__react_docgen_typescript_loader_error){}try{ImageList.displayName="ImageList",ImageList.__docgenInfo={description:"",displayName:"ImageList",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"string | number | undefined"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | string[] | undefined"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean | undefined"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean | undefined"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'boolean | "true" | "false" | "inherit" | undefined'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string | undefined"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string | undefined"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string | undefined"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number | undefined"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no" | undefined'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string | undefined"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string | undefined"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string | undefined"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string | undefined"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string | undefined"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string | undefined"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string | undefined"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string | undefined"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string | undefined"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string | undefined"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string | undefined"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | undefined"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string | undefined"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean | undefined"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string | undefined"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string | undefined"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string | undefined"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number | undefined"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string | undefined"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off" | undefined'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string | undefined"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string | undefined"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "inline" | "list" | "both" | undefined'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number | undefined"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number | undefined"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string | undefined"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string | undefined"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string | undefined"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid" | undefined'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling" | undefined'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite" | undefined'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string | undefined"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string | undefined"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number | undefined"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals" | undefined'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string | undefined"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number | undefined"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number | undefined"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number | undefined"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number | undefined"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other" | undefined'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number | undefined"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number | undefined"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; } | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"((event: UIEvent<HTMLDivElement>) => void) | undefined"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"((event: UIEvent<HTMLDivElement>) => void) | undefined"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"((event: WheelEvent<HTMLDivElement>) => void) | undefined"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"((event: WheelEvent<HTMLDivElement>) => void) | undefined"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"((event: TransitionEvent<HTMLDivElement>) => void) | undefined"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"((event: TransitionEvent<HTMLDivElement>) => void) | undefined"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#ImageList"]={docgenInfo:ImageList.__docgenInfo,name:"ImageList",path:"src/index.tsx#ImageList"})}catch(__react_docgen_typescript_loader_error){}try{ViewBox.displayName="ViewBox",ViewBox.__docgenInfo={description:"",displayName:"ViewBox",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"string | number | undefined"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | string[] | undefined"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean | undefined"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean | undefined"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'boolean | "true" | "false" | "inherit" | undefined'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string | undefined"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string | undefined"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string | undefined"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number | undefined"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no" | undefined'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string | undefined"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string | undefined"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string | undefined"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string | undefined"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string | undefined"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string | undefined"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string | undefined"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string | undefined"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string | undefined"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string | undefined"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string | undefined"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | undefined"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string | undefined"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean | undefined"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string | undefined"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string | undefined"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string | undefined"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number | undefined"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string | undefined"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off" | undefined'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string | undefined"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string | undefined"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "inline" | "list" | "both" | undefined'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number | undefined"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number | undefined"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string | undefined"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string | undefined"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string | undefined"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid" | undefined'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling" | undefined'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite" | undefined'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string | undefined"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string | undefined"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number | undefined"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals" | undefined'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string | undefined"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number | undefined"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number | undefined"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number | undefined"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number | undefined"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other" | undefined'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number | undefined"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number | undefined"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; } | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLDivElement>) => void) | undefined"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLDivElement>) => void) | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"((event: FocusEvent<HTMLDivElement>) => void) | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"((event: FormEvent<HTMLDivElement>) => void) | undefined"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLDivElement>) => void) | undefined"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"((event: DragEvent<HTMLDivElement>) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"((event: MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLDivElement, Event>) => void) | undefined"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"((event: TouchEvent<HTMLDivElement>) => void) | undefined"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLDivElement>) => void) | undefined"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"((event: UIEvent<HTMLDivElement>) => void) | undefined"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"((event: UIEvent<HTMLDivElement>) => void) | undefined"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"((event: WheelEvent<HTMLDivElement>) => void) | undefined"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"((event: WheelEvent<HTMLDivElement>) => void) | undefined"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLDivElement>) => void) | undefined"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"((event: TransitionEvent<HTMLDivElement>) => void) | undefined"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"((event: TransitionEvent<HTMLDivElement>) => void) | undefined"}},viewImage:{defaultValue:null,description:"",name:"viewImage",required:!0,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#ViewBox"]={docgenInfo:ViewBox.__docgenInfo,name:"ViewBox",path:"src/index.tsx#ViewBox"})}catch(__react_docgen_typescript_loader_error){}try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{form:{defaultValue:null,description:"",name:"form",required:!1,type:{name:"string | undefined"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:'"button" | "submit" | "reset" | undefined'}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"string | number | undefined"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | string[] | undefined"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean | undefined"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean | undefined"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'boolean | "true" | "false" | "inherit" | undefined'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string | undefined"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string | undefined"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string | undefined"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number | undefined"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no" | undefined'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string | undefined"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string | undefined"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string | undefined"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string | undefined"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string | undefined"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string | undefined"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string | undefined"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string | undefined"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string | undefined"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string | undefined"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string | undefined"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | undefined"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string | undefined"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean | undefined"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string | undefined"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string | undefined"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string | undefined"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number | undefined"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string | undefined"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off" | undefined'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string | undefined"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string | undefined"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "inline" | "list" | "both" | undefined'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number | undefined"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number | undefined"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string | undefined"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string | undefined"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string | undefined"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid" | undefined'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling" | undefined'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite" | undefined'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string | undefined"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string | undefined"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number | undefined"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals" | undefined'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string | undefined"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number | undefined"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number | undefined"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number | undefined"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number | undefined"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other" | undefined'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number | undefined"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number | undefined"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; } | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLButtonElement>) => void) | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLButtonElement>) => void) | undefined"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"((event: FocusEvent<HTMLButtonElement>) => void) | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLButtonElement>) => void) | undefined"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"((event: FocusEvent<HTMLButtonElement>) => void) | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"((event: FormEvent<HTMLButtonElement>) => void) | undefined"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLButtonElement>) => void) | undefined"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"((event: DragEvent<HTMLButtonElement>) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLButtonElement, Event>) => void) | undefined"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"((event: TouchEvent<HTMLButtonElement>) => void) | undefined"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLButtonElement>) => void) | undefined"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"((event: UIEvent<HTMLButtonElement>) => void) | undefined"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"((event: UIEvent<HTMLButtonElement>) => void) | undefined"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"((event: WheelEvent<HTMLButtonElement>) => void) | undefined"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"((event: WheelEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLButtonElement>) => void) | undefined"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"((event: TransitionEvent<HTMLButtonElement>) => void) | undefined"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"((event: TransitionEvent<HTMLButtonElement>) => void) | undefined"}},autoFocus:{defaultValue:null,description:"",name:"autoFocus",required:!1,type:{name:"boolean | undefined"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean | undefined"}},formAction:{defaultValue:null,description:"",name:"formAction",required:!1,type:{name:"string | undefined"}},formEncType:{defaultValue:null,description:"",name:"formEncType",required:!1,type:{name:"string | undefined"}},formMethod:{defaultValue:null,description:"",name:"formMethod",required:!1,type:{name:"string | undefined"}},formNoValidate:{defaultValue:null,description:"",name:"formNoValidate",required:!1,type:{name:"boolean | undefined"}},formTarget:{defaultValue:null,description:"",name:"formTarget",required:!1,type:{name:"string | undefined"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string | number | string[] | undefined"}},colorType:{defaultValue:null,description:"",name:"colorType",required:!1,type:{name:"string | undefined"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}try{DefaultImage.displayName="DefaultImage",DefaultImage.__docgenInfo={description:"",displayName:"DefaultImage",props:{style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties | undefined"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string | undefined"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLImageElement | null) => void) | RefObject<HTMLImageElement> | null | undefined"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"string | number | undefined"}},defaultChecked:{defaultValue:null,description:"",name:"defaultChecked",required:!1,type:{name:"boolean | undefined"}},defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"string | number | string[] | undefined"}},suppressContentEditableWarning:{defaultValue:null,description:"",name:"suppressContentEditableWarning",required:!1,type:{name:"boolean | undefined"}},suppressHydrationWarning:{defaultValue:null,description:"",name:"suppressHydrationWarning",required:!1,type:{name:"boolean | undefined"}},accessKey:{defaultValue:null,description:"",name:"accessKey",required:!1,type:{name:"string | undefined"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string | undefined"}},contentEditable:{defaultValue:null,description:"",name:"contentEditable",required:!1,type:{name:'boolean | "true" | "false" | "inherit" | undefined'}},contextMenu:{defaultValue:null,description:"",name:"contextMenu",required:!1,type:{name:"string | undefined"}},dir:{defaultValue:null,description:"",name:"dir",required:!1,type:{name:"string | undefined"}},draggable:{defaultValue:null,description:"",name:"draggable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean | undefined"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},lang:{defaultValue:null,description:"",name:"lang",required:!1,type:{name:"string | undefined"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string | undefined"}},slot:{defaultValue:null,description:"",name:"slot",required:!1,type:{name:"string | undefined"}},spellCheck:{defaultValue:null,description:"",name:"spellCheck",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},tabIndex:{defaultValue:null,description:"",name:"tabIndex",required:!1,type:{name:"number | undefined"}},translate:{defaultValue:null,description:"",name:"translate",required:!1,type:{name:'"yes" | "no" | undefined'}},radioGroup:{defaultValue:null,description:"",name:"radioGroup",required:!1,type:{name:"string | undefined"}},role:{defaultValue:null,description:"",name:"role",required:!1,type:{name:"string | undefined"}},about:{defaultValue:null,description:"",name:"about",required:!1,type:{name:"string | undefined"}},datatype:{defaultValue:null,description:"",name:"datatype",required:!1,type:{name:"string | undefined"}},inlist:{defaultValue:null,description:"",name:"inlist",required:!1,type:{name:"any"}},prefix:{defaultValue:null,description:"",name:"prefix",required:!1,type:{name:"string | undefined"}},property:{defaultValue:null,description:"",name:"property",required:!1,type:{name:"string | undefined"}},resource:{defaultValue:null,description:"",name:"resource",required:!1,type:{name:"string | undefined"}},typeof:{defaultValue:null,description:"",name:"typeof",required:!1,type:{name:"string | undefined"}},vocab:{defaultValue:null,description:"",name:"vocab",required:!1,type:{name:"string | undefined"}},autoCapitalize:{defaultValue:null,description:"",name:"autoCapitalize",required:!1,type:{name:"string | undefined"}},autoCorrect:{defaultValue:null,description:"",name:"autoCorrect",required:!1,type:{name:"string | undefined"}},autoSave:{defaultValue:null,description:"",name:"autoSave",required:!1,type:{name:"string | undefined"}},color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string | undefined"}},itemProp:{defaultValue:null,description:"",name:"itemProp",required:!1,type:{name:"string | undefined"}},itemScope:{defaultValue:null,description:"",name:"itemScope",required:!1,type:{name:"boolean | undefined"}},itemType:{defaultValue:null,description:"",name:"itemType",required:!1,type:{name:"string | undefined"}},itemID:{defaultValue:null,description:"",name:"itemID",required:!1,type:{name:"string | undefined"}},itemRef:{defaultValue:null,description:"",name:"itemRef",required:!1,type:{name:"string | undefined"}},results:{defaultValue:null,description:"",name:"results",required:!1,type:{name:"number | undefined"}},security:{defaultValue:null,description:"",name:"security",required:!1,type:{name:"string | undefined"}},unselectable:{defaultValue:null,description:"",name:"unselectable",required:!1,type:{name:'"on" | "off" | undefined'}},inputMode:{defaultValue:null,description:"Hints at the type of data that might be entered by the user while editing the element or its contents\n@see https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute",name:"inputMode",required:!1,type:{name:'"text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined'}},is:{defaultValue:null,description:"Specify that a standard HTML element should behave like a defined custom built-in element\n@see https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is",name:"is",required:!1,type:{name:"string | undefined"}},"aria-activedescendant":{defaultValue:null,description:"Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",name:"aria-activedescendant",required:!1,type:{name:"string | undefined"}},"aria-atomic":{defaultValue:null,description:"Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",name:"aria-atomic",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-autocomplete":{defaultValue:null,description:"Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",name:"aria-autocomplete",required:!1,type:{name:'"none" | "inline" | "list" | "both" | undefined'}},"aria-busy":{defaultValue:null,description:"Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.",name:"aria-busy",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-checked":{defaultValue:null,description:'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.\n@see aria-pressed\n@see aria-selected.',name:"aria-checked",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-colcount":{defaultValue:null,description:"Defines the total number of columns in a table, grid, or treegrid.\n@see aria-colindex.",name:"aria-colcount",required:!1,type:{name:"number | undefined"}},"aria-colindex":{defaultValue:null,description:"Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.\n@see aria-colcount\n@see aria-colspan.",name:"aria-colindex",required:!1,type:{name:"number | undefined"}},"aria-colspan":{defaultValue:null,description:"Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-colindex\n@see aria-rowspan.",name:"aria-colspan",required:!1,type:{name:"number | undefined"}},"aria-controls":{defaultValue:null,description:"Identifies the element (or elements) whose contents or presence are controlled by the current element.\n@see aria-owns.",name:"aria-controls",required:!1,type:{name:"string | undefined"}},"aria-current":{defaultValue:null,description:"Indicates the element that represents the current item within a container or set of related elements.",name:"aria-current",required:!1,type:{name:'boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined'}},"aria-describedby":{defaultValue:null,description:"Identifies the element (or elements) that describes the object.\n@see aria-labelledby",name:"aria-describedby",required:!1,type:{name:"string | undefined"}},"aria-details":{defaultValue:null,description:"Identifies the element that provides a detailed, extended description for the object.\n@see aria-describedby.",name:"aria-details",required:!1,type:{name:"string | undefined"}},"aria-disabled":{defaultValue:null,description:"Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.\n@see aria-hidden\n@see aria-readonly.",name:"aria-disabled",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-dropeffect":{defaultValue:null,description:"Indicates what functions can be performed when a dragged object is released on the drop target.\n@deprecated in ARIA 1.1",name:"aria-dropeffect",required:!1,type:{name:'"link" | "none" | "copy" | "execute" | "move" | "popup" | undefined'}},"aria-errormessage":{defaultValue:null,description:"Identifies the element that provides an error message for the object.\n@see aria-invalid\n@see aria-describedby.",name:"aria-errormessage",required:!1,type:{name:"string | undefined"}},"aria-expanded":{defaultValue:null,description:"Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",name:"aria-expanded",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-flowto":{defaultValue:null,description:"Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",name:"aria-flowto",required:!1,type:{name:"string | undefined"}},"aria-grabbed":{defaultValue:null,description:'Indicates an element\'s "grabbed" state in a drag-and-drop operation.\n@deprecated in ARIA 1.1',name:"aria-grabbed",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-haspopup":{defaultValue:null,description:"Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",name:"aria-haspopup",required:!1,type:{name:'boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid" | undefined'}},"aria-hidden":{defaultValue:null,description:"Indicates whether the element is exposed to an accessibility API.\n@see aria-disabled.",name:"aria-hidden",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-invalid":{defaultValue:null,description:"Indicates the entered value does not conform to the format expected by the application.\n@see aria-errormessage.",name:"aria-invalid",required:!1,type:{name:'boolean | "true" | "false" | "grammar" | "spelling" | undefined'}},"aria-keyshortcuts":{defaultValue:null,description:"Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",name:"aria-keyshortcuts",required:!1,type:{name:"string | undefined"}},"aria-label":{defaultValue:null,description:"Defines a string value that labels the current element.\n@see aria-labelledby.",name:"aria-label",required:!1,type:{name:"string | undefined"}},"aria-labelledby":{defaultValue:null,description:"Identifies the element (or elements) that labels the current element.\n@see aria-describedby.",name:"aria-labelledby",required:!1,type:{name:"string | undefined"}},"aria-level":{defaultValue:null,description:"Defines the hierarchical level of an element within a structure.",name:"aria-level",required:!1,type:{name:"number | undefined"}},"aria-live":{defaultValue:null,description:"Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",name:"aria-live",required:!1,type:{name:'"off" | "assertive" | "polite" | undefined'}},"aria-modal":{defaultValue:null,description:"Indicates whether an element is modal when displayed.",name:"aria-modal",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiline":{defaultValue:null,description:"Indicates whether a text box accepts multiple lines of input or only a single line.",name:"aria-multiline",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-multiselectable":{defaultValue:null,description:"Indicates that the user may select more than one item from the current selectable descendants.",name:"aria-multiselectable",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-orientation":{defaultValue:null,description:"Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",name:"aria-orientation",required:!1,type:{name:'"horizontal" | "vertical" | undefined'}},"aria-owns":{defaultValue:null,description:"Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.\n@see aria-controls.",name:"aria-owns",required:!1,type:{name:"string | undefined"}},"aria-placeholder":{defaultValue:null,description:"Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",name:"aria-placeholder",required:!1,type:{name:"string | undefined"}},"aria-posinset":{defaultValue:null,description:"Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-setsize.",name:"aria-posinset",required:!1,type:{name:"number | undefined"}},"aria-pressed":{defaultValue:null,description:'Indicates the current "pressed" state of toggle buttons.\n@see aria-checked\n@see aria-selected.',name:"aria-pressed",required:!1,type:{name:'boolean | "true" | "false" | "mixed" | undefined'}},"aria-readonly":{defaultValue:null,description:"Indicates that the element is not editable, but is otherwise operable.\n@see aria-disabled.",name:"aria-readonly",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-relevant":{defaultValue:null,description:"Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.\n@see aria-atomic.",name:"aria-relevant",required:!1,type:{name:'"text" | "additions" | "additions text" | "all" | "removals" | undefined'}},"aria-required":{defaultValue:null,description:"Indicates that user input is required on the element before a form may be submitted.",name:"aria-required",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-roledescription":{defaultValue:null,description:"Defines a human-readable, author-localized description for the role of an element.",name:"aria-roledescription",required:!1,type:{name:"string | undefined"}},"aria-rowcount":{defaultValue:null,description:"Defines the total number of rows in a table, grid, or treegrid.\n@see aria-rowindex.",name:"aria-rowcount",required:!1,type:{name:"number | undefined"}},"aria-rowindex":{defaultValue:null,description:"Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.\n@see aria-rowcount\n@see aria-rowspan.",name:"aria-rowindex",required:!1,type:{name:"number | undefined"}},"aria-rowspan":{defaultValue:null,description:"Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.\n@see aria-rowindex\n@see aria-colspan.",name:"aria-rowspan",required:!1,type:{name:"number | undefined"}},"aria-selected":{defaultValue:null,description:'Indicates the current "selected" state of various widgets.\n@see aria-checked\n@see aria-pressed.',name:"aria-selected",required:!1,type:{name:'boolean | "true" | "false" | undefined'}},"aria-setsize":{defaultValue:null,description:"Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.\n@see aria-posinset.",name:"aria-setsize",required:!1,type:{name:"number | undefined"}},"aria-sort":{defaultValue:null,description:"Indicates if items in a table or grid are sorted in ascending or descending order.",name:"aria-sort",required:!1,type:{name:'"none" | "ascending" | "descending" | "other" | undefined'}},"aria-valuemax":{defaultValue:null,description:"Defines the maximum allowed value for a range widget.",name:"aria-valuemax",required:!1,type:{name:"number | undefined"}},"aria-valuemin":{defaultValue:null,description:"Defines the minimum allowed value for a range widget.",name:"aria-valuemin",required:!1,type:{name:"number | undefined"}},"aria-valuenow":{defaultValue:null,description:"Defines the current value for a range widget.\n@see aria-valuetext.",name:"aria-valuenow",required:!1,type:{name:"number | undefined"}},"aria-valuetext":{defaultValue:null,description:"Defines the human readable text alternative of aria-valuenow for a range widget.",name:"aria-valuetext",required:!1,type:{name:"string | undefined"}},dangerouslySetInnerHTML:{defaultValue:null,description:"",name:"dangerouslySetInnerHTML",required:!1,type:{name:"{ __html: string; } | undefined"}},onCopy:{defaultValue:null,description:"",name:"onCopy",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onCopyCapture:{defaultValue:null,description:"",name:"onCopyCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onCut:{defaultValue:null,description:"",name:"onCut",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onCutCapture:{defaultValue:null,description:"",name:"onCutCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onPaste:{defaultValue:null,description:"",name:"onPaste",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onPasteCapture:{defaultValue:null,description:"",name:"onPasteCapture",required:!1,type:{name:"((event: ClipboardEvent<HTMLImageElement>) => void) | undefined"}},onCompositionEnd:{defaultValue:null,description:"",name:"onCompositionEnd",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onCompositionEndCapture:{defaultValue:null,description:"",name:"onCompositionEndCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onCompositionStart:{defaultValue:null,description:"",name:"onCompositionStart",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onCompositionStartCapture:{defaultValue:null,description:"",name:"onCompositionStartCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onCompositionUpdate:{defaultValue:null,description:"",name:"onCompositionUpdate",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onCompositionUpdateCapture:{defaultValue:null,description:"",name:"onCompositionUpdateCapture",required:!1,type:{name:"((event: CompositionEvent<HTMLImageElement>) => void) | undefined"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"((event: FocusEvent<HTMLImageElement>) => void) | undefined"}},onFocusCapture:{defaultValue:null,description:"",name:"onFocusCapture",required:!1,type:{name:"((event: FocusEvent<HTMLImageElement>) => void) | undefined"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"((event: FocusEvent<HTMLImageElement>) => void) | undefined"}},onBlurCapture:{defaultValue:null,description:"",name:"onBlurCapture",required:!1,type:{name:"((event: FocusEvent<HTMLImageElement>) => void) | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onChangeCapture:{defaultValue:null,description:"",name:"onChangeCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onBeforeInput:{defaultValue:null,description:"",name:"onBeforeInput",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onBeforeInputCapture:{defaultValue:null,description:"",name:"onBeforeInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onInput:{defaultValue:null,description:"",name:"onInput",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onInputCapture:{defaultValue:null,description:"",name:"onInputCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onReset:{defaultValue:null,description:"",name:"onReset",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onResetCapture:{defaultValue:null,description:"",name:"onResetCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onSubmit:{defaultValue:null,description:"",name:"onSubmit",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onSubmitCapture:{defaultValue:null,description:"",name:"onSubmitCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onInvalid:{defaultValue:null,description:"",name:"onInvalid",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onInvalidCapture:{defaultValue:null,description:"",name:"onInvalidCapture",required:!1,type:{name:"((event: FormEvent<HTMLImageElement>) => void) | undefined"}},onLoad:{defaultValue:null,description:"",name:"onLoad",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadCapture:{defaultValue:null,description:"",name:"onLoadCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onError:{defaultValue:null,description:"",name:"onError",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onErrorCapture:{defaultValue:null,description:"",name:"onErrorCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onKeyDown:{defaultValue:null,description:"",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onKeyDownCapture:{defaultValue:null,description:"",name:"onKeyDownCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onKeyPress:{defaultValue:null,description:"",name:"onKeyPress",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onKeyPressCapture:{defaultValue:null,description:"",name:"onKeyPressCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onKeyUp:{defaultValue:null,description:"",name:"onKeyUp",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onKeyUpCapture:{defaultValue:null,description:"",name:"onKeyUpCapture",required:!1,type:{name:"((event: KeyboardEvent<HTMLImageElement>) => void) | undefined"}},onAbort:{defaultValue:null,description:"",name:"onAbort",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onAbortCapture:{defaultValue:null,description:"",name:"onAbortCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onCanPlay:{defaultValue:null,description:"",name:"onCanPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onCanPlayCapture:{defaultValue:null,description:"",name:"onCanPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onCanPlayThrough:{defaultValue:null,description:"",name:"onCanPlayThrough",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onCanPlayThroughCapture:{defaultValue:null,description:"",name:"onCanPlayThroughCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onDurationChange:{defaultValue:null,description:"",name:"onDurationChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onDurationChangeCapture:{defaultValue:null,description:"",name:"onDurationChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEmptied:{defaultValue:null,description:"",name:"onEmptied",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEmptiedCapture:{defaultValue:null,description:"",name:"onEmptiedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEncrypted:{defaultValue:null,description:"",name:"onEncrypted",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEncryptedCapture:{defaultValue:null,description:"",name:"onEncryptedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEnded:{defaultValue:null,description:"",name:"onEnded",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onEndedCapture:{defaultValue:null,description:"",name:"onEndedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadedData:{defaultValue:null,description:"",name:"onLoadedData",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadedDataCapture:{defaultValue:null,description:"",name:"onLoadedDataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadedMetadata:{defaultValue:null,description:"",name:"onLoadedMetadata",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadedMetadataCapture:{defaultValue:null,description:"",name:"onLoadedMetadataCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadStart:{defaultValue:null,description:"",name:"onLoadStart",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onLoadStartCapture:{defaultValue:null,description:"",name:"onLoadStartCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPause:{defaultValue:null,description:"",name:"onPause",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPauseCapture:{defaultValue:null,description:"",name:"onPauseCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPlay:{defaultValue:null,description:"",name:"onPlay",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPlayCapture:{defaultValue:null,description:"",name:"onPlayCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPlaying:{defaultValue:null,description:"",name:"onPlaying",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onPlayingCapture:{defaultValue:null,description:"",name:"onPlayingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onProgress:{defaultValue:null,description:"",name:"onProgress",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onProgressCapture:{defaultValue:null,description:"",name:"onProgressCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onRateChange:{defaultValue:null,description:"",name:"onRateChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onRateChangeCapture:{defaultValue:null,description:"",name:"onRateChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSeeked:{defaultValue:null,description:"",name:"onSeeked",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSeekedCapture:{defaultValue:null,description:"",name:"onSeekedCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSeeking:{defaultValue:null,description:"",name:"onSeeking",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSeekingCapture:{defaultValue:null,description:"",name:"onSeekingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onStalled:{defaultValue:null,description:"",name:"onStalled",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onStalledCapture:{defaultValue:null,description:"",name:"onStalledCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSuspend:{defaultValue:null,description:"",name:"onSuspend",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSuspendCapture:{defaultValue:null,description:"",name:"onSuspendCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onTimeUpdate:{defaultValue:null,description:"",name:"onTimeUpdate",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onTimeUpdateCapture:{defaultValue:null,description:"",name:"onTimeUpdateCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onVolumeChange:{defaultValue:null,description:"",name:"onVolumeChange",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onVolumeChangeCapture:{defaultValue:null,description:"",name:"onVolumeChangeCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onWaiting:{defaultValue:null,description:"",name:"onWaiting",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onWaitingCapture:{defaultValue:null,description:"",name:"onWaitingCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onAuxClick:{defaultValue:null,description:"",name:"onAuxClick",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onAuxClickCapture:{defaultValue:null,description:"",name:"onAuxClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onClickCapture:{defaultValue:null,description:"",name:"onClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onContextMenu:{defaultValue:null,description:"",name:"onContextMenu",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onContextMenuCapture:{defaultValue:null,description:"",name:"onContextMenuCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onDoubleClick:{defaultValue:null,description:"",name:"onDoubleClick",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onDoubleClickCapture:{defaultValue:null,description:"",name:"onDoubleClickCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onDrag:{defaultValue:null,description:"",name:"onDrag",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragCapture:{defaultValue:null,description:"",name:"onDragCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragEnd:{defaultValue:null,description:"",name:"onDragEnd",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragEndCapture:{defaultValue:null,description:"",name:"onDragEndCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragEnter:{defaultValue:null,description:"",name:"onDragEnter",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragEnterCapture:{defaultValue:null,description:"",name:"onDragEnterCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragExit:{defaultValue:null,description:"",name:"onDragExit",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragExitCapture:{defaultValue:null,description:"",name:"onDragExitCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragLeave:{defaultValue:null,description:"",name:"onDragLeave",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragLeaveCapture:{defaultValue:null,description:"",name:"onDragLeaveCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragOver:{defaultValue:null,description:"",name:"onDragOver",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragOverCapture:{defaultValue:null,description:"",name:"onDragOverCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragStart:{defaultValue:null,description:"",name:"onDragStart",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDragStartCapture:{defaultValue:null,description:"",name:"onDragStartCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDrop:{defaultValue:null,description:"",name:"onDrop",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onDropCapture:{defaultValue:null,description:"",name:"onDropCapture",required:!1,type:{name:"((event: DragEvent<HTMLImageElement>) => void) | undefined"}},onMouseDown:{defaultValue:null,description:"",name:"onMouseDown",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseDownCapture:{defaultValue:null,description:"",name:"onMouseDownCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseEnter:{defaultValue:null,description:"",name:"onMouseEnter",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseLeave:{defaultValue:null,description:"",name:"onMouseLeave",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseMove:{defaultValue:null,description:"",name:"onMouseMove",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseMoveCapture:{defaultValue:null,description:"",name:"onMouseMoveCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseOut:{defaultValue:null,description:"",name:"onMouseOut",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseOutCapture:{defaultValue:null,description:"",name:"onMouseOutCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseOver:{defaultValue:null,description:"",name:"onMouseOver",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseOverCapture:{defaultValue:null,description:"",name:"onMouseOverCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseUp:{defaultValue:null,description:"",name:"onMouseUp",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onMouseUpCapture:{defaultValue:null,description:"",name:"onMouseUpCapture",required:!1,type:{name:"((event: MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined"}},onSelect:{defaultValue:null,description:"",name:"onSelect",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onSelectCapture:{defaultValue:null,description:"",name:"onSelectCapture",required:!1,type:{name:"((event: SyntheticEvent<HTMLImageElement, Event>) => void) | undefined"}},onTouchCancel:{defaultValue:null,description:"",name:"onTouchCancel",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchCancelCapture:{defaultValue:null,description:"",name:"onTouchCancelCapture",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchEnd:{defaultValue:null,description:"",name:"onTouchEnd",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchEndCapture:{defaultValue:null,description:"",name:"onTouchEndCapture",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchMove:{defaultValue:null,description:"",name:"onTouchMove",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchMoveCapture:{defaultValue:null,description:"",name:"onTouchMoveCapture",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchStart:{defaultValue:null,description:"",name:"onTouchStart",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onTouchStartCapture:{defaultValue:null,description:"",name:"onTouchStartCapture",required:!1,type:{name:"((event: TouchEvent<HTMLImageElement>) => void) | undefined"}},onPointerDown:{defaultValue:null,description:"",name:"onPointerDown",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerDownCapture:{defaultValue:null,description:"",name:"onPointerDownCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerMove:{defaultValue:null,description:"",name:"onPointerMove",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerMoveCapture:{defaultValue:null,description:"",name:"onPointerMoveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerUp:{defaultValue:null,description:"",name:"onPointerUp",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerUpCapture:{defaultValue:null,description:"",name:"onPointerUpCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerCancel:{defaultValue:null,description:"",name:"onPointerCancel",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerCancelCapture:{defaultValue:null,description:"",name:"onPointerCancelCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerEnter:{defaultValue:null,description:"",name:"onPointerEnter",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerEnterCapture:{defaultValue:null,description:"",name:"onPointerEnterCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerLeave:{defaultValue:null,description:"",name:"onPointerLeave",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerLeaveCapture:{defaultValue:null,description:"",name:"onPointerLeaveCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerOver:{defaultValue:null,description:"",name:"onPointerOver",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerOverCapture:{defaultValue:null,description:"",name:"onPointerOverCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerOut:{defaultValue:null,description:"",name:"onPointerOut",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onPointerOutCapture:{defaultValue:null,description:"",name:"onPointerOutCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onGotPointerCapture:{defaultValue:null,description:"",name:"onGotPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onGotPointerCaptureCapture:{defaultValue:null,description:"",name:"onGotPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onLostPointerCapture:{defaultValue:null,description:"",name:"onLostPointerCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onLostPointerCaptureCapture:{defaultValue:null,description:"",name:"onLostPointerCaptureCapture",required:!1,type:{name:"((event: PointerEvent<HTMLImageElement>) => void) | undefined"}},onScroll:{defaultValue:null,description:"",name:"onScroll",required:!1,type:{name:"((event: UIEvent<HTMLImageElement>) => void) | undefined"}},onScrollCapture:{defaultValue:null,description:"",name:"onScrollCapture",required:!1,type:{name:"((event: UIEvent<HTMLImageElement>) => void) | undefined"}},onWheel:{defaultValue:null,description:"",name:"onWheel",required:!1,type:{name:"((event: WheelEvent<HTMLImageElement>) => void) | undefined"}},onWheelCapture:{defaultValue:null,description:"",name:"onWheelCapture",required:!1,type:{name:"((event: WheelEvent<HTMLImageElement>) => void) | undefined"}},onAnimationStart:{defaultValue:null,description:"",name:"onAnimationStart",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onAnimationStartCapture:{defaultValue:null,description:"",name:"onAnimationStartCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onAnimationEnd:{defaultValue:null,description:"",name:"onAnimationEnd",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onAnimationEndCapture:{defaultValue:null,description:"",name:"onAnimationEndCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onAnimationIteration:{defaultValue:null,description:"",name:"onAnimationIteration",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onAnimationIterationCapture:{defaultValue:null,description:"",name:"onAnimationIterationCapture",required:!1,type:{name:"((event: AnimationEvent<HTMLImageElement>) => void) | undefined"}},onTransitionEnd:{defaultValue:null,description:"",name:"onTransitionEnd",required:!1,type:{name:"((event: TransitionEvent<HTMLImageElement>) => void) | undefined"}},onTransitionEndCapture:{defaultValue:null,description:"",name:"onTransitionEndCapture",required:!1,type:{name:"((event: TransitionEvent<HTMLImageElement>) => void) | undefined"}},alt:{defaultValue:null,description:"",name:"alt",required:!1,type:{name:"string | undefined"}},crossOrigin:{defaultValue:null,description:"",name:"crossOrigin",required:!1,type:{name:'"" | "anonymous" | "use-credentials" | undefined'}},decoding:{defaultValue:null,description:"",name:"decoding",required:!1,type:{name:'"async" | "auto" | "sync" | undefined'}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string | number | undefined"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:'"eager" | "lazy" | undefined'}},referrerPolicy:{defaultValue:null,description:"",name:"referrerPolicy",required:!1,type:{name:'"no-referrer" | "origin" | "unsafe-url" | undefined'}},sizes:{defaultValue:null,description:"",name:"sizes",required:!1,type:{name:"string | undefined"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string | undefined"}},srcSet:{defaultValue:null,description:"",name:"srcSet",required:!1,type:{name:"string | undefined"}},useMap:{defaultValue:null,description:"",name:"useMap",required:!1,type:{name:"string | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string | number | undefined"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/index.tsx#DefaultImage"]={docgenInfo:DefaultImage.__docgenInfo,name:"DefaultImage",path:"src/index.tsx#DefaultImage"})}catch(__react_docgen_typescript_loader_error){}var default_photo=__webpack_require__(288),default_photo_default=__webpack_require__.n(default_photo);function _extends(){return(_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target}).apply(this,arguments)}const layoutProps={};function MDXContent({components:components,...props}){return Object(esm.mdx)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.mdx)(blocks.Meta,{title:"React-photo-view",mdxType:"Meta"}),Object(esm.mdx)("h2",{id:"默认展示"},"默认展示"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"默认展示",mdxType:"Story"},Object(esm.mdx)(index_es.b,{mdxType:"PhotoProvider"},Object(esm.mdx)(ImageList,{mdxType:"ImageList"},photoImages.map((item,index)=>Object(esm.mdx)(index_es.a,{key:index,src:item,intro:item,mdxType:"PhotoConsumer"},Object(esm.mdx)(ViewBox,{viewImage:item,mdxType:"ViewBox"}))))))),Object(esm.mdx)("h2",{id:"通过按钮触发"},"通过按钮触发"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"通过按钮触发",mdxType:"Story"},Object(esm.mdx)(index_es.b,{mdxType:"PhotoProvider"},Object(esm.mdx)(ImageList,{mdxType:"ImageList"},Object(esm.mdx)(index_es.a,{src:photoImages[3],mdxType:"PhotoConsumer"},Object(esm.mdx)(Button,{mdxType:"Button"},"打开预览")))))),Object(esm.mdx)("h2",{id:"自定义加载失败"},"自定义加载失败"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"自定义加载失败",mdxType:"Story"},Object(esm.mdx)(ImageList,{mdxType:"ImageList"},Object(esm.mdx)(index_es.b,{mdxType:"PhotoProvider"},Object(esm.mdx)(index_es.a,{src:"",mdxType:"PhotoConsumer"},Object(esm.mdx)(Button,{mdxType:"Button"},"无默认图"))),Object(esm.mdx)(index_es.b,{brokenElement:Object(esm.mdx)(DefaultImage,{src:default_photo_default.a,mdxType:"DefaultImage"}),mdxType:"PhotoProvider"},Object(esm.mdx)(index_es.a,{src:"",mdxType:"PhotoConsumer"},Object(esm.mdx)(Button,{mdxType:"Button"},"自定义默认图")))))),Object(esm.mdx)("h2",{id:"受控-photoslider"},"受控 PhotoSlider"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"受控 PhotoSlider",mdxType:"Story"},Object(esm.mdx)(src_ControlledView,{mdxType:"ControlledView"}))),Object(esm.mdx)("h2",{id:"两张预览"},"两张预览"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"两张预览",mdxType:"Story"},Object(esm.mdx)(index_es.b,{mdxType:"PhotoProvider"},Object(esm.mdx)(ImageList,{mdxType:"ImageList"},photoImages.map((item,index)=>Object(esm.mdx)(index_es.a,{key:index,src:item,mdxType:"PhotoConsumer"},index<2?Object(esm.mdx)(ViewBox,{viewImage:item,mdxType:"ViewBox"}):void 0)))))),Object(esm.mdx)("h2",{id:"自定义工具栏"},"自定义工具栏"),Object(esm.mdx)(blocks.Preview,{mdxType:"Preview"},Object(esm.mdx)(blocks.Story,{name:"自定义工具栏",mdxType:"Story"},Object(esm.mdx)(src_WithToolbar,{mdxType:"WithToolbar"}))),Object(esm.mdx)("h1",{id:"props"},"Props"),Object(esm.mdx)("h3",{id:"photoprovider"},"PhotoProvider"),Object(esm.mdx)(blocks.Props,{of:IPhotoProviderForwardProps,mdxType:"Props"}),Object(esm.mdx)("h3",{id:"photoconsumer"},"PhotoConsumer"),Object(esm.mdx)(blocks.Props,{of:IPhotoConsumerForwardProps,mdxType:"Props"}),Object(esm.mdx)("h3",{id:"photoslider"},"PhotoSlider"),Object(esm.mdx)(blocks.Props,{of:IPhotoSliderForwardProps,mdxType:"Props"}))}MDXContent.isMDXComponent=!0;const 默认展示=()=>Object(esm.mdx)(index_es.b,null,Object(esm.mdx)(ImageList,null,photoImages.map((item,index)=>Object(esm.mdx)(index_es.a,{key:index,src:item,intro:item},Object(esm.mdx)(ViewBox,{viewImage:item})))));默认展示.story={},默认展示.story.name="默认展示",默认展示.story.parameters={mdxSource:"<PhotoProvider>\n <ImageList>\n {photoImages.map((item, index) => <PhotoConsumer key={index} src={item} intro={item}>\n <ViewBox viewImage={item} />\n </PhotoConsumer>)}\n </ImageList>\n </PhotoProvider>"};const 通过按钮触发=()=>Object(esm.mdx)(index_es.b,null,Object(esm.mdx)(ImageList,null,Object(esm.mdx)(index_es.a,{src:photoImages[3]},Object(esm.mdx)(Button,null,"打开预览"))));通过按钮触发.story={},通过按钮触发.story.name="通过按钮触发",通过按钮触发.story.parameters={mdxSource:"<PhotoProvider>\n <ImageList>\n <PhotoConsumer src={photoImages[3]}>\n <Button>打开预览</Button>\n </PhotoConsumer>\n </ImageList>\n </PhotoProvider>"};const 自定义加载失败=()=>Object(esm.mdx)(ImageList,null,Object(esm.mdx)(index_es.b,null,Object(esm.mdx)(index_es.a,{src:""},Object(esm.mdx)(Button,null,"无默认图"))),Object(esm.mdx)(index_es.b,{brokenElement:Object(esm.mdx)(DefaultImage,{src:default_photo_default.a})},Object(esm.mdx)(index_es.a,{src:""},Object(esm.mdx)(Button,null,"自定义默认图"))));自定义加载失败.story={},自定义加载失败.story.name="自定义加载失败",自定义加载失败.story.parameters={mdxSource:'<ImageList>\n <PhotoProvider>\n <PhotoConsumer src="">\n <Button>无默认图</Button>\n </PhotoConsumer>\n </PhotoProvider>\n <PhotoProvider brokenElement={<DefaultImage src={defaultPhoto} />}>\n <PhotoConsumer src="">\n <Button>自定义默认图</Button>\n </PhotoConsumer>\n </PhotoProvider>\n </ImageList>'};const 受控PhotoSlider=()=>Object(esm.mdx)(src_ControlledView,null);受控PhotoSlider.story={},受控PhotoSlider.story.name="受控 PhotoSlider",受控PhotoSlider.story.parameters={mdxSource:"<ControlledView />"};const 两张预览=()=>Object(esm.mdx)(index_es.b,null,Object(esm.mdx)(ImageList,null,photoImages.map((item,index)=>Object(esm.mdx)(index_es.a,{key:index,src:item},index<2?Object(esm.mdx)(ViewBox,{viewImage:item}):void 0))));两张预览.story={},两张预览.story.name="两张预览",两张预览.story.parameters={mdxSource:"<PhotoProvider>\n <ImageList>\n {photoImages.map((item, index) => <PhotoConsumer key={index} src={item}>\n {index < 2 ? <ViewBox viewImage={item} /> : undefined}\n </PhotoConsumer>)}\n </ImageList>\n </PhotoProvider>"};const 自定义工具栏=()=>Object(esm.mdx)(src_WithToolbar,null);自定义工具栏.story={},自定义工具栏.story.name="自定义工具栏",自定义工具栏.story.parameters={mdxSource:"<WithToolbar />"};const componentMeta={title:"React-photo-view",includeStories:["默认展示","通过按钮触发","自定义加载失败","受控PhotoSlider","两张预览","自定义工具栏"]},mdxStoryNameToKey={"默认展示":"默认展示","通过按钮触发":"通过按钮触发","自定义加载失败":"自定义加载失败","受控 PhotoSlider":"受控PhotoSlider","两张预览":"两张预览","自定义工具栏":"自定义工具栏"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:()=>Object(esm.mdx)(blocks.AddContext,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentMeta:componentMeta},Object(esm.mdx)(MDXContent,null))};__webpack_exports__.default=componentMeta;默认展示.__docgenInfo={description:"",methods:[],displayName:"默认展示"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"默认展示",docgenInfo:默认展示.__docgenInfo,path:"src\\stories\\Test.stories.mdx"}),通过按钮触发.__docgenInfo={description:"",methods:[],displayName:"通过按钮触发"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"通过按钮触发",docgenInfo:通过按钮触发.__docgenInfo,path:"src\\stories\\Test.stories.mdx"}),自定义加载失败.__docgenInfo={description:"",methods:[],displayName:"自定义加载失败"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"自定义加载失败",docgenInfo:自定义加载失败.__docgenInfo,path:"src\\stories\\Test.stories.mdx"}),受控PhotoSlider.__docgenInfo={description:"",methods:[],displayName:"受控PhotoSlider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"受控PhotoSlider",docgenInfo:受控PhotoSlider.__docgenInfo,path:"src\\stories\\Test.stories.mdx"}),两张预览.__docgenInfo={description:"",methods:[],displayName:"两张预览"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"两张预览",docgenInfo:两张预览.__docgenInfo,path:"src\\stories\\Test.stories.mdx"}),自定义工具栏.__docgenInfo={description:"",methods:[],displayName:"自定义工具栏"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src\\stories\\Test.stories.mdx"]={name:"自定义工具栏",docgenInfo:自定义工具栏.__docgenInfo,path:"src\\stories\\Test.stories.mdx"})},20:function(module,__webpack_exports__,__webpack_require__){"use strict";(function(global){__webpack_require__.d(__webpack_exports__,"a",(function(){return PhotoConsumer})),__webpack_require__.d(__webpack_exports__,"b",(function(){return PhotoProvider})),__webpack_require__.d(__webpack_exports__,"c",(function(){return PhotoSlider}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(101),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),react_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(111),extendStatics=function(d,b){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p])})(d,b)};function __extends(d,b){function __(){this.constructor=d}extendStatics(d,b),d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}var __assign=function(){return(__assign=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t}).apply(this,arguments)};function __rest(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t}var PhotoContext=react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({onShow:function(){},addItem:function(){},removeItem:function(){}});function Spinner(){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView__Spinner"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"36",height:"36",fill:"white"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{opacity:".25",d:"M16 0 A16 16 0 0 0 16 32 A16 16 0 0 0 16 0 M16 4 A12 12 0 0 1 16 28 A12 12 0 0 1 16 4"}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{d:"M16 0 A16 16 0 0 1 32 16 L28 16 A12 12 0 0 0 16 4z"})))}function getSuitableImageSize(naturalWidth,naturalHeight,rotate){var _a,width,height,y=0,innerWidth=window.innerWidth,innerHeight=window.innerHeight,isVertical=rotate%180!=0;isVertical&&(innerHeight=(_a=[innerWidth,innerHeight])[0],innerWidth=_a[1]);var autoWidth=naturalWidth/naturalHeight*innerHeight,autoHeight=naturalHeight/naturalWidth*innerWidth;return naturalWidth<innerWidth&&naturalHeight<innerHeight?(width=naturalWidth,height=naturalHeight):naturalWidth<innerWidth&&naturalHeight>=innerHeight?(width=autoWidth,height=innerHeight):naturalWidth>=innerWidth&&naturalHeight<innerHeight||naturalWidth/naturalHeight>innerWidth/innerHeight?(width=innerWidth,height=autoHeight):naturalHeight/naturalWidth>=3&&!isVertical?(width=innerWidth,y=((height=autoHeight)-innerHeight)/2):(width=autoWidth,height=innerHeight),{width:Math.floor(width),height:Math.floor(height),x:0,y:y,scale:1}}var Photo=function(_a){var src=_a.src,loaded=_a.loaded,broken=_a.broken,width=_a.width,height=_a.height,rotate=_a.rotate,className=_a.className,onImageLoad=_a.onImageLoad,loadingElement=_a.loadingElement,brokenElement=_a.brokenElement,restProps=__rest(_a,["src","loaded","broken","width","height","rotate","className","onImageLoad","loadingElement","brokenElement"]),isMounted=function useMountedState(){var mountedRef=react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(!1);return react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect((function(){return mountedRef.current=!0,function(){mountedRef.current=!1}})),react__WEBPACK_IMPORTED_MODULE_0___default.a.useCallback((function(){return mountedRef.current}),[])}();function handleImageLoaded(e){var _a=e.target,naturalWidth=_a.naturalWidth,naturalHeight=_a.naturalHeight;isMounted()&&onImageLoad(__assign({loaded:!0,naturalWidth:naturalWidth,naturalHeight:naturalHeight},getSuitableImageSize(naturalWidth,naturalHeight,rotate)))}function handleImageBroken(){isMounted()&&onImageLoad({broken:!0})}return react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect((function(){var currPhoto=new Image;currPhoto.onload=handleImageLoaded,currPhoto.onerror=handleImageBroken,currPhoto.src=src}),[]),src&&!broken?loaded?react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img",__assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("PhotoView__Photo",className),src:src,width:width,height:height,alt:""},restProps)):loadingElement||react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Spinner,null):brokenElement||null};Photo.displayName="Photo";var commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==global?global:"undefined"!=typeof self?self:{},reTrim=/^\s+|\s+$/g,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt,freeGlobal="object"==typeof commonjsGlobal&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")(),objectToString=Object.prototype.toString,nativeMax=Math.max,nativeMin=Math.min,now=function(){return root.Date.now()};function isObject(value){var type=typeof value;return!!value&&("object"==type||"function"==type)}function toNumber(value){if("number"==typeof value)return value;if(function isSymbol(value){return"symbol"==typeof value||function isObjectLike(value){return!!value&&"object"==typeof value}(value)&&"[object Symbol]"==objectToString.call(value)}(value))return NaN;if(isObject(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=value.replace(reTrim,"");var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value}var lodash_debounce=function debounce(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var result=wait-(time-lastCallTime);return maxing?nativeMin(result,maxWait-(time-lastInvokeTime)):result}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return leadingEdge(lastCallTime);if(maxing)return timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced};function throttle(func,wait){return lodash_debounce(func,wait,{leading:!0,maxWait:wait,trailing:!0})}var isTouchDevice="undefined"!=typeof document&&"ontouchstart"in document.documentElement;function getMultipleTouchPosition(evt){var _a=evt.touches[0],clientX=_a.clientX,clientY=_a.clientY;if(evt.touches.length>=2){var _b=evt.touches[1],nextClientX=_b.clientX,nextClientY=_b.clientY;return{clientX:(clientX+nextClientX)/2,clientY:(clientY+nextClientY)/2,touchLength:Math.sqrt(Math.pow(nextClientX-clientX,2)+Math.pow(nextClientY-clientY,2))}}return{clientX:clientX,clientY:clientY,touchLength:0}}function getPositionOnMoveOrScale(_a){var x=_a.x,y=_a.y,clientX=_a.clientX,clientY=_a.clientY,_b=_a.offsetX,offsetX=void 0===_b?0:_b,_c=_a.offsetY,offsetY=void 0===_c?0:_c,fromScale=_a.fromScale,toScale=_a.toScale,centerClientX=window.innerWidth/2,centerClientY=window.innerHeight/2,offsetScale=toScale/fromScale;return{x:clientX-(clientX-(centerClientX+x))*offsetScale-centerClientX+offsetX,y:clientY-(clientY-(centerClientY+y))*offsetScale-centerClientY+offsetY,scale:toScale,lastMoveClientX:clientX,lastMoveClientY:clientY}}var CloseEdgeEnum,ReachTypeEnum,TouchStartEnum,ShowAnimateEnum;function getClosedEdge(position,scale,size,innerSize){var currentWidth=size*scale,outOffsetX=(currentWidth-innerSize)/2;return currentWidth<=innerSize?CloseEdgeEnum.Small:position>0&&outOffsetX-position<=0?CloseEdgeEnum.Before:position<0&&outOffsetX+position<=0?CloseEdgeEnum.After:CloseEdgeEnum.Normal}function getAnimateOrigin(originRect,width,height){if(originRect){var innerWidth_1=window.innerWidth,innerHeight_1=window.innerHeight;return(width-innerWidth_1)/2+originRect.clientX+"px "+((height-innerHeight_1)/2+originRect.clientY)+"px"}}function correctSuitablePosition(_a){var x=_a.x,y=_a.y;return _a.scale<=1?{x:0,y:0}:{x:x,y:y}}!function(CloseEdgeEnum){CloseEdgeEnum[CloseEdgeEnum.Normal=0]="Normal",CloseEdgeEnum[CloseEdgeEnum.Small=1]="Small",CloseEdgeEnum[CloseEdgeEnum.Before=2]="Before",CloseEdgeEnum[CloseEdgeEnum.After=3]="After"}(CloseEdgeEnum||(CloseEdgeEnum={})),function(ReachTypeEnum){ReachTypeEnum[ReachTypeEnum.Normal=0]="Normal",ReachTypeEnum[ReachTypeEnum.XReach=1]="XReach",ReachTypeEnum[ReachTypeEnum.YReach=2]="YReach"}(ReachTypeEnum||(ReachTypeEnum={})),function(TouchStartEnum){TouchStartEnum[TouchStartEnum.Normal=0]="Normal",TouchStartEnum[TouchStartEnum.X=1]="X",TouchStartEnum[TouchStartEnum.YPush=2]="YPush",TouchStartEnum[TouchStartEnum.YPull=3]="YPull"}(TouchStartEnum||(TouchStartEnum={})),function(ShowAnimateEnum){ShowAnimateEnum[ShowAnimateEnum.None=0]="None",ShowAnimateEnum[ShowAnimateEnum.In=1]="In",ShowAnimateEnum[ShowAnimateEnum.Out=2]="Out"}(ShowAnimateEnum||(ShowAnimateEnum={}));var initialState={naturalWidth:1,naturalHeight:1,width:1,height:1,loaded:!1,broken:!1,x:0,y:0,scale:1,touched:!1,maskTouched:!1,clientX:0,clientY:0,lastX:0,lastY:0,lastMoveClientX:0,lastMoveClientY:0,touchedTime:0,lastTouchLength:0,reachState:ReachTypeEnum.Normal},PhotoView=function(_super){function PhotoView(props){var _this=_super.call(this,props)||this;return _this.state=initialState,_this.initialTouchState=TouchStartEnum.Normal,_this.handleImageLoad=function(imageParams){_this.setState(imageParams)},_this.handleResize=function(){var _a=_this.props,onPhotoResize=_a.onPhotoResize,rotate=_a.rotate,_b=_this.state,loaded=_b.loaded,naturalWidth=_b.naturalWidth,naturalHeight=_b.naturalHeight;loaded&&(_this.setState(getSuitableImageSize(naturalWidth,naturalHeight,rotate)),onPhotoResize&&onPhotoResize())},_this.handleStart=function(clientX,clientY,touchLength){void 0===touchLength&&(touchLength=0),_this.setState((function(prevState){return{touched:!0,clientX:clientX,clientY:clientY,lastMoveClientX:clientX,lastMoveClientY:clientY,lastX:prevState.x,lastY:prevState.y,lastTouchLength:touchLength,touchedTime:Date.now()}}))},_this.onMove=function(newClientX,newClientY,touchLength){var _a;void 0===touchLength&&(touchLength=0);var _b=_this.props,onReachMove=_b.onReachMove,isActive=_b.isActive,rotate=_b.rotate,_c=_this.state,naturalWidth=_c.naturalWidth,x=_c.x,y=_c.y,clientX=_c.clientX,clientY=_c.clientY,lastMoveClientX=_c.lastMoveClientX,lastMoveClientY=_c.lastMoveClientY,lastX=_c.lastX,lastY=_c.lastY,scale=_c.scale,lastTouchLength=_c.lastTouchLength,reachState=_c.reachState,touched=_c.touched,maskTouched=_c.maskTouched;if((touched||maskTouched)&&isActive){var _d=_this.state,width=_d.width,height=_d.height;if(rotate%180!=0&&(width=(_a=[height,width])[0],height=_a[1]),0===touchLength&&_this.initialTouchState===TouchStartEnum.Normal){var isStillX=Math.abs(newClientX-clientX)<=10,isStillY=Math.abs(newClientY-clientY)<=10;if(isStillX&&isStillY)return void _this.setState({lastMoveClientX:newClientX,lastMoveClientY:newClientY});_this.initialTouchState=isStillX?newClientY>clientY?TouchStartEnum.YPull:TouchStartEnum.YPush:TouchStartEnum.X}var offsetX=newClientX-lastMoveClientX,offsetY=newClientY-lastMoveClientY,currentReachState=ReachTypeEnum.Normal;if(0===touchLength){var horizontalCloseEdge=getClosedEdge(offsetX+lastX,scale,width,window.innerWidth),verticalCloseEdge=getClosedEdge(offsetY+lastY,scale,height,window.innerHeight);(currentReachState=function getReachType(_a){var initialTouchState=_a.initialTouchState,horizontalCloseEdge=_a.horizontalCloseEdge,verticalCloseEdge=_a.verticalCloseEdge,reachState=_a.reachState;return horizontalCloseEdge>0&&initialTouchState===TouchStartEnum.X||reachState===ReachTypeEnum.XReach?ReachTypeEnum.XReach:verticalCloseEdge>0&&(initialTouchState===TouchStartEnum.YPull||initialTouchState===TouchStartEnum.YPush)||reachState===ReachTypeEnum.YReach?ReachTypeEnum.YReach:ReachTypeEnum.Normal}({initialTouchState:_this.initialTouchState,horizontalCloseEdge:horizontalCloseEdge,verticalCloseEdge:verticalCloseEdge,reachState:reachState}))!=ReachTypeEnum.Normal&&onReachMove(currentReachState,newClientX,newClientY,scale)}if(currentReachState===ReachTypeEnum.XReach||maskTouched)_this.setState({reachState:ReachTypeEnum.XReach});else{var endScale=scale+(touchLength-lastTouchLength)/100/2*scale,toScale=Math.max(Math.min(endScale,Math.max(6,naturalWidth/width)),.8);_this.setState(__assign({lastTouchLength:touchLength,reachState:currentReachState},getPositionOnMoveOrScale({x:x,y:y,clientX:newClientX,clientY:newClientY,offsetX:offsetX,offsetY:offsetY,fromScale:scale,toScale:toScale})))}}},_this.onPhotoTap=function(clientX,clientY){var onPhotoTap=_this.props.onPhotoTap;onPhotoTap&&onPhotoTap(clientX,clientY)},_this.onDoubleTap=function(clientX,clientY){var _a=_this.state,width=_a.width,naturalWidth=_a.naturalWidth,x=_a.x,y=_a.y,scale=_a.scale;if(_a.reachState===ReachTypeEnum.Normal){var position=getPositionOnMoveOrScale({x:x,y:y,clientX:clientX,clientY:clientY,fromScale:scale,toScale:1!==scale?1:Math.max(2,naturalWidth/width)});_this.setState(__assign(__assign({clientX:clientX,clientY:clientY},position),correctSuitablePosition(position)))}},_this.handleWheel=function(e){var clientX=e.clientX,clientY=e.clientY,deltaY=e.deltaY,_a=_this.state,width=_a.width,naturalWidth=_a.naturalWidth;_a.reachState===ReachTypeEnum.Normal&&_this.setState((function(_a){var x=_a.x,y=_a.y,scale=_a.scale,endScale=scale-deltaY/100/2,toScale=Math.max(Math.min(endScale,Math.max(6,naturalWidth/width)),1),position=getPositionOnMoveOrScale({x:x,y:y,clientX:clientX,clientY:clientY,fromScale:scale,toScale:toScale});return __assign(__assign({clientX:clientX,clientY:clientY},position),correctSuitablePosition(position))}))},_this.handleMaskStart=function(clientX,clientY){_this.setState((function(prevState){return{maskTouched:!0,clientX:clientX,clientY:clientY,lastX:prevState.x,lastY:prevState.y}}))},_this.handleMaskMouseDown=function(e){_this.handleMaskStart(e.clientX,e.clientY)},_this.handleMaskTouchStart=function(e){var _a=e.touches[0],clientX=_a.clientX,clientY=_a.clientY;_this.handleMaskStart(clientX,clientY)},_this.handleTouchStart=function(e){var _a=getMultipleTouchPosition(e),clientX=_a.clientX,clientY=_a.clientY,touchLength=_a.touchLength;_this.handleStart(clientX,clientY,touchLength)},_this.handleMouseDown=function(e){e.preventDefault(),_this.handleStart(e.clientX,e.clientY,0)},_this.handleTouchMove=function(e){e.preventDefault();var _a=getMultipleTouchPosition(e),clientX=_a.clientX,clientY=_a.clientY,touchLength=_a.touchLength;_this.onMove(clientX,clientY,touchLength)},_this.handleMouseMove=function(e){e.preventDefault(),_this.onMove(e.clientX,e.clientY)},_this.handleUp=function(newClientX,newClientY){_this.initialTouchState=TouchStartEnum.Normal;var _a=_this.props,onReachUp=_a.onReachUp,onPhotoTap=_a.onPhotoTap,onMaskTap=_a.onMaskTap,isActive=_a.isActive,rotate=_a.rotate,_b=_this.state,width=_b.width,height=_b.height,naturalWidth=_b.naturalWidth,x=_b.x,y=_b.y,lastX=_b.lastX,lastY=_b.lastY,scale=_b.scale,touchedTime=_b.touchedTime,clientX=_b.clientX,clientY=_b.clientY,touched=_b.touched,maskTouched=_b.maskTouched;if((touched||maskTouched)&&isActive){var hasMove_1=clientX!==newClientX||clientY!==newClientY;_this.setState(__assign({touched:!1,maskTouched:!1,scale:Math.max(Math.min(scale,Math.max(6,naturalWidth/width)),1),reachState:ReachTypeEnum.Normal},hasMove_1?function slideToPosition(_a){var _b,x=_a.x,y=_a.y,lastX=_a.lastX,lastY=_a.lastY,width=_a.width,height=_a.height,scale=_a.scale,rotate=_a.rotate,touchedTime=_a.touchedTime,moveTime=Date.now()-touchedTime,speedX=(x-lastX)/moveTime,speedY=(y-lastY)/moveTime,slideTimeX=Math.abs(speedX/.005),slideTimeY=Math.abs(speedY/.005),planX=Math.floor(x+speedX*slideTimeX),planY=Math.floor(y+speedY*slideTimeY);rotate%180!=0&&(width=(_b=[height,width])[0],height=_b[1]);var currentX=planX,currentY=planY,innerWidth=window.innerWidth,innerHeight=window.innerHeight,outOffsetX=(width*scale-innerWidth)/2,outOffsetY=(height*scale-innerHeight)/2,horizontalCloseEdge=getClosedEdge(planX,scale,width,innerWidth),verticalCloseEdge=getClosedEdge(planY,scale,height,innerHeight);return horizontalCloseEdge===CloseEdgeEnum.Small?currentX=0:horizontalCloseEdge===CloseEdgeEnum.Before?currentX=outOffsetX:horizontalCloseEdge===CloseEdgeEnum.After&&(currentX=-outOffsetX),verticalCloseEdge===CloseEdgeEnum.Small?currentY=0:verticalCloseEdge===CloseEdgeEnum.Before?currentY=outOffsetY:verticalCloseEdge===CloseEdgeEnum.After&&(currentY=-outOffsetY),moveTime>=200&&horizontalCloseEdge===CloseEdgeEnum.Normal&&verticalCloseEdge===CloseEdgeEnum.Normal?{x:x,y:y}:{x:currentX,y:currentY}}({x:x,y:y,lastX:lastX,lastY:lastY,width:width,height:height,scale:scale,rotate:rotate,touchedTime:touchedTime}):{x:x,y:y}),(function(){onReachUp&&onReachUp(newClientX,newClientY),hasMove_1||(touched&&onPhotoTap?_this.handlePhotoTap(newClientX,newClientY):maskTouched&&onMaskTap&&onMaskTap(newClientX,newClientY))}))}},_this.handleTouchEnd=function(e){var _a=e.changedTouches[0],clientX=_a.clientX,clientY=_a.clientY;_this.handleUp(clientX,clientY)},_this.handleMouseUp=function(e){var clientX=e.clientX,clientY=e.clientY;_this.handleUp(clientX,clientY)},_this.onMove=throttle(_this.onMove,8),_this.handleResize=throttle(_this.handleResize,8),_this.handlePhotoTap=function withContinuousTap(singleTap,doubleTap){var continuousClick=0,withDebounceTap=lodash_debounce((function(){for(var args=[],_i=0;_i<arguments.length;_i++)args[_i]=arguments[_i];continuousClick=0,singleTap.apply(void 0,args)}),300);return function invokeTap(){for(var args=[],_i=0;_i<arguments.length;_i++)args[_i]=arguments[_i];continuousClick+=1,withDebounceTap.apply(void 0,args),continuousClick>=2&&(withDebounceTap.cancel(),continuousClick=0,doubleTap.apply(void 0,args))}}(_this.onPhotoTap,_this.onDoubleTap),_this}return __extends(PhotoView,_super),PhotoView.prototype.componentDidMount=function(){isTouchDevice?(window.addEventListener("touchmove",this.handleTouchMove,{passive:!1}),window.addEventListener("touchend",this.handleTouchEnd,{passive:!1})):(window.addEventListener("mousemove",this.handleMouseMove),window.addEventListener("mouseup",this.handleMouseUp)),window.addEventListener("resize",this.handleResize)},PhotoView.prototype.componentDidUpdate=function(prevProps){var rotate=this.props.rotate;if(rotate!==prevProps.rotate){var _a=this.state,naturalWidth=_a.naturalWidth,naturalHeight=_a.naturalHeight;this.setState(getSuitableImageSize(naturalWidth,naturalHeight,rotate))}},PhotoView.prototype.componentWillUnmount=function(){window.removeEventListener("touchmove",this.handleTouchMove),window.removeEventListener("touchend",this.handleTouchEnd),window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("mouseup",this.handleMouseUp),window.removeEventListener("resize",this.handleResize)},PhotoView.prototype.render=function(){var _a=this.props,src=_a.src,viewClassName=_a.viewClassName,className=_a.className,style=_a.style,rotate=_a.rotate,loadingElement=_a.loadingElement,brokenElement=_a.brokenElement,isActive=_a.isActive,showAnimateType=_a.showAnimateType,originRect=_a.originRect,_b=this.state,width=_b.width,height=_b.height,loaded=_b.loaded,x=_b.x,y=_b.y,scale=_b.scale,touched=_b.touched,broken=_b.broken,transform="translate3d("+x+"px, "+y+"px, 0) scale("+scale+") rotate("+rotate+"deg)";return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("PhotoView__PhotoWrap",viewClassName),style:style},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView__PhotoMask",onMouseDown:!isTouchDevice&&isActive?this.handleMaskMouseDown:void 0,onTouchStart:isTouchDevice&&isActive?this.handleMaskTouchStart:void 0}),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("PhotoView__PhotoBox",{PhotoView__animateIn:loaded&&showAnimateType===ShowAnimateEnum.In,PhotoView__animateOut:loaded&&showAnimateType===ShowAnimateEnum.Out}),style:{transformOrigin:loaded?getAnimateOrigin(originRect,0,0):void 0}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Photo,{className:className,src:src,width:width,height:height,loaded:loaded,broken:broken,rotate:rotate,onMouseDown:isTouchDevice?void 0:this.handleMouseDown,onTouchStart:isTouchDevice?this.handleTouchStart:void 0,onWheel:this.handleWheel,style:{WebkitTransform:transform,transform:transform,transition:touched?void 0:"transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)"},onImageLoad:this.handleImageLoad,loadingElement:loadingElement,brokenElement:brokenElement})))},PhotoView.displayName="PhotoView",PhotoView}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component),SlideWrap=function(_a){var className=_a.className,children=_a.children,restProps=__rest(_a,["className","children"]),dialogNode=react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(document.createElement("section")),originalOverflowCallback=react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef("");return react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect((function(){document.body.appendChild(dialogNode.current);var style=document.body.style;return originalOverflowCallback.current=style.overflow,style.overflow="hidden",function(){style.overflow=originalOverflowCallback.current,document.body.removeChild(dialogNode.current)}}),[]),Object(react_dom__WEBPACK_IMPORTED_MODULE_2__.createPortal)(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",__assign({className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("PhotoView-SlideWrap",className)},restProps),children),dialogNode.current)};function VisibleAnimationHandle(_a){var visible=_a.visible,currentImage=_a.currentImage,children=_a.children,_b=react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(visible),photoVisible=_b[0],updatePhotoVisible=_b[1],_c=react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(ShowAnimateEnum.None),showAnimateType=_c[0],updateAnimateStatus=_c[1],_d=react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(),originRect=_d[0],updateOriginRect=_d[1];return react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect((function(){if(currentImage){var originRef=currentImage.originRef;if(originRef&&1===originRef.nodeType){var _a=originRef.getBoundingClientRect(),top_1=_a.top,left=_a.left,width=_a.width,height=_a.height;updateOriginRect({clientX:left+width/2,clientY:top_1+height/2})}else originRect&&!originRef&&updateOriginRect(void 0);visible?(updateAnimateStatus(ShowAnimateEnum.In),updatePhotoVisible(!0)):updateAnimateStatus(ShowAnimateEnum.Out)}}),[visible]),children({photoVisible:photoVisible,showAnimateType:showAnimateType,originRect:originRect,onShowAnimateEnd:function onShowAnimateEnd(){updateAnimateStatus(ShowAnimateEnum.None),showAnimateType===ShowAnimateEnum.Out&&updatePhotoVisible(!1)}})}function Close(props){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",__assign({version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"44",height:"44",viewBox:"0 0 768 768"},props),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{fill:"#FFF",d:"M607.5 205.5l-178.5 178.5 178.5 178.5-45 45-178.5-178.5-178.5 178.5-45-45 178.5-178.5-178.5-178.5 45-45 178.5 178.5 178.5-178.5z"}))}function ArrowLeft(props){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",__assign({version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"44",height:"44",viewBox:"0 0 768 768"},props),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{d:"M640.5 352.5v63h-390l178.5 180-45 45-256.5-256.5 256.5-256.5 45 45-178.5 180h390z"}))}function ArrowRight(props){return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("svg",__assign({version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"44",height:"44",viewBox:"0 0 768 768"},props),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path",{d:"M384 127.5l256.5 256.5-256.5 256.5-45-45 178.5-180h-390v-63h390l-178.5-180z"}))}SlideWrap.displayName="SlideWrap";var PhotoSlider=function(_super){function PhotoSlider(props){var _this=_super.call(this,props)||this;return _this.handleClose=function(evt){var onClose=_this.props.onClose,backdropOpacity=_this.state.backdropOpacity;onClose(evt),_this.setState({overlayVisible:!0,lastBackdropOpacity:backdropOpacity})},_this.handlePhotoTap=function(){_this.props.photoClosable?_this.handleClose():_this.setState((function(prevState){return{overlayVisible:!prevState.overlayVisible}}))},_this.handlePhotoMaskTap=function(){_this.props.maskClosable&&_this.handleClose()},_this.handleResize=function(){var innerWidth=window.innerWidth;_this.setState((function(_a){var photoIndex=_a.photoIndex;return{translateX:-(innerWidth+20)*photoIndex,lastClientX:void 0,lastClientY:void 0,shouldTransition:!1}}))},_this.handleRotate=function(rotating){var _a=_this.state,photoIndex=_a.photoIndex,rotatingMap=_a.rotatingMap;rotatingMap.set(photoIndex,rotating),_this.setState({rotatingMap:rotatingMap})},_this.handleKeyDown=function(evt){if(_this.props.visible)switch(evt.key){case"ArrowLeft":_this.handlePrevious(!1);break;case"ArrowRight":_this.handleNext(!1);break;case"Escape":_this.handleClose()}},_this.handleReachVerticalMove=function(clientY,scale){_this.setState((function(_a){var lastClientY=_a.lastClientY,backdropOpacity=_a.backdropOpacity;if(void 0===lastClientY)return{touched:!0,lastClientY:clientY,backdropOpacity:backdropOpacity,canPullClose:!0};var offsetClientY=Math.abs(clientY-lastClientY),opacity=Math.max(Math.min(1,1-offsetClientY/100/4),0);return{touched:!0,lastClientY:lastClientY,backdropOpacity:1===scale?opacity:1,canPullClose:1===scale}}))},_this.handleReachHorizontalMove=function(clientX){var innerWidth=window.innerWidth,images=_this.props.images;_this.setState((function(_a){var lastClientX=_a.lastClientX,translateX=_a.translateX,photoIndex=_a.photoIndex;if(void 0===lastClientX)return{touched:!0,lastClientX:clientX,translateX:translateX,shouldTransition:!0};var originOffsetClientX=clientX-lastClientX,offsetClientX=originOffsetClientX;return(0===photoIndex&&originOffsetClientX>0||photoIndex===images.length-1&&originOffsetClientX<0)&&(offsetClientX=originOffsetClientX/2),{touched:!0,lastClientX:lastClientX,translateX:-(innerWidth+20)*photoIndex+offsetClientX,shouldTransition:!0}}))},_this.handleIndexChange=function(photoIndex,shouldTransition){void 0===shouldTransition&&(shouldTransition=!0);var translateX=-(window.innerWidth+20)*photoIndex;_this.setState({touched:!1,lastClientX:void 0,lastClientY:void 0,translateX:translateX,photoIndex:photoIndex,shouldTransition:shouldTransition});var onIndexChange=_this.props.onIndexChange;onIndexChange&&onIndexChange(photoIndex)},_this.handlePrevious=function(shouldTransition){var photoIndex=_this.state.photoIndex;photoIndex>0&&_this.handleIndexChange(photoIndex-1,shouldTransition)},_this.handleNext=function(shouldTransition){var images=_this.props.images,photoIndex=_this.state.photoIndex;photoIndex<images.length-1&&_this.handleIndexChange(photoIndex+1,shouldTransition)},_this.handleReachMove=function(reachState,clientX,clientY,scale){reachState===ReachTypeEnum.XReach?_this.handleReachHorizontalMove(clientX):reachState===ReachTypeEnum.YReach&&_this.handleReachVerticalMove(clientY,scale)},_this.handleReachUp=function(clientX,clientY){var images=_this.props.images,_a=_this.state,_b=_a.lastClientX,lastClientX=void 0===_b?clientX:_b,_c=_a.lastClientY,lastClientY=void 0===_c?clientY:_c,photoIndex=_a.photoIndex,overlayVisible=_a.overlayVisible,canPullClose=_a.canPullClose,offsetClientX=clientX-lastClientX,offsetClientY=clientY-lastClientY,willClose=!1;if(offsetClientX<-40&&photoIndex<images.length-1)_this.handleIndexChange(photoIndex+1);else if(offsetClientX>40&&photoIndex>0)_this.handleIndexChange(photoIndex-1);else{var currentTranslateX=-(window.innerWidth+20)*photoIndex,currentPhotoIndex=photoIndex;Math.abs(offsetClientY)>.14*window.innerHeight&&canPullClose&&(willClose=!0,_this.handleClose()),_this.setState({touched:!1,translateX:currentTranslateX,photoIndex:currentPhotoIndex,lastClientX:void 0,lastClientY:void 0,backdropOpacity:1,overlayVisible:!!willClose||overlayVisible})}},_this.state={translateX:0,photoIndex:0,touched:!1,shouldTransition:!0,lastClientX:void 0,lastClientY:void 0,backdropOpacity:1,lastBackdropOpacity:1,overlayVisible:!0,canPullClose:!0,rotatingMap:new Map},_this}return __extends(PhotoSlider,_super),PhotoSlider.getDerivedStateFromProps=function(nextProps,prevState){return void 0!==nextProps.index&&nextProps.index!==prevState.photoIndex?{photoIndex:nextProps.index,translateX:-(window.innerWidth+20)*nextProps.index}:null},PhotoSlider.prototype.componentDidMount=function(){var _a=this.props.index,index=void 0===_a?0:_a;this.setState({translateX:index*-(window.innerWidth+20),photoIndex:index}),window.addEventListener("keydown",this.handleKeyDown)},PhotoSlider.prototype.componentWillUnmount=function(){window.removeEventListener("keydown",this.handleKeyDown)},PhotoSlider.prototype.render=function(){var _this=this,_a=this.props,images=_a.images,visible=_a.visible,className=_a.className,maskClassName=_a.maskClassName,viewClassName=_a.viewClassName,imageClassName=_a.imageClassName,bannerVisible=_a.bannerVisible,introVisible=_a.introVisible,overlayRender=_a.overlayRender,toolbarRender=_a.toolbarRender,loadingElement=_a.loadingElement,brokenElement=_a.brokenElement,_b=this.state,translateX=_b.translateX,touched=_b.touched,photoIndex=_b.photoIndex,backdropOpacity=_b.backdropOpacity,lastBackdropOpacity=_b.lastBackdropOpacity,overlayVisible=_b.overlayVisible,rotatingMap=_b.rotatingMap,shouldTransition=_b.shouldTransition,imageLength=images.length,currentImage=images.length?images[photoIndex]:void 0,transform="translate3d("+translateX+"px, 0px, 0)",overlayIntro=currentImage&¤tImage.intro;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(VisibleAnimationHandle,{visible:visible,currentImage:currentImage},(function(_a){var photoVisible=_a.photoVisible,showAnimateType=_a.showAnimateType,originRect=_a.originRect,onShowAnimateEnd=_a.onShowAnimateEnd;if(photoVisible){var innerWidth_1=window.innerWidth,currentOverlayVisible=overlayVisible&&showAnimateType===ShowAnimateEnum.None,currentOpacity=visible?backdropOpacity:lastBackdropOpacity,overlayParams={images:images,index:photoIndex,visible:visible,onClose:_this.handleClose,onIndexChange:_this.handleIndexChange,overlayVisible:currentOverlayVisible,onRotate:_this.handleRotate,rotate:rotatingMap.get(photoIndex)||0};return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SlideWrap,{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()({"PhotoView-PhotoSlider__clean":!currentOverlayVisible,"PhotoView-PhotoSlider__willClose":!visible},className),role:"dialog",id:"PhotoView_Slider",onClick:function(e){return e.stopPropagation()}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()("PhotoView-PhotoSlider__Backdrop",maskClassName,{"PhotoView-PhotoSlider__fadeIn":showAnimateType===ShowAnimateEnum.In,"PhotoView-PhotoSlider__fadeOut":showAnimateType===ShowAnimateEnum.Out}),style:{background:"rgba(0, 0, 0, "+currentOpacity+")"},onAnimationEnd:onShowAnimateEnd}),bannerVisible&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__BannerWrap"},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__Counter"},photoIndex+1," / ",imageLength),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__BannerRight"},toolbarRender&&toolbarRender(overlayParams),react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Close,{className:"PhotoView-PhotoSlider__toolbarIcon",onClick:_this.handleClose}))),images.slice(Math.max(photoIndex-1,0),Math.min(photoIndex+2,imageLength+1)).map((function(item,index){var realIndex=0===photoIndex?photoIndex+index:photoIndex-1+index;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PhotoView,{key:item.key||realIndex,src:item.src,onReachMove:_this.handleReachMove,onReachUp:_this.handleReachUp,onPhotoTap:_this.handlePhotoTap,onMaskTap:_this.handlePhotoMaskTap,viewClassName:viewClassName,className:imageClassName,style:{left:(innerWidth_1+20)*realIndex+"px",WebkitTransform:transform,transform:transform,transition:touched||!shouldTransition?void 0:"transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)"},loadingElement:loadingElement,brokenElement:brokenElement,onPhotoResize:_this.handleResize,isActive:photoIndex===realIndex,showAnimateType:showAnimateType,originRect:originRect,rotate:rotatingMap.get(realIndex)||0})})),!isTouchDevice&&bannerVisible&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment,null,0!==photoIndex&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__ArrowLeft",onClick:function(){return _this.handlePrevious(!1)}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ArrowLeft,null)),photoIndex+1<imageLength&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__ArrowRight",onClick:function(){return _this.handleNext(!1)}},react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ArrowRight,null))),Boolean(introVisible&&overlayIntro)&&react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div",{className:"PhotoView-PhotoSlider__FooterWrap"},overlayIntro),overlayRender&&overlayRender(overlayParams))}return null}))},PhotoSlider.displayName="PhotoSlider",PhotoSlider.defaultProps={maskClosable:!0,photoClosable:!1,bannerVisible:!0,introVisible:!0},PhotoSlider}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component),PhotoProvider=function(_super){function PhotoProvider(props){var _this=_super.call(this,props)||this;return _this.handleAddItem=function(imageItem){_this.setState((function(prev){return{images:prev.images.concat(imageItem)}}))},_this.handleRemoveItem=function(key){_this.setState((function(_a){var images=_a.images,index=_a.index,nextImages=images.filter((function(item){return item.key!==key})),nextEndIndex=nextImages.length-1;return{images:nextImages,index:Math.min(nextEndIndex,index)}}))},_this.handleShow=function(key){var images=_this.state.images;_this.setState({visible:!0,index:images.findIndex((function(item){return item.key===key}))})},_this.handleClose=function(){_this.setState({visible:!1})},_this.handleIndexChange=function(index){_this.setState({index:index})},_this.state={images:[],visible:!1,index:0,addItem:_this.handleAddItem,removeItem:_this.handleRemoveItem,onShow:_this.handleShow},_this}return __extends(PhotoProvider,_super),PhotoProvider.prototype.render=function(){var _a=this.props,children=_a.children,restProps=__rest(_a,["children"]),_b=this.state,images=_b.images,visible=_b.visible,index=_b.index;return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PhotoContext.Provider,{value:this.state},children,react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PhotoSlider,__assign({images:images,visible:visible,index:index,onIndexChange:this.handleIndexChange,onClose:this.handleClose},restProps)))},PhotoProvider}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component),freeGlobal$1="object"==typeof commonjsGlobal&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal,freeSelf$1="object"==typeof self&&self&&self.Object===Object&&self,root$1=freeGlobal$1||freeSelf$1||Function("return this")(),objectProto$1=Object.prototype,idCounter=0,objectToString$1=objectProto$1.toString,Symbol=root$1.Symbol,symbolProto=Symbol?Symbol.prototype:void 0,symbolToString=symbolProto?symbolProto.toString:void 0;function baseToString(value){if("string"==typeof value)return value;if(function isSymbol$1(value){return"symbol"==typeof value||function isObjectLike$1(value){return!!value&&"object"==typeof value}(value)&&"[object Symbol]"==objectToString$1.call(value)}(value))return symbolToString?symbolToString.call(value):"";var result=value+"";return"0"==result&&1/value==-1/0?"-0":result}var lodash_uniqueid=function uniqueId(prefix){var id=++idCounter;return function toString(value){return null==value?"":baseToString(value)}(prefix)+id},PhotoConsumer=function(_a){var src=_a.src,intro=_a.intro,children=_a.children,photoContext=react__WEBPACK_IMPORTED_MODULE_0___default.a.useContext(PhotoContext),key=react__WEBPACK_IMPORTED_MODULE_0___default.a.useMemo((function(){return lodash_uniqueid()}),[]),_b=react__WEBPACK_IMPORTED_MODULE_0___default.a.useState({clientX:void 0,clientY:void 0}),position=_b[0],updatePosition=_b[1],photoTriggerRef=react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0___default.a.useEffect((function(){return photoContext.addItem({key:key,src:src,originRef:photoTriggerRef.current,intro:intro}),function(){photoContext.removeItem(key)}}),[]),children?react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.only(react__WEBPACK_IMPORTED_MODULE_0___default.a.cloneElement(children,isTouchDevice?{onTouchStart:function handleTouchStart(e){var _a=e.touches[0],clientX=_a.clientX,clientY=_a.clientY;if(updatePosition({clientX:clientX,clientY:clientY}),children){var onTouchStart=children.props.onTouchStart;onTouchStart&&onTouchStart(e)}},onTouchEnd:function handleTouchEnd(e){var _a=e.changedTouches[0],clientX=_a.clientX,clientY=_a.clientY;if(position.clientX===clientX&&position.clientY===clientY&&photoContext.onShow(key),children){var onTouchEnd=children.props.onTouchEnd;onTouchEnd&&onTouchEnd(e)}},ref:photoTriggerRef}:{onClick:function handleClick(e){if(photoContext.onShow(key),children){var onClick=children.props.onClick;onClick&&onClick(e)}},ref:photoTriggerRef})):null}}).call(this,__webpack_require__(23))},288:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/default-photo.e311d844.svg"},444:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/1.f54ca634.jpg"},445:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/2.d756724a.jpg"},446:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/3.e0697c82.jpg"},447:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/4.19aeca26.png"},448:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/5.af5ba578.jpg"},449:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/6.e4391da3.png"},450:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/7.1bd0715f.jpg"},451:function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/8.6aa6b387.jpg"},454:function(module,exports,__webpack_require__){__webpack_require__(455),__webpack_require__(598),__webpack_require__(599),__webpack_require__(1250),module.exports=__webpack_require__(1251)},517:function(module,exports){}},[[454,1,2]]]);
- //# sourceMappingURL=main.9f4b0b7e4735fd082521.bundle.js.map
|
