| 12 |
- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[878],{8126:function(module){!function(){"use strict";var e={114:function(e){function assertPath(e){if("string"!=typeof e)throw TypeError("Path must be a string. Received "+JSON.stringify(e))}function normalizeStringPosix(e,r){for(var f,t="",i=0,n=-1,a=0,l=0;l<=e.length;++l){if(l<e.length)f=e.charCodeAt(l);else if(47===f)break;else f=47;if(47===f){if(n===l-1||1===a);else if(n!==l-1&&2===a){if(t.length<2||2!==i||46!==t.charCodeAt(t.length-1)||46!==t.charCodeAt(t.length-2)){if(t.length>2){var s=t.lastIndexOf("/");if(s!==t.length-1){-1===s?(t="",i=0):i=(t=t.slice(0,s)).length-1-t.lastIndexOf("/"),n=l,a=0;continue}}else if(2===t.length||1===t.length){t="",i=0,n=l,a=0;continue}}r&&(t.length>0?t+="/..":t="..",i=2)}else t.length>0?t+="/"+e.slice(n+1,l):t=e.slice(n+1,l),i=l-n-1;n=l,a=0}else 46===f&&-1!==a?++a:a=-1}return t}var r={resolve:function(){for(var t,n,e="",r=!1,i=arguments.length-1;i>=-1&&!r;i--)i>=0?n=arguments[i]:(void 0===t&&(t=""),n=t),assertPath(n),0!==n.length&&(e=n+"/"+e,r=47===n.charCodeAt(0));return(e=normalizeStringPosix(e,!r),r)?e.length>0?"/"+e:"/":e.length>0?e:"."},normalize:function(e){if(assertPath(e),0===e.length)return".";var r=47===e.charCodeAt(0),t=47===e.charCodeAt(e.length-1);return(0!==(e=normalizeStringPosix(e,!r)).length||r||(e="."),e.length>0&&t&&(e+="/"),r)?"/"+e:e},isAbsolute:function(e){return assertPath(e),e.length>0&&47===e.charCodeAt(0)},join:function(){if(0==arguments.length)return".";for(var e,t=0;t<arguments.length;++t){var i=arguments[t];assertPath(i),i.length>0&&(void 0===e?e=i:e+="/"+i)}return void 0===e?".":r.normalize(e)},relative:function(e,t){if(assertPath(e),assertPath(t),e===t||(e=r.resolve(e))===(t=r.resolve(t)))return"";for(var i=1;i<e.length&&47===e.charCodeAt(i);++i);for(var n=e.length,a=n-i,f=1;f<t.length&&47===t.charCodeAt(f);++f);for(var s=t.length-f,o=a<s?a:s,u=-1,h=0;h<=o;++h){if(h===o){if(s>o){if(47===t.charCodeAt(f+h))return t.slice(f+h+1);if(0===h)return t.slice(f+h)}else a>o&&(47===e.charCodeAt(i+h)?u=h:0===h&&(u=0));break}var c=e.charCodeAt(i+h);if(c!==t.charCodeAt(f+h))break;47===c&&(u=h)}var g="";for(h=i+u+1;h<=n;++h)(h===n||47===e.charCodeAt(h))&&(0===g.length?g+="..":g+="/..");return g.length>0?g+t.slice(f+u):(f+=u,47===t.charCodeAt(f)&&++f,t.slice(f))},_makeLong:function(e){return e},dirname:function(e){if(assertPath(e),0===e.length)return".";for(var r=e.charCodeAt(0),t=47===r,i=-1,n=!0,a=e.length-1;a>=1;--a)if(47===(r=e.charCodeAt(a))){if(!n){i=a;break}}else n=!1;return -1===i?t?"/":".":t&&1===i?"//":e.slice(0,i)},basename:function(e,r){if(void 0!==r&&"string"!=typeof r)throw TypeError('"ext" argument must be a string');assertPath(e);var a,t=0,i=-1,n=!0;if(void 0!==r&&r.length>0&&r.length<=e.length){if(r.length===e.length&&r===e)return"";var f=r.length-1,l=-1;for(a=e.length-1;a>=0;--a){var s=e.charCodeAt(a);if(47===s){if(!n){t=a+1;break}}else -1===l&&(n=!1,l=a+1),f>=0&&(s===r.charCodeAt(f)?-1==--f&&(i=a):(f=-1,i=l))}return t===i?i=l:-1===i&&(i=e.length),e.slice(t,i)}for(a=e.length-1;a>=0;--a)if(47===e.charCodeAt(a)){if(!n){t=a+1;break}}else -1===i&&(n=!1,i=a+1);return -1===i?"":e.slice(t,i)},extname:function(e){assertPath(e);for(var r=-1,t=0,i=-1,n=!0,a=0,f=e.length-1;f>=0;--f){var l=e.charCodeAt(f);if(47===l){if(!n){t=f+1;break}continue}-1===i&&(n=!1,i=f+1),46===l?-1===r?r=f:1!==a&&(a=1):-1!==r&&(a=-1)}return -1===r||-1===i||0===a||1===a&&r===i-1&&r===t+1?"":e.slice(r,i)},format:function(e){var t,i;if(null===e||"object"!=typeof e)throw TypeError('The "pathObject" argument must be of type Object. Received type '+typeof e);return t=e.dir||e.root,i=e.base||(e.name||"")+(e.ext||""),t?t===e.root?t+i:t+"/"+i:i},parse:function(e){assertPath(e);var n,r={root:"",dir:"",base:"",ext:"",name:""};if(0===e.length)return r;var t=e.charCodeAt(0),i=47===t;i?(r.root="/",n=1):n=0;for(var a=-1,f=0,l=-1,s=!0,o=e.length-1,u=0;o>=n;--o){if(47===(t=e.charCodeAt(o))){if(!s){f=o+1;break}continue}-1===l&&(s=!1,l=o+1),46===t?-1===a?a=o:1!==u&&(u=1):-1!==a&&(u=-1)}return -1===a||-1===l||0===u||1===u&&a===l-1&&a===f+1?-1!==l&&(0===f&&i?r.base=r.name=e.slice(1,l):r.base=r.name=e.slice(f,l)):(0===f&&i?(r.name=e.slice(1,a),r.base=e.slice(1,l)):(r.name=e.slice(f,a),r.base=e.slice(f,l)),r.ext=e.slice(a,l)),f>0?r.dir=e.slice(0,f-1):i&&(r.dir="/"),r},sep:"/",delimiter:":",win32:null,posix:null};r.posix=r,e.exports=r}},r={};function __nccwpck_require__(t){var i=r[t];if(void 0!==i)return i.exports;var n=r[t]={exports:{}},a=!0;try{e[t](n,n.exports,__nccwpck_require__),a=!1}finally{a&&delete r[t]}return n.exports}__nccwpck_require__.ab="//";var t=__nccwpck_require__(114);module.exports=t}()},5593:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var FileIconType,FileIconType1;__webpack_require__.d(__webpack_exports__,{I:function(){return FileIconType}}),(FileIconType1=FileIconType||(FileIconType={}))[FileIconType1.docset=1]="docset",FileIconType1[FileIconType1.folder=2]="folder",FileIconType1[FileIconType1.genericFile=3]="genericFile",FileIconType1[FileIconType1.listItem=4]="listItem",FileIconType1[FileIconType1.sharedFolder=5]="sharedFolder",FileIconType1[FileIconType1.multiple=6]="multiple",FileIconType1[FileIconType1.stream=7]="stream",FileIconType1[FileIconType1.news=8]="news",FileIconType1[FileIconType1.desktopFolder=9]="desktopFolder",FileIconType1[FileIconType1.documentsFolder=10]="documentsFolder",FileIconType1[FileIconType1.picturesFolder=11]="picturesFolder",FileIconType1[FileIconType1.linkedFolder=12]="linkedFolder",FileIconType1[FileIconType1.list=13]="list",FileIconType1[FileIconType1.form=14]="form",FileIconType1[FileIconType1.sway=15]="sway",FileIconType1[FileIconType1.playlist=16]="playlist"},8345:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{$:function(){return FileTypeIconMap}});var FileTypeIconMap={accdb:{extensions:["accdb","mdb"]},archive:{extensions:["7z","ace","arc","arj","dmg","gz","iso","lzh","pkg","rar","sit","tgz","tar","z"]},audio:{extensions:["aif","aiff","aac","alac","amr","ape","au","awb","dct","dss","dvf","flac","gsm","m4a","m4p","mid","mmf","mp3","oga","ra","rm","wav","wma","wv"]},calendar:{extensions:["ical","icalendar","ics","ifb","vcs"]},classifier:{extensions:["classifier"]},code:{extensions:["abap","ada","adp","ahk","as","as3","asc","ascx","asm","asp","awk","bash","bash_login","bash_logout","bash_profile","bashrc","bat","bib","bsh","build","builder","c","cbl","c++","capfile","cc","cfc","cfm","cfml","cl","clj","cls","cmake","cmd","coffee","config","cpp","cpt","cpy","cs","cshtml","cson","csproj","css","ctp","cxx","d","ddl","di","disco","dml","dtd","dtml","el","emakefile","erb","erl","f","f90","f95","fs","fsi","fsscript","fsx","gemfile","gemspec","gitconfig","go","groovy","gvy","h","h++","haml","handlebars","hbs","hcp","hh","hpp","hrl","hs","htc","hxx","idl","iim","inc","inf","ini","inl","ipp","irbrc","jade","jav","java","js","json","jsp","jsproj","jsx","l","less","lhs","lisp","log","lst","ltx","lua","m","mak","make","manifest","master","md","markdn","markdown","mdown","mkdn","ml","mli","mll","mly","mm","mud","nfo","opml","osascript","p","pas","patch","php","php2","php3","php4","php5","phtml","pl","pm","pod","pp","profile","ps1","ps1xml","psd1","psm1","pss","pt","py","pyw","r","rake","rb","rbx","rc","rdf","re","reg","rest","resw","resx","rhtml","rjs","rprofile","rpy","rss","rst","ruby","rxml","s","sass","scala","scm","sconscript","sconstruct","script","scss","sgml","sh","shtml","sml","svn-base","swift","sql","sty","tcl","tex","textile","tld","tli","tmpl","tpl","vb","vi","vim","vmg","webpart","wsp","wsdl","xhtml","xoml","xsd","xslt","yaml","yaws","yml","zsh"]},contact:{extensions:["vcf"]},csv:{extensions:["csv"]},desktopfolder:{},docset:{},documentsfolder:{},docx:{extensions:["doc","docm","docx","docb"]},dotx:{extensions:["dot","dotm","dotx"]},email:{extensions:["eml","msg","oft","ost","pst"]},exe:{extensions:["application","appref-ms","apk","app","appx","exe","ipa","msi","xap"]},favoritesfolder:{},folder:{},font:{extensions:["ttf","otf","woff"]},form:{},genericfile:{},html:{extensions:["htm","html","mht"]},ipynb:{extensions:["nnb","ipynb"]},link:{extensions:["lnk","link","url","website","webloc"]},linkedfolder:{},listitem:{},loop:{extensions:["fluid","loop"]},officescript:{extensions:["osts"]},splist:{},model:{extensions:["3ds","3mf","blend","cool","dae","df","dwfx","dwg","dxf","fbx","glb","gltf","holo","layer","layout","max","mcworld","mtl","obj","off","ply","skp","stp","stl","t","thl","x"]},mpp:{extensions:["mpp"]},mpt:{extensions:["mpt"]},multiple:{},one:{extensions:["note","one"]},onetoc:{extensions:["ms-one-stub","onetoc","onetoc2","onepkg"]},pbiapp:{},pdf:{extensions:["pdf"]},photo:{extensions:["arw","bmp","cr2","crw","dic","dicm","dcm","dcm30","dcr","dds","dib","dng","erf","gif","heic","heif","ico","jfi","jfif","jif","jpe","jpeg","jpg","jxr","kdc","mrw","nef","orf","pct","pict","png","pns","psb","psd","raw","tga","tif","tiff","wdp"]},photo360:{},picturesfolder:{},potx:{extensions:["pot","potm","potx"]},powerbi:{extensions:["pbids","pbix"]},ppsx:{extensions:["pps","ppsm","ppsx"]},pptx:{extensions:["ppt","pptm","pptx","sldx","sldm"]},presentation:{extensions:["odp","gslides","key"]},pub:{extensions:["pub"]},spo:{extensions:["aspx"]},sponews:{},spreadsheet:{extensions:["odc","ods","gsheet","numbers","tsv"]},rtf:{extensions:["epub","gdoc","odt","rtf","wri","pages"]},sharedfolder:{},playlist:{},sway:{},sysfile:{extensions:["bak","bin","cab","cache","cat","cer","class","dat","db","dbg","dl_","dll","ithmb","jar","kb","ldt","lrprev","pkpass","ppa","ppam","pdb","rom","thm","thmx","vsl","xla","xlam","xlb","xll"]},txt:{extensions:["dif","diff","readme","out","plist","properties","text","txt"]},vaultclosed:{},vaultopen:{},vector:{extensions:["ai","ait","cvs","dgn","gdraw","pd","emf","eps","fig","ind","indd","indl","indt","indb","ps","svg","svgz","wmf","oxps","xps","xd","sketch"]},video:{extensions:["3g2","3gp","3gp2","3gpp","asf","avi","dvr-ms","flv","m1v","m4v","mkv","mod","mov","mm4p","mp2","mp2v","mp4","mp4v","mpa","mpe","mpeg","mpg","mpv","mpv2","mts","ogg","qt","swf","ts","vob","webm","wlmp","wm","wmv","wmx"]},video360:{},vsdx:{extensions:["vdx","vsd","vsdm","vsdx","vsw","vdw"]},vssx:{extensions:["vss","vssm","vssx"]},vstx:{extensions:["vst","vstm","vstx","vsx"]},whiteboard:{extensions:["whiteboard","wbtx"]},xlsx:{extensions:["xlc","xls","xlsb","xlsm","xlsx","xlw"]},xltx:{extensions:["xlt","xltm","xltx"]},xml:{extensions:["xaml","xml","xsl"]},xsn:{extensions:["xsn"]},zip:{extensions:["zip"]}}},7232:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{EX:function(){return getFileTypeIconProps}});var _extensionToIconName,_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(8345),_FileIconType__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5593),GENERIC_FILE="genericfile";function getFileTypeIconProps(options){var size,imageFileType,devicePixelRatio,devicePixelRatioSuffix,extension=options.extension,type=options.type,size1=options.size,imageFileType1=options.imageFileType;return{iconName:function(extension,type){var iconBaseName;if(extension){if(!_extensionToIconName){for(var iconName in _extensionToIconName={},_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_0__.$)if(_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_0__.$.hasOwnProperty(iconName)){var extensions=_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_0__.$[iconName].extensions;if(extensions)for(var i=0;i<extensions.length;i++)_extensionToIconName[extensions[i]]=iconName}}return _extensionToIconName[extension=extension.replace(".","").toLowerCase()]||GENERIC_FILE}if(type)switch(type){case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.docset:iconBaseName="docset";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.folder:iconBaseName="folder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.listItem:iconBaseName="listitem";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.sharedFolder:iconBaseName="sharedfolder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.stream:iconBaseName="video";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.multiple:iconBaseName="multiple";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.news:iconBaseName="sponews";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.desktopFolder:iconBaseName="desktopfolder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.documentsFolder:iconBaseName="documentfolder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.picturesFolder:iconBaseName="picturesfolder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.linkedFolder:iconBaseName="linkedfolder";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.list:iconBaseName="splist";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.form:iconBaseName="form";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.sway:iconBaseName="sway";break;case _FileIconType__WEBPACK_IMPORTED_MODULE_1__.I.playlist:iconBaseName="playlist"}return iconBaseName||GENERIC_FILE}(extension,type)+(size=size1||16,void 0===(imageFileType=imageFileType1)&&(imageFileType="svg"),devicePixelRatio=window.devicePixelRatio,devicePixelRatioSuffix="","svg"===imageFileType&&devicePixelRatio>1&&devicePixelRatio<=1.5?20!==size&&(devicePixelRatioSuffix="_1.5x"):"png"===imageFileType&&(devicePixelRatio>1&&devicePixelRatio<=1.5?devicePixelRatioSuffix=20===size?"_2x":"_1.5x":devicePixelRatio>1.5&&devicePixelRatio<=2?devicePixelRatioSuffix="_2x":devicePixelRatio>2&&devicePixelRatio<=3?devicePixelRatioSuffix="_3x":devicePixelRatio>3&&(devicePixelRatioSuffix="_4x")),size+devicePixelRatioSuffix+"_"+imageFileType),"aria-label":extension}}},4906:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Mg:function(){return initializeFileTypeIcons}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(3370),_fluentui_style_utilities__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(3349),_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(8345),PNG_SUFFIX="_png",SVG_SUFFIX="_svg",ICON_SIZES=[16,20,24,32,40,48,64,96];function initializeFileTypeIcons(baseUrl,options){void 0===baseUrl&&(baseUrl="https://spoppe-b.azureedge.net/files/fabric-cdn-prod_20221015.001/assets/item-types/"),ICON_SIZES.forEach(function(size){var baseUrl1,iconTypes,fileTypeIcons;baseUrl1=baseUrl,iconTypes=Object.keys(_FileTypeIconMap__WEBPACK_IMPORTED_MODULE_2__.$),fileTypeIcons={},iconTypes.forEach(function(type){var baseUrlSizeType=baseUrl1+size+"/"+type;fileTypeIcons[type+size+PNG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrlSizeType+".png",alt:""}),fileTypeIcons[type+size+SVG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrlSizeType+".svg",alt:""}),fileTypeIcons[type+size+"_1.5x"+PNG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrl1+size+"_1.5x/"+type+".png",height:"100%",width:"100%",alt:""}),fileTypeIcons[type+size+"_1.5x"+SVG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrl1+size+"_1.5x/"+type+".svg",height:"100%",width:"100%",alt:""}),fileTypeIcons[type+size+"_2x"+PNG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrl1+size+"_2x/"+type+".png",height:"100%",width:"100%",alt:""}),fileTypeIcons[type+size+"_3x"+PNG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrl1+size+"_3x/"+type+".png",height:"100%",width:"100%",alt:""}),fileTypeIcons[type+size+"_4x"+PNG_SUFFIX]=react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{src:baseUrl1+size+"_4x/"+type+".png",height:"100%",width:"100%",alt:""})}),(0,_fluentui_style_utilities__WEBPACK_IMPORTED_MODULE_1__.fm)({fontFace:{},style:{width:size,height:size,overflow:"hidden"},icons:fileTypeIcons,mergeImageProps:!0},options)})}},7201:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{a:function(){return Breadcrumb}});var styled=__webpack_require__(3513),tslib_es6=__webpack_require__(3499),react=__webpack_require__(3370),classNamesFunction=__webpack_require__(3568),rtl=__webpack_require__(327),properties=__webpack_require__(784),initializeComponentRef=__webpack_require__(6651),FocusZone=__webpack_require__(711),FocusZone_types=__webpack_require__(3788),Link=__webpack_require__(6857),Icon=__webpack_require__(8415),IconButton=__webpack_require__(1197),DirectionalHint=__webpack_require__(1937),ResizeGroup=__webpack_require__(7799),TooltipHost=__webpack_require__(5169),TooltipHost_types=__webpack_require__(7177),composeRenderFunction=__webpack_require__(8796),getClassNames=(0,classNamesFunction.y)(),nullFunction=function(){return null},nonActionableItemProps={styles:function(props){return{root:{selectors:{"&.is-disabled":{color:props.theme.semanticColors.bodyText}}}}}},BreadcrumbBase=function(_super){function BreadcrumbBase(props){var _this=_super.call(this,props)||this;return _this._focusZone=react.createRef(),_this._onReduceData=function(data){var renderedItems=data.renderedItems,renderedOverflowItems=data.renderedOverflowItems,overflowIndex=data.props.overflowIndex,movedItem=renderedItems[overflowIndex];if(movedItem)return(renderedItems=(0,tslib_es6.ev)([],renderedItems)).splice(overflowIndex,1),renderedOverflowItems=(0,tslib_es6.ev)((0,tslib_es6.ev)([],renderedOverflowItems),[movedItem]),(0,tslib_es6.pi)((0,tslib_es6.pi)({},data),{renderedItems:renderedItems,renderedOverflowItems:renderedOverflowItems})},_this._onGrowData=function(data){var renderedItems=data.renderedItems,renderedOverflowItems=data.renderedOverflowItems,_a=data.props,overflowIndex=_a.overflowIndex,maxDisplayedItems=_a.maxDisplayedItems,movedItem=(renderedOverflowItems=(0,tslib_es6.ev)([],renderedOverflowItems)).pop();if(movedItem&&!(renderedItems.length>=maxDisplayedItems))return(renderedItems=(0,tslib_es6.ev)([],renderedItems)).splice(overflowIndex,0,movedItem),(0,tslib_es6.pi)((0,tslib_es6.pi)({},data),{renderedItems:renderedItems,renderedOverflowItems:renderedOverflowItems})},_this._onRenderBreadcrumb=function(data){var _a=data.props,ariaLabel=_a.ariaLabel,_b=_a.dividerAs,DividerType=void 0===_b?Icon.J:_b,onRenderItem=_a.onRenderItem,overflowAriaLabel=_a.overflowAriaLabel,overflowIndex=_a.overflowIndex,onRenderOverflowIcon=_a.onRenderOverflowIcon,overflowButtonAs=_a.overflowButtonAs,renderedOverflowItems=data.renderedOverflowItems,renderedItems=data.renderedItems,contextualItems=renderedOverflowItems.map(function(item){var isActionable=!!(item.onClick||item.href);return{text:item.text,name:item.text,key:item.key,onClick:item.onClick?_this._onBreadcrumbClicked.bind(_this,item):null,href:item.href,disabled:!isActionable,itemProps:isActionable?void 0:nonActionableItemProps}}),lastItemIndex=renderedItems.length-1,hasOverflowItems=renderedOverflowItems&&0!==renderedOverflowItems.length,itemElements=renderedItems.map(function(item,index){var finalOnRenderItem=_this._onRenderItem;return item.onRender&&(finalOnRenderItem=(0,composeRenderFunction.k)(item.onRender,finalOnRenderItem)),onRenderItem&&(finalOnRenderItem=(0,composeRenderFunction.k)(onRenderItem,finalOnRenderItem)),react.createElement("li",{className:_this._classNames.listItem,key:item.key||String(index)},finalOnRenderItem(item),(index!==lastItemIndex||hasOverflowItems&&index===overflowIndex-1)&&react.createElement(DividerType,{className:_this._classNames.chevron,iconName:(0,rtl.zg)(_this.props.theme)?"ChevronLeft":"ChevronRight",item:item}))});if(hasOverflowItems){var OverflowButton=overflowButtonAs||IconButton.h;itemElements.splice(overflowIndex,0,react.createElement("li",{className:_this._classNames.overflow,key:"overflow"},react.createElement(OverflowButton,{className:_this._classNames.overflowButton,iconProps:onRenderOverflowIcon?{}:{iconName:"More"},role:"button","aria-haspopup":"true",ariaLabel:overflowAriaLabel,onRenderMenuIcon:onRenderOverflowIcon||nullFunction,menuProps:{items:contextualItems,directionalHint:DirectionalHint.b.bottomLeftEdge}}),overflowIndex!==lastItemIndex+1&&react.createElement(DividerType,{className:_this._classNames.chevron,iconName:(0,rtl.zg)(_this.props.theme)?"ChevronLeft":"ChevronRight",item:renderedOverflowItems[renderedOverflowItems.length-1]})))}var nativeProps=(0,properties.pq)(_this.props,properties.iY,["className"]);return react.createElement("div",(0,tslib_es6.pi)({className:_this._classNames.root,role:"navigation","aria-label":ariaLabel},nativeProps),react.createElement(FocusZone.k,(0,tslib_es6.pi)({componentRef:_this._focusZone,direction:FocusZone_types.U.horizontal},_this.props.focusZoneProps),react.createElement("ol",{className:_this._classNames.list},itemElements)))},_this._onRenderItem=function(item){if(!item)return null;var as=item.as,href=item.href,onClick=item.onClick,isCurrentItem=item.isCurrentItem,text=item.text,onRenderContent=item.onRenderContent,additionalProps=(0,tslib_es6._T)(item,["as","href","onClick","isCurrentItem","text","onRenderContent"]),finalOnRenderContent=defaultOnRenderCrumbContent;return(onRenderContent&&(finalOnRenderContent=(0,composeRenderFunction.k)(onRenderContent,finalOnRenderContent)),_this.props.onRenderItemContent&&(finalOnRenderContent=(0,composeRenderFunction.k)(_this.props.onRenderItemContent,finalOnRenderContent)),onClick||href)?react.createElement(Link.r,(0,tslib_es6.pi)({},additionalProps,{as:as,className:_this._classNames.itemLink,href:href,"aria-current":isCurrentItem?"page":void 0,onClick:_this._onBreadcrumbClicked.bind(_this,item)}),react.createElement(TooltipHost.G,(0,tslib_es6.pi)({content:text,overflowMode:TooltipHost_types.y.Parent},_this.props.tooltipHostProps),finalOnRenderContent(item))):react.createElement(as||"span",(0,tslib_es6.pi)({},additionalProps,{className:_this._classNames.item}),react.createElement(TooltipHost.G,(0,tslib_es6.pi)({content:text,overflowMode:TooltipHost_types.y.Parent},_this.props.tooltipHostProps),finalOnRenderContent(item)))},_this._onBreadcrumbClicked=function(item,ev){item.onClick&&item.onClick(ev,item)},(0,initializeComponentRef.l)(_this),_this._validateProps(props),_this}return(0,tslib_es6.ZT)(BreadcrumbBase,_super),BreadcrumbBase.prototype.focus=function(){this._focusZone.current&&this._focusZone.current.focus()},BreadcrumbBase.prototype.render=function(){this._validateProps(this.props);var _a=this.props,_b=_a.onReduceData,onReduceData=void 0===_b?this._onReduceData:_b,_c=_a.onGrowData,onGrowData=void 0===_c?this._onGrowData:_c,overflowIndex=_a.overflowIndex,maxDisplayedItems=_a.maxDisplayedItems,items=_a.items,className=_a.className,theme=_a.theme,styles=_a.styles,renderedItems=(0,tslib_es6.ev)([],items),renderedOverflowItems=renderedItems.splice(overflowIndex,renderedItems.length-maxDisplayedItems),breadcrumbData={props:this.props,renderedItems:renderedItems,renderedOverflowItems:renderedOverflowItems};return this._classNames=getClassNames(styles,{className:className,theme:theme}),react.createElement(ResizeGroup.N,{onRenderData:this._onRenderBreadcrumb,onReduceData:onReduceData,onGrowData:onGrowData,data:breadcrumbData})},BreadcrumbBase.prototype._validateProps=function(props){var maxDisplayedItems=props.maxDisplayedItems,overflowIndex=props.overflowIndex,items=props.items;if(overflowIndex<0||maxDisplayedItems>1&&overflowIndex>maxDisplayedItems-1||items.length>0&&overflowIndex>items.length-1)throw Error("Breadcrumb: overflowIndex out of range")},BreadcrumbBase.defaultProps={items:[],maxDisplayedItems:999,overflowIndex:0},BreadcrumbBase}(react.Component);function defaultOnRenderCrumbContent(item){return item?react.createElement(react.Fragment,null,item.text):null}var lib=__webpack_require__(3349),setFocusVisibility=__webpack_require__(4573),GlobalClassNames={root:"ms-Breadcrumb",list:"ms-Breadcrumb-list",listItem:"ms-Breadcrumb-listItem",chevron:"ms-Breadcrumb-chevron",overflow:"ms-Breadcrumb-overflow",overflowButton:"ms-Breadcrumb-overflowButton",itemLink:"ms-Breadcrumb-itemLink",item:"ms-Breadcrumb-item"},SingleLineTextStyle={whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},MinimumScreenSelector=(0,lib.sK)(0,lib.mV),MediumScreenSelector=(0,lib.sK)(lib.dd,lib.yp),Breadcrumb=(0,styled.z)(BreadcrumbBase,function(props){var _a,_b,_c,_d,_e,className=props.className,theme=props.theme,palette=theme.palette,semanticColors=theme.semanticColors,fonts=theme.fonts,classNames=(0,lib.Cn)(GlobalClassNames,theme),itemBackgroundHoveredColor=semanticColors.menuItemBackgroundHovered,itemBackgroundPressedColor=semanticColors.menuItemBackgroundPressed,itemTextColor=palette.neutralSecondary,itemTextFontWeight=lib.lq.regular,itemTextHoveredOrPressedColor=palette.neutralPrimary,itemLastChildTextColor=palette.neutralPrimary,itemLastChildTextFontWeight=lib.lq.semibold,chevronButtonColor=palette.neutralSecondary,overflowButtonColor=palette.neutralSecondary,lastChildItemStyles={fontWeight:itemLastChildTextFontWeight,color:itemLastChildTextColor},itemStateSelectors={":hover":{color:itemTextHoveredOrPressedColor,backgroundColor:itemBackgroundHoveredColor,cursor:"pointer",selectors:((_a={})[lib.qJ]={color:"Highlight",backgroundColor:"transparent"},_a)},":active":{backgroundColor:itemBackgroundPressedColor,color:itemTextHoveredOrPressedColor},"&:active:hover":{color:itemTextHoveredOrPressedColor,backgroundColor:itemBackgroundPressedColor},"&:active, &:hover, &:active:hover":{textDecoration:"none"}},commonItemStyles={color:itemTextColor,padding:"0 8px",lineHeight:36,fontSize:18,fontWeight:itemTextFontWeight};return{root:[classNames.root,fonts.medium,{margin:"11px 0 1px"},className],list:[classNames.list,{whiteSpace:"nowrap",padding:0,margin:0,display:"flex",alignItems:"stretch"}],listItem:[classNames.listItem,{listStyleType:"none",margin:"0",padding:"0",display:"flex",position:"relative",alignItems:"center",selectors:{"&:last-child .ms-Breadcrumb-itemLink":(0,tslib_es6.pi)((0,tslib_es6.pi)({},lastChildItemStyles),((_b={})[lib.qJ]={MsHighContrastAdjust:"auto",forcedColorAdjust:"auto"},_b)),"&:last-child .ms-Breadcrumb-item":lastChildItemStyles}}],chevron:[classNames.chevron,{color:chevronButtonColor,fontSize:fonts.small.fontSize,selectors:((_c={})[lib.qJ]=(0,tslib_es6.pi)({color:"WindowText"},(0,lib.xM)()),_c[MediumScreenSelector]={fontSize:8},_c[MinimumScreenSelector]={fontSize:8},_c)}],overflow:[classNames.overflow,{position:"relative",display:"flex",alignItems:"center"}],overflowButton:[classNames.overflowButton,(0,lib.GL)(theme,{highContrastStyle:{left:1,right:1,top:1,bottom:1}}),SingleLineTextStyle,{fontSize:16,color:overflowButtonColor,height:"100%",cursor:"pointer",selectors:(0,tslib_es6.pi)((0,tslib_es6.pi)({},itemStateSelectors),((_d={})[MinimumScreenSelector]={padding:"4px 6px"},_d[MediumScreenSelector]={fontSize:fonts.mediumPlus.fontSize},_d))}],itemLink:[classNames.itemLink,(0,lib.GL)(theme),SingleLineTextStyle,(0,tslib_es6.pi)((0,tslib_es6.pi)({},commonItemStyles),{selectors:(0,tslib_es6.pi)(((_e={":focus":{color:palette.neutralDark}})["."+setFocusVisibility.G$+" &:focus"]={outline:"none"},_e),itemStateSelectors)})],item:[classNames.item,(0,tslib_es6.pi)((0,tslib_es6.pi)({},commonItemStyles),{selectors:{":hover":{cursor:"default"}}})]}},void 0,{scope:"Breadcrumb"})},5116:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var ColumnActionsMode,ConstrainMode,ColumnDragEndLocation,DetailsListLayoutMode,CheckboxVisibility,ColumnActionsMode1,ConstrainMode1,ColumnDragEndLocation1,DetailsListLayoutMode1,CheckboxVisibility1;__webpack_require__.d(__webpack_exports__,{Oh:function(){return DetailsListLayoutMode},_1:function(){return ColumnActionsMode},fQ:function(){return ColumnDragEndLocation},ov:function(){return ConstrainMode},tY:function(){return CheckboxVisibility}}),(ColumnActionsMode1=ColumnActionsMode||(ColumnActionsMode={}))[ColumnActionsMode1.disabled=0]="disabled",ColumnActionsMode1[ColumnActionsMode1.clickable=1]="clickable",ColumnActionsMode1[ColumnActionsMode1.hasDropdown=2]="hasDropdown",(ConstrainMode1=ConstrainMode||(ConstrainMode={}))[ConstrainMode1.unconstrained=0]="unconstrained",ConstrainMode1[ConstrainMode1.horizontalConstrained=1]="horizontalConstrained",(ColumnDragEndLocation1=ColumnDragEndLocation||(ColumnDragEndLocation={}))[ColumnDragEndLocation1.outside=0]="outside",ColumnDragEndLocation1[ColumnDragEndLocation1.surface=1]="surface",ColumnDragEndLocation1[ColumnDragEndLocation1.header=2]="header",(DetailsListLayoutMode1=DetailsListLayoutMode||(DetailsListLayoutMode={}))[DetailsListLayoutMode1.fixedColumns=0]="fixedColumns",DetailsListLayoutMode1[DetailsListLayoutMode1.justified=1]="justified",(CheckboxVisibility1=CheckboxVisibility||(CheckboxVisibility={}))[CheckboxVisibility1.onHover=0]="onHover",CheckboxVisibility1[CheckboxVisibility1.always=1]="always",CheckboxVisibility1[CheckboxVisibility1.hidden=2]="hidden"},6706:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{J:function(){return ShimmeredDetailsList}});var CollapseAllVisibility,SelectAllVisibility,SpinnerSize,SpinnerType,ShimmerElementType,ShimmerElementsDefaultHeights,CollapseAllVisibility1,SelectAllVisibility1,SpinnerSize1,SpinnerType1,ShimmerElementType1,ShimmerElementsDefaultHeights1,styled=__webpack_require__(3513),tslib_es6=__webpack_require__(3499),react=__webpack_require__(3370),classNamesFunction=__webpack_require__(3568),css=__webpack_require__(6799),Selection_types=__webpack_require__(8487),memoize=__webpack_require__(9138),rtl=__webpack_require__(327),KeyCodes=__webpack_require__(7218),useFocusRects=__webpack_require__(5723),initializeComponentRef=__webpack_require__(6651),Async=__webpack_require__(2598),elementContains=__webpack_require__(4430),DetailsList_types=__webpack_require__(5116),EventGroup=__webpack_require__(9720),getId=__webpack_require__(5561),FocusZone=__webpack_require__(711),FocusZone_types=__webpack_require__(3788),FontIcon=__webpack_require__(7809),Icon=__webpack_require__(8415),Layer=__webpack_require__(2137),GroupSpacer=function(props){var count=props.count,_a=props.indentWidth,_b=props.role;return count>0?react.createElement("span",{className:"ms-GroupSpacer",style:{display:"inline-block",width:count*(void 0===_a?36:_a)},role:void 0===_b?"presentation":_b}):null};(CollapseAllVisibility=CollapseAllVisibility1||(CollapseAllVisibility1={}))[CollapseAllVisibility.hidden=0]="hidden",CollapseAllVisibility[CollapseAllVisibility.visible=1]="visible";var composeRenderFunction=__webpack_require__(8796),properties=__webpack_require__(784),nativeElementMap={label:properties.mp,audio:properties.vF,video:properties.NI,ol:properties.t$,li:properties.PT,a:properties.h2,button:properties.Yq,input:properties.Gg,textarea:properties.FI,select:properties.bL,option:properties.Qy,table:properties.$B,tr:properties.PC,th:properties.fI,td:properties.IX,colGroup:properties.YG,col:properties.qi,form:properties.NX,iframe:properties.SZ,img:properties.it},getClassNames=(0,classNamesFunction.y)(),CheckBase=react.forwardRef(function(props,ref){var _a=props.checked,className=props.className,theme=props.theme,styles=props.styles,_b=props.useFastIcons,classNames=getClassNames(styles,{theme:theme,className:className,checked:void 0!==_a&&_a}),IconComponent=void 0===_b||_b?FontIcon.xu:Icon.J;return react.createElement("div",{className:classNames.root,ref:ref},react.createElement(IconComponent,{iconName:"CircleRing",className:classNames.circle}),react.createElement(IconComponent,{iconName:"StatusCircleCheckmark",className:classNames.check}))});CheckBase.displayName="CheckBase";var lib=__webpack_require__(3349),CheckGlobalClassNames={root:"ms-Check",circle:"ms-Check-circle",check:"ms-Check-check",checkHost:"ms-Check-checkHost"},Check=(0,styled.z)(CheckBase,function(props){var _a,_b,_c,_d,_e,_f=props.height,height=void 0===_f?props.checkBoxHeight||"18px":_f,checked=props.checked,className=props.className,theme=props.theme,palette=theme.palette,semanticColors=theme.semanticColors,fonts=theme.fonts,isRTL=(0,rtl.zg)(theme),classNames=(0,lib.Cn)(CheckGlobalClassNames,theme),sharedCircleCheck={fontSize:height,position:"absolute",left:0,top:0,width:height,height:height,textAlign:"center",display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle"};return{root:[classNames.root,fonts.medium,{lineHeight:"1",width:height,height:height,verticalAlign:"top",position:"relative",userSelect:"none",selectors:((_a={":before":{content:'""',position:"absolute",top:"1px",right:"1px",bottom:"1px",left:"1px",borderRadius:"50%",opacity:1,background:semanticColors.bodyBackground}})["."+classNames.checkHost+":hover &, ."+classNames.checkHost+":focus &, &:hover, &:focus"]={opacity:1},_a)},checked&&["is-checked",{selectors:{":before":{background:palette.themePrimary,opacity:1,selectors:((_b={})[lib.qJ]={background:"Window"},_b)}}}],className],circle:[classNames.circle,sharedCircleCheck,{color:palette.neutralSecondary,selectors:((_c={})[lib.qJ]={color:"WindowText"},_c)},checked&&{color:palette.white}],check:[classNames.check,sharedCircleCheck,{opacity:0,color:palette.neutralSecondary,fontSize:lib.ld.medium,left:isRTL?"-0.5px":".5px",top:"-1px",selectors:((_d={":hover":{opacity:1}})[lib.qJ]=(0,tslib_es6.pi)({},(0,lib.xM)()),_d)},checked&&{opacity:1,color:palette.white,fontWeight:900,selectors:((_e={})[lib.qJ]={border:"none",color:"WindowText"},_e)}],checkHost:classNames.checkHost}},void 0,{scope:"Check"},!0),setFocusVisibility=__webpack_require__(4573),Link_styles=__webpack_require__(2463),DetailsRowGlobalClassNames={root:"ms-DetailsRow",compact:"ms-DetailsList--Compact",cell:"ms-DetailsRow-cell",cellAnimation:"ms-DetailsRow-cellAnimation",cellCheck:"ms-DetailsRow-cellCheck",check:"ms-DetailsRow-check",cellMeasurer:"ms-DetailsRow-cellMeasurer",listCellFirstChild:"ms-List-cell:first-child",isContentUnselectable:"is-contentUnselectable",isSelected:"is-selected",isCheckVisible:"is-check-visible",isRowHeader:"is-row-header",fields:"ms-DetailsRow-fields"},DEFAULT_CELL_STYLE_PROPS={cellLeftPadding:12,cellRightPadding:8,cellExtraRightPadding:24},DEFAULT_ROW_HEIGHTS={rowHeight:42,compactRowHeight:32},values=(0,tslib_es6.pi)((0,tslib_es6.pi)({},DEFAULT_ROW_HEIGHTS),{rowVerticalPadding:11,compactRowVerticalPadding:6}),GlobalClassNames={tooltipHost:"ms-TooltipHost",root:"ms-DetailsHeader",cell:"ms-DetailsHeader-cell",cellIsCheck:"ms-DetailsHeader-cellIsCheck",collapseButton:"ms-DetailsHeader-collapseButton",isCollapsed:"is-collapsed",isAllSelected:"is-allSelected",isSelectAllHidden:"is-selectAllHidden",isResizingColumn:"is-resizingColumn",cellSizer:"ms-DetailsHeader-cellSizer",isResizing:"is-resizing",dropHintCircleStyle:"ms-DetailsHeader-dropHintCircleStyle",dropHintCaretStyle:"ms-DetailsHeader-dropHintCaretStyle",dropHintLineStyle:"ms-DetailsHeader-dropHintLineStyle",cellTitle:"ms-DetailsHeader-cellTitle",cellName:"ms-DetailsHeader-cellName",filterChevron:"ms-DetailsHeader-filterChevron",gripperBarVertical:"ms-DetailsColumn-gripperBarVertical",checkTooltip:"ms-DetailsHeader-checkTooltip",check:"ms-DetailsHeader-check"},getCellStyles=function(props){var theme=props.theme,_a=props.cellStyleProps,cellStyleProps=void 0===_a?DEFAULT_CELL_STYLE_PROPS:_a,semanticColors=theme.semanticColors;return[(0,lib.Cn)(GlobalClassNames,theme).cell,(0,lib.GL)(theme),{color:semanticColors.bodyText,position:"relative",display:"inline-block",boxSizing:"border-box",padding:"0 "+cellStyleProps.cellRightPadding+"px 0 "+cellStyleProps.cellLeftPadding+"px",lineHeight:"inherit",margin:"0",height:42,verticalAlign:"top",whiteSpace:"nowrap",textOverflow:"ellipsis",textAlign:"left"}]},DetailsRowCheck_styles_GlobalClassNames={root:"ms-DetailsRow-check",isDisabled:"ms-DetailsRow-check--isDisabled",isHeader:"ms-DetailsRow-check--isHeader"},DetailsRowCheck_getClassNames=(0,classNamesFunction.y)(),FastCheck=react.memo(function(props){return react.createElement(Check,{theme:props.theme,checked:props.checked,className:props.className,useFastIcons:!0})});function _defaultCheckboxRender(checkboxProps){return react.createElement(Check,{checked:checkboxProps.checked})}function _fastDefaultCheckboxRender(checkboxProps){return react.createElement(FastCheck,{theme:checkboxProps.theme,checked:checkboxProps.checked})}var DetailsRowCheck=(0,styled.z)(function(props){var allowedPropNames,_a=props.isVisible,_b=props.canSelect,canSelect=void 0!==_b&&_b,_c=props.anySelected,_d=props.selected,selected=void 0!==_d&&_d,selectionMode=props.selectionMode,_e=props.isHeader,className=props.className,styles=(props.checkClassName,props.styles),theme=props.theme,compact=props.compact,onRenderDetailsCheckbox=props.onRenderDetailsCheckbox,_f=props.useFastIcons,buttonProps=(0,tslib_es6._T)(props,["isVisible","canSelect","anySelected","selected","selectionMode","isHeader","className","checkClassName","styles","theme","compact","onRenderDetailsCheckbox","useFastIcons"]),defaultCheckboxRender=void 0===_f||_f?_fastDefaultCheckboxRender:_defaultCheckboxRender,onRenderCheckbox=onRenderDetailsCheckbox?(0,composeRenderFunction.k)(onRenderDetailsCheckbox,defaultCheckboxRender):defaultCheckboxRender,classNames=DetailsRowCheck_getClassNames(styles,{theme:theme,canSelect:canSelect,selected:selected,anySelected:void 0!==_c&&_c,className:className,isHeader:void 0!==_e&&_e,isVisible:void 0!==_a&&_a,compact:compact}),divProps=(allowedPropNames=nativeElementMap.div||properties.iY,(0,properties.pq)(buttonProps,allowedPropNames,["aria-label","aria-labelledby","aria-describedby"])),checkRole=selectionMode===Selection_types.oW.single?"radio":"checkbox";return canSelect?react.createElement("div",(0,tslib_es6.pi)({},buttonProps,{role:checkRole,className:(0,css.i)(classNames.root,classNames.check),"aria-checked":selected,"data-selection-toggle":!0,"data-automationid":"DetailsRowCheck",tabIndex:-1}),onRenderCheckbox({checked:selected,theme:theme})):react.createElement("div",(0,tslib_es6.pi)({},divProps,{className:(0,css.i)(classNames.root,classNames.check)}))},function(props){var theme=props.theme,className=props.className,isHeader=props.isHeader,selected=props.selected,anySelected=props.anySelected,canSelect=props.canSelect,compact=props.compact,isVisible=props.isVisible,classNames=(0,lib.Cn)(DetailsRowCheck_styles_GlobalClassNames,theme),rowHeight=DEFAULT_ROW_HEIGHTS.rowHeight,compactRowHeight=DEFAULT_ROW_HEIGHTS.compactRowHeight;return{root:[classNames.root,className],check:[!canSelect&&classNames.isDisabled,isHeader&&classNames.isHeader,(0,lib.GL)(theme),theme.fonts.small,CheckGlobalClassNames.checkHost,{display:"flex",alignItems:"center",justifyContent:"center",cursor:"default",boxSizing:"border-box",verticalAlign:"top",background:"none",backgroundColor:"transparent",border:"none",opacity:isVisible||selected||anySelected?1:0,height:isHeader?42:compact?compactRowHeight:rowHeight,width:48,padding:0,margin:0}],isDisabled:[]}},void 0,{scope:"DetailsRowCheck"},!0),getDocument=__webpack_require__(2636),DragDropHelper=function(){function DragDropHelper(params){this._selection=params.selection,this._dragEnterCounts={},this._activeTargets={},this._lastId=0,this._initialized=!1}return DragDropHelper.prototype.dispose=function(){this._events&&this._events.dispose()},DragDropHelper.prototype.subscribe=function(root,events,dragDropOptions){var onDragStart,onDragLeave,onDragEnter,onDragEnd,onDrop,onDragOver,onMouseDown,isDraggable,isDroppable,activeTarget,_this=this;if(!this._initialized){this._events=new EventGroup.r(this);var doc=(0,getDocument.M)();doc&&(this._events.on(doc.body,"mouseup",this._onMouseUp.bind(this),!0),this._events.on(doc,"mouseup",this._onDocumentMouseUp.bind(this),!0)),this._initialized=!0}var _a=dragDropOptions.key,key=void 0===_a?""+ ++this._lastId:_a,handlers=[];if(dragDropOptions&&root){var eventMap=dragDropOptions.eventMap,context=dragDropOptions.context,updateDropState_1=dragDropOptions.updateDropState,dragDropTarget={root:root,options:dragDropOptions,key:key};if(isDraggable=this._isDraggable(dragDropTarget),isDroppable=this._isDroppable(dragDropTarget),(isDraggable||isDroppable)&&eventMap)for(var _i=0;_i<eventMap.length;_i++){var event_1=eventMap[_i],handler={callback:event_1.callback.bind(null,context),eventName:event_1.eventName};handlers.push(handler),this._events.on(root,handler.eventName,handler.callback)}isDroppable&&(onDragLeave=function(event){event.isHandled||(event.isHandled=!0,_this._dragEnterCounts[key]--,0===_this._dragEnterCounts[key]&&updateDropState_1(!1,event))},onDragEnter=function(event){event.preventDefault(),event.isHandled||(event.isHandled=!0,_this._dragEnterCounts[key]++,1===_this._dragEnterCounts[key]&&updateDropState_1(!0,event))},onDragEnd=function(event){_this._dragEnterCounts[key]=0,updateDropState_1(!1,event)},onDrop=function(event){_this._dragEnterCounts[key]=0,updateDropState_1(!1,event),dragDropOptions.onDrop&&dragDropOptions.onDrop(dragDropOptions.context.data,event)},onDragOver=function(event){event.preventDefault(),dragDropOptions.onDragOver&&dragDropOptions.onDragOver(dragDropOptions.context.data,event)},this._dragEnterCounts[key]=0,events.on(root,"dragenter",onDragEnter),events.on(root,"dragleave",onDragLeave),events.on(root,"dragend",onDragEnd),events.on(root,"drop",onDrop),events.on(root,"dragover",onDragOver)),isDraggable&&(onMouseDown=this._onMouseDown.bind(this,dragDropTarget),onDragEnd=this._onDragEnd.bind(this,dragDropTarget),onDragStart=function(event){dragDropOptions&&dragDropOptions.onDragStart&&dragDropOptions.onDragStart(dragDropOptions.context.data,dragDropOptions.context.index,_this._selection.getSelection(),event),_this._isDragging=!0,event.dataTransfer&&event.dataTransfer.setData("id",root.id)},events.on(root,"dragstart",onDragStart),events.on(root,"mousedown",onMouseDown),events.on(root,"dragend",onDragEnd)),activeTarget={target:dragDropTarget,dispose:function(){if(_this._activeTargets[key]===activeTarget&&delete _this._activeTargets[key],root){for(var _i=0;_i<handlers.length;_i++){var handler=handlers[_i];_this._events.off(root,handler.eventName,handler.callback)}isDroppable&&(events.off(root,"dragenter",onDragEnter),events.off(root,"dragleave",onDragLeave),events.off(root,"dragend",onDragEnd),events.off(root,"dragover",onDragOver),events.off(root,"drop",onDrop)),isDraggable&&(events.off(root,"dragstart",onDragStart),events.off(root,"mousedown",onMouseDown),events.off(root,"dragend",onDragEnd))}}},this._activeTargets[key]=activeTarget}return{key:key,dispose:function(){activeTarget&&activeTarget.dispose()}}},DragDropHelper.prototype.unsubscribe=function(root,key){var activeTarget=this._activeTargets[key];activeTarget&&activeTarget.dispose()},DragDropHelper.prototype._onDragEnd=function(target,event){var options=target.options;options.onDragEnd&&options.onDragEnd(options.context.data,event)},DragDropHelper.prototype._onMouseUp=function(event){if(this._isDragging=!1,this._dragData){for(var _i=0,_a=Object.keys(this._activeTargets);_i<_a.length;_i++){var key=_a[_i],activeTarget=this._activeTargets[key];activeTarget.target.root&&(this._events.off(activeTarget.target.root,"mousemove"),this._events.off(activeTarget.target.root,"mouseleave"))}this._dragData.dropTarget&&(EventGroup.r.raise(this._dragData.dropTarget.root,"dragleave"),EventGroup.r.raise(this._dragData.dropTarget.root,"drop"))}this._dragData=null},DragDropHelper.prototype._onDocumentMouseUp=function(event){var doc=(0,getDocument.M)();doc&&event.target===doc.documentElement&&this._onMouseUp(event)},DragDropHelper.prototype._onMouseMove=function(target,event){var _a=event.buttons;if(this._dragData&&(void 0===_a?1:_a)!==1){this._onMouseUp(event);return}var root=target.root,key=target.key;this._isDragging&&this._isDroppable(target)&&this._dragData&&this._dragData.dropTarget&&this._dragData.dropTarget.key!==key&&!this._isChild(root,this._dragData.dropTarget.root)&&this._dragEnterCounts[this._dragData.dropTarget.key]>0&&(EventGroup.r.raise(this._dragData.dropTarget.root,"dragleave"),EventGroup.r.raise(root,"dragenter"),this._dragData.dropTarget=target)},DragDropHelper.prototype._onMouseLeave=function(target,event){this._isDragging&&this._dragData&&this._dragData.dropTarget&&this._dragData.dropTarget.key===target.key&&(EventGroup.r.raise(target.root,"dragleave"),this._dragData.dropTarget=void 0)},DragDropHelper.prototype._onMouseDown=function(target,event){if(0===event.button){if(this._isDraggable(target)){this._dragData={clientX:event.clientX,clientY:event.clientY,eventTarget:event.target,dragTarget:target};for(var _i=0,_a=Object.keys(this._activeTargets);_i<_a.length;_i++){var key=_a[_i],activeTarget=this._activeTargets[key];activeTarget.target.root&&(this._events.on(activeTarget.target.root,"mousemove",this._onMouseMove.bind(this,activeTarget.target)),this._events.on(activeTarget.target.root,"mouseleave",this._onMouseLeave.bind(this,activeTarget.target)))}}else this._dragData=null}},DragDropHelper.prototype._isChild=function(parentElement,childElement){for(;childElement&&childElement.parentElement;){if(childElement.parentElement===parentElement)return!0;childElement=childElement.parentElement}return!1},DragDropHelper.prototype._isDraggable=function(target){var options=target.options;return!!(options.canDrag&&options.canDrag(options.context.data))},DragDropHelper.prototype._isDroppable=function(target){var options=target.options,dragContext=this._dragData&&this._dragData.dragTarget?this._dragData.dragTarget.options.context:void 0;return!!(options.canDrop&&options.canDrop(options.context,dragContext))},DragDropHelper}(),DetailsColumn_base_getClassNames=(0,classNamesFunction.y)(),defaultOnRenderHeader=function(classNames){return function(props){return props?props.column.isIconOnly?react.createElement("span",{className:classNames.accessibleLabel},props.column.name):react.createElement(react.Fragment,null,props.column.name):null}},DetailsColumnBase=function(_super){function DetailsColumnBase(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._onRenderFilterIcon=function(classNames){return function(props){var columnProps=props.columnProps,iconProps=(0,tslib_es6._T)(props,["columnProps"]),IconComponent=(null==columnProps?void 0:columnProps.useFastIcons)?FontIcon.xu:Icon.J;return react.createElement(IconComponent,(0,tslib_es6.pi)({},iconProps))}},_this._onRenderColumnHeaderTooltip=function(tooltipHostProps){return react.createElement("span",{className:tooltipHostProps.hostClassName},tooltipHostProps.children)},_this._onColumnClick=function(ev){var _a=_this.props,onColumnClick=_a.onColumnClick,column=_a.column;column.columnActionsMode!==DetailsList_types._1.disabled&&(column.onColumnClick&&column.onColumnClick(ev,column),onColumnClick&&onColumnClick(ev,column))},_this._onDragStart=function(item,itemIndex,selectedItems,event){var classNames=_this._classNames;itemIndex&&(_this._updateHeaderDragInfo(itemIndex),_this._root.current.classList.add(classNames.borderWhileDragging),_this._async.setTimeout(function(){_this._root.current&&_this._root.current.classList.add(classNames.noBorderWhileDragging)},20))},_this._onDragEnd=function(item,event){var classNames=_this._classNames;event&&_this._updateHeaderDragInfo(-1,event),_this._root.current.classList.remove(classNames.borderWhileDragging),_this._root.current.classList.remove(classNames.noBorderWhileDragging)},_this._updateHeaderDragInfo=function(itemIndex,event){_this.props.setDraggedItemIndex&&_this.props.setDraggedItemIndex(itemIndex),_this.props.updateDragInfo&&_this.props.updateDragInfo({itemIndex:itemIndex},event)},_this._onColumnContextMenu=function(ev){var _a=_this.props,onColumnContextMenu=_a.onColumnContextMenu,column=_a.column;column.onColumnContextMenu&&(column.onColumnContextMenu(column,ev),ev.preventDefault()),onColumnContextMenu&&(onColumnContextMenu(column,ev),ev.preventDefault())},_this._onRootMouseDown=function(ev){_this.props.isDraggable&&0===ev.button&&ev.stopPropagation()},(0,initializeComponentRef.l)(_this),_this._async=new Async.e(_this),_this._events=new EventGroup.r(_this),_this}return(0,tslib_es6.ZT)(DetailsColumnBase,_super),DetailsColumnBase.prototype.render=function(){var _a=this.props,column=_a.column,parentId=_a.parentId,isDraggable=_a.isDraggable,styles=_a.styles,theme=_a.theme,_b=_a.cellStyleProps,cellStyleProps=void 0===_b?DEFAULT_CELL_STYLE_PROPS:_b,_c=_a.useFastIcons,_d=this.props.onRenderColumnHeaderTooltip,onRenderColumnHeaderTooltip=void 0===_d?this._onRenderColumnHeaderTooltip:_d;this._classNames=DetailsColumn_base_getClassNames(styles,{theme:theme,headerClassName:column.headerClassName,iconClassName:column.iconClassName,isActionable:column.columnActionsMode!==DetailsList_types._1.disabled,isEmpty:!column.name,isIconVisible:column.isSorted||column.isGrouped||column.isFiltered,isPadded:column.isPadded,isIconOnly:column.isIconOnly,cellStyleProps:cellStyleProps,transitionDurationDrag:200,transitionDurationDrop:1500});var classNames=this._classNames,IconComponent=void 0===_c||_c?FontIcon.xu:Icon.J,onRenderFilterIcon=column.onRenderFilterIcon?(0,composeRenderFunction.k)(column.onRenderFilterIcon,this._onRenderFilterIcon(this._classNames)):this._onRenderFilterIcon(this._classNames),onRenderHeader=column.onRenderHeader?(0,composeRenderFunction.k)(column.onRenderHeader,defaultOnRenderHeader(this._classNames)):defaultOnRenderHeader(this._classNames),hasInnerButton=column.columnActionsMode!==DetailsList_types._1.disabled&&(void 0!==column.onColumnClick||void 0!==this.props.onColumnClick),accNameDescription={"aria-label":column.ariaLabel?column.ariaLabel:column.isIconOnly?column.name:void 0,"aria-labelledby":column.ariaLabel||column.isIconOnly?void 0:parentId+"-"+column.key+"-name","aria-describedby":!this.props.onRenderColumnHeaderTooltip&&this._hasAccessibleDescription()?parentId+"-"+column.key+"-tooltip":void 0};return react.createElement(react.Fragment,null,react.createElement("div",(0,tslib_es6.pi)({key:column.key,ref:this._root,role:"columnheader"},!hasInnerButton&&accNameDescription,{"aria-sort":column.isSorted?column.isSortedDescending?"descending":"ascending":"none","data-is-focusable":hasInnerButton||column.columnActionsMode===DetailsList_types._1.disabled?void 0:"true",className:classNames.root,"data-is-draggable":isDraggable,draggable:isDraggable,style:{width:column.calculatedWidth+cellStyleProps.cellLeftPadding+cellStyleProps.cellRightPadding+(column.isPadded?cellStyleProps.cellExtraRightPadding:0)},"data-automationid":"ColumnsHeaderColumn","data-item-key":column.key}),isDraggable&&react.createElement(IconComponent,{iconName:"GripperBarVertical",className:classNames.gripperBarVerticalStyle}),onRenderColumnHeaderTooltip({hostClassName:classNames.cellTooltip,id:parentId+"-"+column.key+"-tooltip",setAriaDescribedBy:!1,column:column,content:column.columnActionsMode!==DetailsList_types._1.disabled?column.ariaLabel:"",children:react.createElement("span",(0,tslib_es6.pi)({id:parentId+"-"+column.key,className:classNames.cellTitle,"data-is-focusable":hasInnerButton&&column.columnActionsMode!==DetailsList_types._1.disabled?"true":void 0,role:hasInnerButton?"button":void 0},hasInnerButton&&accNameDescription,{onContextMenu:this._onColumnContextMenu,onClick:this._onColumnClick,"aria-haspopup":column.columnActionsMode===DetailsList_types._1.hasDropdown?"menu":void 0,"aria-expanded":column.columnActionsMode===DetailsList_types._1.hasDropdown?!!column.isMenuOpen:void 0}),react.createElement("span",{id:parentId+"-"+column.key+"-name",className:classNames.cellName},(column.iconName||column.iconClassName)&&react.createElement(IconComponent,{className:classNames.iconClassName,iconName:column.iconName}),onRenderHeader(this.props)),column.isFiltered&&react.createElement(IconComponent,{className:classNames.nearIcon,iconName:"Filter"}),(column.isSorted||column.showSortIconWhenUnsorted)&&react.createElement(IconComponent,{className:classNames.sortIcon,iconName:column.isSorted?column.isSortedDescending?"SortDown":"SortUp":"Sort"}),column.isGrouped&&react.createElement(IconComponent,{className:classNames.nearIcon,iconName:"GroupedDescending"}),column.columnActionsMode===DetailsList_types._1.hasDropdown&&!column.isIconOnly&&onRenderFilterIcon({"aria-hidden":!0,columnProps:this.props,className:classNames.filterChevron,iconName:"ChevronDown"}))},this._onRenderColumnHeaderTooltip)),this.props.onRenderColumnHeaderTooltip?null:this._renderAccessibleDescription())},DetailsColumnBase.prototype.componentDidMount=function(){var _this=this;this.props.dragDropHelper&&this.props.isDraggable&&this._addDragDropHandling();var classNames=this._classNames;this.props.isDropped&&(this._root.current&&(this._root.current.classList.add(classNames.borderAfterDropping),this._async.setTimeout(function(){_this._root.current&&_this._root.current.classList.add(classNames.noBorderAfterDropping)},20)),this._async.setTimeout(function(){_this._root.current&&(_this._root.current.classList.remove(classNames.borderAfterDropping),_this._root.current.classList.remove(classNames.noBorderAfterDropping))},1520))},DetailsColumnBase.prototype.componentWillUnmount=function(){this._dragDropSubscription&&(this._dragDropSubscription.dispose(),delete this._dragDropSubscription),this._async.dispose(),this._events.dispose()},DetailsColumnBase.prototype.componentDidUpdate=function(){!this._dragDropSubscription&&this.props.dragDropHelper&&this.props.isDraggable&&this._addDragDropHandling(),this._dragDropSubscription&&!this.props.isDraggable&&(this._dragDropSubscription.dispose(),this._events.off(this._root.current,"mousedown"),delete this._dragDropSubscription)},DetailsColumnBase.prototype._getColumnDragDropOptions=function(){var _this=this,columnIndex=this.props.columnIndex;return{selectionIndex:columnIndex,context:{data:columnIndex,index:columnIndex},canDrag:function(){return _this.props.isDraggable},canDrop:function(){return!1},onDragStart:this._onDragStart,updateDropState:function(){},onDrop:function(){},onDragEnd:this._onDragEnd}},DetailsColumnBase.prototype._hasAccessibleDescription=function(){var column=this.props.column;return!!(column.filterAriaLabel||column.sortAscendingAriaLabel||column.sortDescendingAriaLabel||column.groupAriaLabel||column.sortableAriaLabel)},DetailsColumnBase.prototype._renderAccessibleDescription=function(){var _a=this.props,column=_a.column,parentId=_a.parentId,classNames=this._classNames;return this._hasAccessibleDescription()&&!this.props.onRenderColumnHeaderTooltip?react.createElement("label",{key:column.key+"_label",id:parentId+"-"+column.key+"-tooltip",className:classNames.accessibleLabel,hidden:!0},column.isFiltered&&column.filterAriaLabel||null,(column.isSorted||column.showSortIconWhenUnsorted)&&(column.isSorted?column.isSortedDescending?column.sortDescendingAriaLabel:column.sortAscendingAriaLabel:column.sortableAriaLabel)||null,column.isGrouped&&column.groupAriaLabel||null):null},DetailsColumnBase.prototype._addDragDropHandling=function(){this._dragDropSubscription=this.props.dragDropHelper.subscribe(this._root.current,this._events,this._getColumnDragDropOptions()),this._events.on(this._root.current,"mousedown",this._onRootMouseDown)},DetailsColumnBase}(react.Component),DetailsColumn_styles_GlobalClassNames={isActionable:"is-actionable",cellIsCheck:"ms-DetailsHeader-cellIsCheck",collapseButton:"ms-DetailsHeader-collapseButton",isCollapsed:"is-collapsed",isAllSelected:"is-allSelected",isSelectAllHidden:"is-selectAllHidden",isResizingColumn:"is-resizingColumn",isEmpty:"is-empty",isIconVisible:"is-icon-visible",cellSizer:"ms-DetailsHeader-cellSizer",isResizing:"is-resizing",dropHintCircleStyle:"ms-DetailsHeader-dropHintCircleStyle",dropHintLineStyle:"ms-DetailsHeader-dropHintLineStyle",cellTitle:"ms-DetailsHeader-cellTitle",cellName:"ms-DetailsHeader-cellName",filterChevron:"ms-DetailsHeader-filterChevron",gripperBarVerticalStyle:"ms-DetailsColumn-gripperBar",nearIcon:"ms-DetailsColumn-nearIcon"},DetailsColumn=(0,styled.z)(DetailsColumnBase,function(props){var _a,theme=props.theme,headerClassName=props.headerClassName,iconClassName=props.iconClassName,isActionable=props.isActionable,isEmpty=props.isEmpty,isIconVisible=props.isIconVisible,isPadded=props.isPadded,isIconOnly=props.isIconOnly,_b=props.cellStyleProps,cellStyleProps=void 0===_b?DEFAULT_CELL_STYLE_PROPS:_b,transitionDurationDrag=props.transitionDurationDrag,transitionDurationDrop=props.transitionDurationDrop,semanticColors=theme.semanticColors,palette=theme.palette,fonts=theme.fonts,classNames=(0,lib.Cn)(DetailsColumn_styles_GlobalClassNames,theme),colors={iconForegroundColor:semanticColors.bodySubtext,headerForegroundColor:semanticColors.bodyText,headerBackgroundColor:semanticColors.bodyBackground,dropdownChevronForegroundColor:palette.neutralSecondary,resizerColor:palette.neutralTertiaryAlt},nearIconStyle={color:colors.iconForegroundColor,opacity:1,paddingLeft:8},borderWhileDragging={outline:"1px solid "+palette.themePrimary},borderAfterDragOrDrop={outlineColor:"transparent"};return{root:[getCellStyles(props),fonts.small,isActionable&&[classNames.isActionable,{selectors:{":hover":{color:semanticColors.bodyText,background:semanticColors.listHeaderBackgroundHovered},":active":{background:semanticColors.listHeaderBackgroundPressed}}}],isEmpty&&[classNames.isEmpty,{textOverflow:"clip"}],isIconVisible&&classNames.isIconVisible,isPadded&&{paddingRight:cellStyleProps.cellExtraRightPadding+cellStyleProps.cellRightPadding},{selectors:{':hover i[data-icon-name="GripperBarVertical"]':{display:"block"}}},headerClassName],gripperBarVerticalStyle:{display:"none",position:"absolute",textAlign:"left",color:palette.neutralTertiary,left:1},nearIcon:[classNames.nearIcon,nearIconStyle],sortIcon:[nearIconStyle,{paddingLeft:4,position:"relative",top:1}],iconClassName:[{color:colors.iconForegroundColor,opacity:1},iconClassName],filterChevron:[classNames.filterChevron,{color:colors.dropdownChevronForegroundColor,paddingLeft:6,verticalAlign:"middle",fontSize:fonts.small.fontSize}],cellTitle:[classNames.cellTitle,(0,lib.GL)(theme),(0,tslib_es6.pi)({display:"flex",flexDirection:"row",justifyContent:"flex-start",alignItems:"stretch",boxSizing:"border-box",overflow:"hidden",padding:"0 "+cellStyleProps.cellRightPadding+"px 0 "+cellStyleProps.cellLeftPadding+"px"},isIconOnly?{alignContent:"flex-end",maxHeight:"100%",flexWrap:"wrap-reverse"}:{})],cellName:[classNames.cellName,{flex:"0 1 auto",overflow:"hidden",textOverflow:"ellipsis",fontWeight:lib.lq.semibold,fontSize:fonts.medium.fontSize},isIconOnly&&{selectors:((_a={})["."+classNames.nearIcon]={paddingLeft:0},_a)}],cellTooltip:{display:"block",position:"absolute",top:0,left:0,bottom:0,right:0},accessibleLabel:lib.ul,borderWhileDragging:borderWhileDragging,noBorderWhileDragging:[borderAfterDragOrDrop,{transition:"outline "+transitionDurationDrag+"ms ease"}],borderAfterDropping:borderWhileDragging,noBorderAfterDropping:[borderAfterDragOrDrop,{transition:"outline "+transitionDurationDrop+"ms ease"}]}},void 0,{scope:"DetailsColumn"});(SelectAllVisibility=SelectAllVisibility1||(SelectAllVisibility1={}))[SelectAllVisibility.none=0]="none",SelectAllVisibility[SelectAllVisibility.hidden=1]="hidden",SelectAllVisibility[SelectAllVisibility.visible=2]="visible";var DetailsHeader_base_getClassNames=(0,classNamesFunction.y)(),NO_COLUMNS=[],DetailsHeaderBase=function(_super){function DetailsHeaderBase(props){var _this=_super.call(this,props)||this;return _this._rootElement=react.createRef(),_this._rootComponent=react.createRef(),_this._draggedColumnIndex=-1,_this._dropHintDetails={},_this._updateDroppingState=function(newValue,event){_this._draggedColumnIndex>=0&&"drop"!==event.type&&!newValue&&_this._resetDropHints()},_this._onDragOver=function(item,event){_this._draggedColumnIndex>=0&&(event.stopPropagation(),_this._computeDropHintToBeShown(event.clientX))},_this._onDrop=function(item,event){var columnReorderProps=_this._getColumnReorderProps();if(_this._draggedColumnIndex>=0&&event){var targetIndex=_this._draggedColumnIndex>_this._currentDropHintIndex?_this._currentDropHintIndex:_this._currentDropHintIndex-1,isValidDrop=_this._isValidCurrentDropHintIndex();if(event.stopPropagation(),isValidDrop){if(_this._onDropIndexInfo.sourceIndex=_this._draggedColumnIndex,_this._onDropIndexInfo.targetIndex=targetIndex,columnReorderProps.onColumnDrop){var dragDropDetails={draggedIndex:_this._draggedColumnIndex,targetIndex:targetIndex};columnReorderProps.onColumnDrop(dragDropDetails)}else columnReorderProps.handleColumnReorder&&columnReorderProps.handleColumnReorder(_this._draggedColumnIndex,targetIndex)}}_this._resetDropHints(),_this._dropHintDetails={},_this._draggedColumnIndex=-1},_this._updateDragInfo=function(props,event){var columnReorderProps=_this._getColumnReorderProps(),itemIndex=props.itemIndex;if(itemIndex>=0)_this._draggedColumnIndex=_this._isCheckboxColumnHidden()?itemIndex-1:itemIndex-2,_this._getDropHintPositions(),columnReorderProps.onColumnDragStart&&columnReorderProps.onColumnDragStart(!0);else if(event&&_this._draggedColumnIndex>=0&&(_this._resetDropHints(),_this._draggedColumnIndex=-1,_this._dropHintDetails={},columnReorderProps.onColumnDragEnd)){var columnDragEndLocation=_this._isEventOnHeader(event);columnReorderProps.onColumnDragEnd({dropLocation:columnDragEndLocation},event)}},_this._getDropHintPositions=function(){for(var prevRef,_a=_this.props.columns,columns=void 0===_a?NO_COLUMNS:_a,columnReorderProps=_this._getColumnReorderProps(),prevX=0,prevMid=0,frozenColumnCountFromStart=columnReorderProps.frozenColumnCountFromStart||0,frozenColumnCountFromEnd=columnReorderProps.frozenColumnCountFromEnd||0,i=frozenColumnCountFromStart;i<columns.length-frozenColumnCountFromEnd+1;i++)if(_this._rootElement.current){var dropHintElement=_this._rootElement.current.querySelectorAll("#columnDropHint_"+i)[0];if(dropHintElement){if(i===frozenColumnCountFromStart)prevX=dropHintElement.offsetLeft,prevMid=dropHintElement.offsetLeft,prevRef=dropHintElement;else{var newMid=(dropHintElement.offsetLeft+prevX)/2;_this._dropHintDetails[i-1]={originX:prevX,startX:prevMid,endX:newMid,dropHintElementRef:prevRef},prevMid=newMid,prevRef=dropHintElement,prevX=dropHintElement.offsetLeft,i===columns.length-frozenColumnCountFromEnd&&(_this._dropHintDetails[i]={originX:prevX,startX:prevMid,endX:dropHintElement.offsetLeft,dropHintElementRef:prevRef})}}}},_this._computeDropHintToBeShown=function(clientX){var isRtl=(0,rtl.zg)(_this.props.theme);if(_this._rootElement.current){var eventXRelativePosition=clientX-_this._rootElement.current.getBoundingClientRect().left,currentDropHintIndex=_this._currentDropHintIndex;if(_this._isValidCurrentDropHintIndex()&&_liesBetween(isRtl,eventXRelativePosition,_this._dropHintDetails[currentDropHintIndex].startX,_this._dropHintDetails[currentDropHintIndex].endX))return;var _a=_this.props.columns,columnReorderProps=_this._getColumnReorderProps(),frozenColumnCountFromStart=columnReorderProps.frozenColumnCountFromStart||0,frozenColumnCountFromEnd=columnReorderProps.frozenColumnCountFromEnd||0,lastValidColumn=(void 0===_a?NO_COLUMNS:_a).length-frozenColumnCountFromEnd,indexToUpdate=-1;if((b=_this._dropHintDetails[frozenColumnCountFromStart].endX,isRtl?eventXRelativePosition>=b:eventXRelativePosition<=b)?indexToUpdate=frozenColumnCountFromStart:(rtl1=isRtl,a=eventXRelativePosition,b1=_this._dropHintDetails[lastValidColumn].startX,rtl1?a<=b1:a>=b1)?indexToUpdate=lastValidColumn:_this._isValidCurrentDropHintIndex()&&(_this._dropHintDetails[currentDropHintIndex+1]&&_liesBetween(isRtl,eventXRelativePosition,_this._dropHintDetails[currentDropHintIndex+1].startX,_this._dropHintDetails[currentDropHintIndex+1].endX)?indexToUpdate=currentDropHintIndex+1:_this._dropHintDetails[currentDropHintIndex-1]&&_liesBetween(isRtl,eventXRelativePosition,_this._dropHintDetails[currentDropHintIndex-1].startX,_this._dropHintDetails[currentDropHintIndex-1].endX)&&(indexToUpdate=currentDropHintIndex-1)),-1===indexToUpdate)for(var startIndex=frozenColumnCountFromStart,endIndex=lastValidColumn;startIndex<endIndex;){var b,rtl1,a,b1,b2,b3,middleIndex=Math.ceil((endIndex+startIndex)/2);if(_liesBetween(isRtl,eventXRelativePosition,_this._dropHintDetails[middleIndex].startX,_this._dropHintDetails[middleIndex].endX)){indexToUpdate=middleIndex;break}(b2=_this._dropHintDetails[middleIndex].originX,isRtl?eventXRelativePosition>=b2:eventXRelativePosition<=b2)?endIndex=middleIndex:(b3=_this._dropHintDetails[middleIndex].originX,(isRtl?eventXRelativePosition<=b3:eventXRelativePosition>=b3)&&(startIndex=middleIndex))}indexToUpdate===_this._draggedColumnIndex||indexToUpdate===_this._draggedColumnIndex+1?_this._isValidCurrentDropHintIndex()&&_this._resetDropHints():currentDropHintIndex!==indexToUpdate&&indexToUpdate>=0&&(_this._resetDropHints(),_this._updateDropHintElement(_this._dropHintDetails[indexToUpdate].dropHintElementRef,"inline-block"),_this._currentDropHintIndex=indexToUpdate)}},_this._renderColumnSizer=function(_a){var _b,columnIndex=_a.columnIndex,_c=_this.props.columns,columns=void 0===_c?NO_COLUMNS:_c,column=columns[columnIndex],columnResizeDetails=_this.state.columnResizeDetails,classNames=_this._classNames;return column.isResizable?react.createElement("div",{key:column.key+"_sizer","aria-hidden":!0,role:"button","data-is-focusable":!1,onClick:_stopPropagation,"data-sizer-index":columnIndex,onBlur:_this._onSizerBlur,className:(0,css.i)(classNames.cellSizer,columnIndex<columns.length-1?classNames.cellSizerStart:classNames.cellSizerEnd,((_b={})[classNames.cellIsResizing]=columnResizeDetails&&columnResizeDetails.columnIndex===columnIndex,_b)),onDoubleClick:_this._onSizerDoubleClick.bind(_this,columnIndex)}):null},_this._onRenderColumnHeaderTooltip=function(tooltipHostProps){return react.createElement("span",{className:tooltipHostProps.hostClassName},tooltipHostProps.children)},_this._onSelectAllClicked=function(){var selection=_this.props.selection;selection&&selection.toggleAllSelected()},_this._onRootMouseDown=function(ev){var columnIndexAttr=ev.target.getAttribute("data-sizer-index"),columnIndex=Number(columnIndexAttr),_a=_this.props.columns;null!==columnIndexAttr&&0===ev.button&&(_this.setState({columnResizeDetails:{columnIndex:columnIndex,columnMinWidth:(void 0===_a?NO_COLUMNS:_a)[columnIndex].calculatedWidth,originX:ev.clientX}}),ev.preventDefault(),ev.stopPropagation())},_this._onRootMouseMove=function(ev){var _a=_this.state,columnResizeDetails=_a.columnResizeDetails,isSizing=_a.isSizing;columnResizeDetails&&!isSizing&&ev.clientX!==columnResizeDetails.originX&&_this.setState({isSizing:!0})},_this._onRootKeyDown=function(ev){var _a=_this.state,columnResizeDetails=_a.columnResizeDetails,isSizing=_a.isSizing,_b=_this.props,_c=_b.columns,columns=void 0===_c?NO_COLUMNS:_c,onColumnResized=_b.onColumnResized,columnIndexAttr=ev.target.getAttribute("data-sizer-index");if(columnIndexAttr&&!isSizing){var columnIndex=Number(columnIndexAttr);if(columnResizeDetails){var increment=void 0;ev.which===KeyCodes.m.enter?(_this.setState({columnResizeDetails:void 0}),ev.preventDefault(),ev.stopPropagation()):ev.which===KeyCodes.m.left?increment=(0,rtl.zg)(_this.props.theme)?1:-1:ev.which===KeyCodes.m.right&&(increment=(0,rtl.zg)(_this.props.theme)?-1:1),increment&&(ev.shiftKey||(increment*=10),_this.setState({columnResizeDetails:(0,tslib_es6.pi)((0,tslib_es6.pi)({},columnResizeDetails),{columnMinWidth:columnResizeDetails.columnMinWidth+increment})}),onColumnResized&&onColumnResized(columns[columnIndex],columnResizeDetails.columnMinWidth+increment,columnIndex),ev.preventDefault(),ev.stopPropagation())}else ev.which===KeyCodes.m.enter&&(_this.setState({columnResizeDetails:{columnIndex:columnIndex,columnMinWidth:columns[columnIndex].calculatedWidth}}),ev.preventDefault(),ev.stopPropagation())}},_this._onSizerMouseMove=function(ev){var buttons=ev.buttons,_a=_this.props,onColumnIsSizingChanged=_a.onColumnIsSizingChanged,onColumnResized=_a.onColumnResized,_b=_a.columns,columns=void 0===_b?NO_COLUMNS:_b,columnResizeDetails=_this.state.columnResizeDetails;if(void 0!==buttons&&1!==buttons){_this._onSizerMouseUp(ev);return}if(ev.clientX!==columnResizeDetails.originX&&onColumnIsSizingChanged&&onColumnIsSizingChanged(columns[columnResizeDetails.columnIndex],!0),onColumnResized){var movement=ev.clientX-columnResizeDetails.originX;(0,rtl.zg)(_this.props.theme)&&(movement=-movement),onColumnResized(columns[columnResizeDetails.columnIndex],columnResizeDetails.columnMinWidth+movement,columnResizeDetails.columnIndex)}},_this._onSizerBlur=function(ev){_this.state.columnResizeDetails&&_this.setState({columnResizeDetails:void 0,isSizing:!1})},_this._onSizerMouseUp=function(ev){var _a=_this.props,_b=_a.columns,onColumnIsSizingChanged=_a.onColumnIsSizingChanged,columnResizeDetails=_this.state.columnResizeDetails;_this.setState({columnResizeDetails:void 0,isSizing:!1}),onColumnIsSizingChanged&&onColumnIsSizingChanged((void 0===_b?NO_COLUMNS:_b)[columnResizeDetails.columnIndex],!1)},_this._onToggleCollapseAll=function(){var onToggleCollapseAll=_this.props.onToggleCollapseAll,newCollapsed=!_this.state.isAllCollapsed;_this.setState({isAllCollapsed:newCollapsed}),onToggleCollapseAll&&onToggleCollapseAll(newCollapsed)},(0,initializeComponentRef.l)(_this),_this._events=new EventGroup.r(_this),_this.state={columnResizeDetails:void 0,isAllCollapsed:_this.props.isAllCollapsed,isAllSelected:!!_this.props.selection&&_this.props.selection.isAllSelected()},_this._onDropIndexInfo={sourceIndex:-1,targetIndex:-1},_this._id=(0,getId.z)("header"),_this._currentDropHintIndex=-1,_this._dragDropHelper=new DragDropHelper({selection:{getSelection:function(){}},minimumPixelsForDrag:_this.props.minimumPixelsForDrag}),_this}return(0,tslib_es6.ZT)(DetailsHeaderBase,_super),DetailsHeaderBase.prototype.componentDidMount=function(){var selection=this.props.selection;this._events.on(selection,Selection_types.F5,this._onSelectionChanged),this._rootElement.current&&(this._events.on(this._rootElement.current,"mousedown",this._onRootMouseDown),this._events.on(this._rootElement.current,"keydown",this._onRootKeyDown),this._getColumnReorderProps()&&(this._subscriptionObject=this._dragDropHelper.subscribe(this._rootElement.current,this._events,this._getHeaderDragDropOptions())))},DetailsHeaderBase.prototype.componentDidUpdate=function(prevProps){if(this._getColumnReorderProps()?!this._subscriptionObject&&this._rootElement.current&&(this._subscriptionObject=this._dragDropHelper.subscribe(this._rootElement.current,this._events,this._getHeaderDragDropOptions())):this._subscriptionObject&&(this._subscriptionObject.dispose(),delete this._subscriptionObject),this.props!==prevProps&&this._onDropIndexInfo.sourceIndex>=0&&this._onDropIndexInfo.targetIndex>=0){var _a=prevProps.columns,_b=this.props.columns;(void 0===_a?NO_COLUMNS:_a)[this._onDropIndexInfo.sourceIndex].key===(void 0===_b?NO_COLUMNS:_b)[this._onDropIndexInfo.targetIndex].key&&(this._onDropIndexInfo={sourceIndex:-1,targetIndex:-1})}this.props.isAllCollapsed!==prevProps.isAllCollapsed&&this.setState({isAllCollapsed:this.props.isAllCollapsed})},DetailsHeaderBase.prototype.componentWillUnmount=function(){this._subscriptionObject&&(this._subscriptionObject.dispose(),delete this._subscriptionObject),this._dragDropHelper.dispose(),this._events.dispose()},DetailsHeaderBase.prototype.render=function(){var _this=this,_a=this.props,_b=_a.columns,columns=void 0===_b?NO_COLUMNS:_b,ariaLabel=_a.ariaLabel,ariaLabelForToggleAllGroupsButton=_a.ariaLabelForToggleAllGroupsButton,ariaLabelForSelectAllCheckbox=_a.ariaLabelForSelectAllCheckbox,selectAllVisibility=_a.selectAllVisibility,ariaLabelForSelectionColumn=_a.ariaLabelForSelectionColumn,indentWidth=_a.indentWidth,onColumnClick=_a.onColumnClick,onColumnContextMenu=_a.onColumnContextMenu,_c=_a.onRenderColumnHeaderTooltip,onRenderColumnHeaderTooltip=void 0===_c?this._onRenderColumnHeaderTooltip:_c,styles=_a.styles,selectionMode=_a.selectionMode,theme=_a.theme,onRenderDetailsCheckbox=_a.onRenderDetailsCheckbox,groupNestingDepth=_a.groupNestingDepth,useFastIcons=_a.useFastIcons,checkboxVisibility=_a.checkboxVisibility,className=_a.className,_d=this.state,isAllSelected=_d.isAllSelected,columnResizeDetails=_d.columnResizeDetails,isSizing=_d.isSizing,isAllCollapsed=_d.isAllCollapsed,showCheckbox=selectAllVisibility!==SelectAllVisibility1.none,isCheckboxHidden=selectAllVisibility===SelectAllVisibility1.hidden,isCheckboxAlwaysVisible=checkboxVisibility===DetailsList_types.tY.always,columnReorderProps=this._getColumnReorderProps(),frozenColumnCountFromStart=columnReorderProps&&columnReorderProps.frozenColumnCountFromStart?columnReorderProps.frozenColumnCountFromStart:0,frozenColumnCountFromEnd=columnReorderProps&&columnReorderProps.frozenColumnCountFromEnd?columnReorderProps.frozenColumnCountFromEnd:0;this._classNames=DetailsHeader_base_getClassNames(styles,{theme:theme,isAllSelected:isAllSelected,isSelectAllHidden:selectAllVisibility===SelectAllVisibility1.hidden,isResizingColumn:!!columnResizeDetails&&isSizing,isSizing:isSizing,isAllCollapsed:isAllCollapsed,isCheckboxHidden:isCheckboxHidden,className:className});var classNames=this._classNames,IconComponent=useFastIcons?FontIcon.xu:Icon.J,showGroupExpander=groupNestingDepth>0&&this.props.collapseAllVisibility===CollapseAllVisibility1.visible,columnIndexOffset=1+(showCheckbox?1:0)+(showGroupExpander?1:0),isRTL=(0,rtl.zg)(theme);return react.createElement(FocusZone.k,{role:"row","aria-label":ariaLabel,className:classNames.root,componentRef:this._rootComponent,elementRef:this._rootElement,onMouseMove:this._onRootMouseMove,"data-automationid":"DetailsHeader",direction:FocusZone_types.U.horizontal},showCheckbox?[react.createElement("div",{key:"__checkbox",className:classNames.cellIsCheck,"aria-labelledby":this._id+"-checkTooltip",onClick:isCheckboxHidden?void 0:this._onSelectAllClicked,role:"columnheader"},onRenderColumnHeaderTooltip({hostClassName:classNames.checkTooltip,id:this._id+"-checkTooltip",setAriaDescribedBy:!1,content:ariaLabelForSelectAllCheckbox,children:react.createElement(DetailsRowCheck,{id:this._id+"-check","aria-label":selectionMode===Selection_types.oW.multiple?ariaLabelForSelectAllCheckbox:ariaLabelForSelectionColumn,"data-is-focusable":!isCheckboxHidden||void 0,isHeader:!0,selected:isAllSelected,anySelected:!1,canSelect:!isCheckboxHidden,className:classNames.check,onRenderDetailsCheckbox:onRenderDetailsCheckbox,useFastIcons:useFastIcons,isVisible:isCheckboxAlwaysVisible})},this._onRenderColumnHeaderTooltip)),this.props.onRenderColumnHeaderTooltip?null:ariaLabelForSelectAllCheckbox&&!isCheckboxHidden?react.createElement("label",{key:"__checkboxLabel",id:this._id+"-checkTooltip",className:classNames.accessibleLabel,"aria-hidden":!0},ariaLabelForSelectAllCheckbox):ariaLabelForSelectionColumn&&isCheckboxHidden?react.createElement("label",{key:"__checkboxLabel",id:this._id+"-checkTooltip",className:classNames.accessibleLabel,"aria-hidden":!0},ariaLabelForSelectionColumn):null]:null,showGroupExpander?react.createElement("div",{className:classNames.cellIsGroupExpander,onClick:this._onToggleCollapseAll,"data-is-focusable":!0,"aria-label":ariaLabelForToggleAllGroupsButton,"aria-expanded":!isAllCollapsed,role:"columnheader"},react.createElement(IconComponent,{className:classNames.collapseButton,iconName:isRTL?"ChevronLeftMed":"ChevronRightMed"}),react.createElement("span",{className:classNames.accessibleLabel},ariaLabelForToggleAllGroupsButton)):null,react.createElement(GroupSpacer,{indentWidth:indentWidth,role:"gridcell",count:groupNestingDepth-1}),columns.map(function(column,columnIndex){var _isDraggable=!!columnReorderProps&&columnIndex>=frozenColumnCountFromStart&&columnIndex<columns.length-frozenColumnCountFromEnd;return[columnReorderProps&&(_isDraggable||columnIndex===columns.length-frozenColumnCountFromEnd)&&_this._renderDropHint(columnIndex),react.createElement(DetailsColumn,{column:column,styles:column.styles,key:column.key,columnIndex:columnIndexOffset+columnIndex,parentId:_this._id,isDraggable:_isDraggable,updateDragInfo:_this._updateDragInfo,dragDropHelper:_this._dragDropHelper,onColumnClick:onColumnClick,onColumnContextMenu:onColumnContextMenu,onRenderColumnHeaderTooltip:_this.props.onRenderColumnHeaderTooltip,isDropped:_this._onDropIndexInfo.targetIndex===columnIndex,cellStyleProps:_this.props.cellStyleProps,useFastIcons:useFastIcons}),_this._renderColumnDivider(columnIndex)]}),columnReorderProps&&0===frozenColumnCountFromEnd&&this._renderDropHint(columns.length),isSizing&&react.createElement(Layer.m,null,react.createElement("div",{className:classNames.sizingOverlay,onMouseMove:this._onSizerMouseMove,onMouseUp:this._onSizerMouseUp})))},DetailsHeaderBase.prototype.focus=function(){var _a;return!!(null===(_a=this._rootComponent.current)||void 0===_a?void 0:_a.focus())},DetailsHeaderBase.prototype._getColumnReorderProps=function(){var _a=this.props,columnReorderOptions=_a.columnReorderOptions;return _a.columnReorderProps||columnReorderOptions&&(0,tslib_es6.pi)((0,tslib_es6.pi)({},columnReorderOptions),{onColumnDragEnd:void 0})},DetailsHeaderBase.prototype._getHeaderDragDropOptions=function(){return{selectionIndex:1,context:{data:this,index:0},canDrag:function(){return!1},canDrop:function(){return!0},onDragStart:function(){},updateDropState:this._updateDroppingState,onDrop:this._onDrop,onDragEnd:function(){},onDragOver:this._onDragOver}},DetailsHeaderBase.prototype._isValidCurrentDropHintIndex=function(){return this._currentDropHintIndex>=0},DetailsHeaderBase.prototype._isCheckboxColumnHidden=function(){var _a=this.props,selectionMode=_a.selectionMode,checkboxVisibility=_a.checkboxVisibility;return selectionMode===Selection_types.oW.none||checkboxVisibility===DetailsList_types.tY.hidden},DetailsHeaderBase.prototype._resetDropHints=function(){this._currentDropHintIndex>=0&&(this._updateDropHintElement(this._dropHintDetails[this._currentDropHintIndex].dropHintElementRef,"none"),this._currentDropHintIndex=-1)},DetailsHeaderBase.prototype._updateDropHintElement=function(element,displayProperty){element.childNodes[1].style.display=displayProperty,element.childNodes[0].style.display=displayProperty},DetailsHeaderBase.prototype._isEventOnHeader=function(event){if(this._rootElement.current){var clientRect=this._rootElement.current.getBoundingClientRect();if(event.clientX>clientRect.left&&event.clientX<clientRect.right&&event.clientY>clientRect.top&&event.clientY<clientRect.bottom)return DetailsList_types.fQ.header}},DetailsHeaderBase.prototype._renderColumnDivider=function(columnIndex){var _a=this.props.columns,column=(void 0===_a?NO_COLUMNS:_a)[columnIndex],onRenderDivider=column.onRenderDivider;return onRenderDivider?onRenderDivider({column:column,columnIndex:columnIndex},this._renderColumnSizer):this._renderColumnSizer({column:column,columnIndex:columnIndex})},DetailsHeaderBase.prototype._renderDropHint=function(dropHintIndex){var classNames=this._classNames,IconComponent=this.props.useFastIcons?FontIcon.xu:Icon.J;return react.createElement("div",{key:"dropHintKey",className:classNames.dropHintStyle,id:"columnDropHint_"+dropHintIndex},react.createElement("div",{role:"presentation",key:"dropHintCircleKey",className:classNames.dropHintCaretStyle,"data-is-focusable":!1,"data-sizer-index":dropHintIndex,"aria-hidden":!0},react.createElement(IconComponent,{iconName:"CircleShapeSolid"})),react.createElement("div",{key:"dropHintLineKey","aria-hidden":!0,"data-is-focusable":!1,"data-sizer-index":dropHintIndex,className:classNames.dropHintLineStyle}))},DetailsHeaderBase.prototype._onSizerDoubleClick=function(columnIndex,ev){var _a=this.props,onColumnAutoResized=_a.onColumnAutoResized,_b=_a.columns;onColumnAutoResized&&onColumnAutoResized((void 0===_b?NO_COLUMNS:_b)[columnIndex],columnIndex)},DetailsHeaderBase.prototype._onSelectionChanged=function(){var isAllSelected=!!this.props.selection&&this.props.selection.isAllSelected();this.state.isAllSelected!==isAllSelected&&this.setState({isAllSelected:isAllSelected})},DetailsHeaderBase.defaultProps={selectAllVisibility:SelectAllVisibility1.visible,collapseAllVisibility:CollapseAllVisibility1.visible,useFastIcons:!0},DetailsHeaderBase}(react.Component);function _liesBetween(rtl,target,left,right){return rtl?target<=left&&target>=right:target>=left&&target<=right}function _stopPropagation(ev){ev.stopPropagation()}var DetailsHeader=(0,styled.z)(DetailsHeaderBase,function(props){var _a,_b,_c,_d,theme=props.theme,className=props.className,isAllSelected=props.isAllSelected,isResizingColumn=props.isResizingColumn,isSizing=props.isSizing,isAllCollapsed=props.isAllCollapsed,_e=props.cellStyleProps,cellStyleProps=void 0===_e?DEFAULT_CELL_STYLE_PROPS:_e,semanticColors=theme.semanticColors,palette=theme.palette,fonts=theme.fonts,classNames=(0,lib.Cn)(GlobalClassNames,theme),colors={iconForegroundColor:semanticColors.bodySubtext,headerForegroundColor:semanticColors.bodyText,headerBackgroundColor:semanticColors.bodyBackground,resizerColor:palette.neutralTertiaryAlt},cellSizerFadeInStyles={opacity:1,transition:"opacity 0.3s linear"},cellStyles=getCellStyles(props);return{root:[classNames.root,fonts.small,{display:"inline-block",background:colors.headerBackgroundColor,position:"relative",minWidth:"100%",verticalAlign:"top",height:42,lineHeight:42,whiteSpace:"nowrap",boxSizing:"content-box",paddingBottom:"1px",paddingTop:"16px",borderBottom:"1px solid "+semanticColors.bodyDivider,cursor:"default",userSelect:"none",selectors:((_a={})["&:hover ."+classNames.check]={opacity:1},_a["& ."+classNames.tooltipHost+" ."+classNames.checkTooltip]={display:"block"},_a)},isAllSelected&&classNames.isAllSelected,isResizingColumn&&classNames.isResizingColumn,className],check:[classNames.check,{height:42},{selectors:((_b={})["."+setFocusVisibility.G$+" &:focus"]={opacity:1},_b)}],cellWrapperPadded:{paddingRight:cellStyleProps.cellExtraRightPadding+cellStyleProps.cellRightPadding},cellIsCheck:[cellStyles,classNames.cellIsCheck,{position:"relative",padding:0,margin:0,display:"inline-flex",alignItems:"center",border:"none"},isAllSelected&&{opacity:1}],cellIsGroupExpander:[cellStyles,{display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:fonts.small.fontSize,padding:0,border:"none",width:36,color:palette.neutralSecondary,selectors:{":hover":{backgroundColor:palette.neutralLighter},":active":{backgroundColor:palette.neutralLight}}}],cellIsActionable:{selectors:{":hover":{color:semanticColors.bodyText,background:semanticColors.listHeaderBackgroundHovered},":active":{background:semanticColors.listHeaderBackgroundPressed}}},cellIsEmpty:{textOverflow:"clip"},cellSizer:[classNames.cellSizer,(0,lib.e2)(),{display:"inline-block",position:"relative",cursor:"ew-resize",bottom:0,top:0,overflow:"hidden",height:"inherit",background:"transparent",zIndex:1,width:16,selectors:((_c={":after":{content:'""',position:"absolute",top:0,bottom:0,width:1,background:colors.resizerColor,opacity:0,left:"50%"},":focus:after":cellSizerFadeInStyles,":hover:after":cellSizerFadeInStyles})["&."+classNames.isResizing+":after"]=[cellSizerFadeInStyles,{boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.4)"}],_c)}],cellIsResizing:classNames.isResizing,cellSizerStart:{margin:"0 -8px"},cellSizerEnd:{margin:0,marginLeft:-16},collapseButton:[classNames.collapseButton,{transformOrigin:"50% 50%",transition:"transform .1s linear"},isAllCollapsed?[classNames.isCollapsed,{transform:"rotate(0deg)"}]:{transform:(0,rtl.zg)(theme)?"rotate(-90deg)":"rotate(90deg)"}],checkTooltip:classNames.checkTooltip,sizingOverlay:isSizing&&{position:"absolute",left:0,top:0,right:0,bottom:0,cursor:"ew-resize",background:"rgba(255, 255, 255, 0)",selectors:((_d={})[lib.qJ]=(0,tslib_es6.pi)({background:"transparent"},(0,lib.xM)()),_d)},accessibleLabel:lib.ul,dropHintCircleStyle:[classNames.dropHintCircleStyle,{display:"inline-block",visibility:"hidden",position:"absolute",bottom:0,height:9,width:9,borderRadius:"50%",marginLeft:-5,top:34,overflow:"visible",zIndex:10,border:"1px solid "+palette.themePrimary,background:palette.white}],dropHintCaretStyle:[classNames.dropHintCaretStyle,{display:"none",position:"absolute",top:-28,left:-6.5,fontSize:fonts.medium.fontSize,color:palette.themePrimary,overflow:"visible",zIndex:10}],dropHintLineStyle:[classNames.dropHintLineStyle,{display:"none",position:"absolute",bottom:0,top:0,overflow:"hidden",height:42,width:1,background:palette.themePrimary,zIndex:10}],dropHintStyle:{display:"inline-block",position:"absolute"}}},void 0,{scope:"DetailsHeader"}),object=__webpack_require__(2650),composeComponentAs=__webpack_require__(4068),getCellText=function(item,column){var value=item&&column&&column.fieldName?item[column.fieldName]:"";return(null==value&&(value=""),"boolean"==typeof value)?value.toString():value},DetailsRowFields=function(props){var columns=props.columns,rowClassNames=props.rowClassNames,_a=props.cellStyleProps,cellStyleProps=void 0===_a?DEFAULT_CELL_STYLE_PROPS:_a,item=props.item,itemIndex=props.itemIndex,isSelected=props.isSelected,onRenderItemColumn=props.onRenderItemColumn,getCellValueKey=props.getCellValueKey,propsOnRenderField=props.onRenderField,cellsByColumn=props.cellsByColumn,enableUpdateAnimations=props.enableUpdateAnimations,rowHeaderId=props.rowHeaderId,cellValueKeysRef=react.useRef(),cellValueKeys=cellValueKeysRef.current||(cellValueKeysRef.current={}),defaultOnRenderField=react.useCallback(function(fieldProps){var column=fieldProps.column,cellValueKey=fieldProps.cellValueKey,className=fieldProps.className,onRender=fieldProps.onRender,fieldItem=fieldProps.item,fieldItemIndex=fieldProps.itemIndex,width=void 0===column.calculatedWidth?"auto":column.calculatedWidth+cellStyleProps.cellLeftPadding+cellStyleProps.cellRightPadding+(column.isPadded?cellStyleProps.cellExtraRightPadding:0),key=""+column.key+(void 0!==cellValueKey?"-"+cellValueKey:"");return react.createElement("div",{key:key,id:column.isRowHeader?rowHeaderId:void 0,role:column.isRowHeader?"rowheader":"gridcell",className:(0,css.i)(column.className,column.isMultiline&&rowClassNames.isMultiline,column.isRowHeader&&rowClassNames.isRowHeader,rowClassNames.cell,column.isPadded?rowClassNames.cellPadded:rowClassNames.cellUnpadded,className),style:{width:width},"data-automationid":"DetailsRowCell","data-automation-key":column.key},onRender(fieldItem,fieldItemIndex,column))},[rowClassNames,cellStyleProps,rowHeaderId]);return react.createElement("div",{className:rowClassNames.fields,"data-automationid":"DetailsRowFields",role:"presentation"},columns.map(function(column){var _a=column.getValueKey,getValueKey=void 0===_a?getCellValueKey:_a,onRender=cellsByColumn&&column.key in cellsByColumn&&function(){return cellsByColumn[column.key]}||column.onRender||onRenderItemColumn||defaultOnRender,onRenderField=defaultOnRenderField;column.onRenderField&&(onRenderField=(0,composeRenderFunction.k)(column.onRenderField,onRenderField)),propsOnRenderField&&(onRenderField=(0,composeRenderFunction.k)(propsOnRenderField,onRenderField));var previousValueKey=cellValueKeys[column.key],cellValueKey=enableUpdateAnimations&&getValueKey?getValueKey(item,itemIndex,column):void 0,showAnimation=!1;return void 0!==cellValueKey&&void 0!==previousValueKey&&cellValueKey!==previousValueKey&&(showAnimation=!0),cellValueKeys[column.key]=cellValueKey,onRenderField({item:item,itemIndex:itemIndex,isSelected:isSelected,column:column,cellValueKey:cellValueKey,className:showAnimation?rowClassNames.cellAnimation:void 0,onRender:onRender})}))};function defaultOnRender(item,index,column){return item&&column?getCellText(item,column):null}var DetailsRow_base_getClassNames=(0,classNamesFunction.y)(),DetailsRow_base_NO_COLUMNS=[],DetailsRowBase=function(_super){function DetailsRowBase(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._cellMeasurer=react.createRef(),_this._focusZone=react.createRef(),_this._onSelectionChanged=function(){var selectionState=getSelectionState(_this.props);(0,object.Vv)(selectionState,_this.state.selectionState)||_this.setState({selectionState:selectionState})},_this._updateDroppingState=function(newValue,event){var isDropping=_this.state.isDropping,_a=_this.props,dragDropEvents=_a.dragDropEvents,item=_a.item;newValue?dragDropEvents.onDragEnter&&(_this._droppingClassNames=dragDropEvents.onDragEnter(item,event)):dragDropEvents.onDragLeave&&dragDropEvents.onDragLeave(item,event),isDropping!==newValue&&_this.setState({isDropping:newValue})},(0,initializeComponentRef.l)(_this),_this._events=new EventGroup.r(_this),_this.state={selectionState:getSelectionState(props),columnMeasureInfo:void 0,isDropping:!1},_this._droppingClassNames="",_this}return(0,tslib_es6.ZT)(DetailsRowBase,_super),DetailsRowBase.getDerivedStateFromProps=function(nextProps,previousState){return(0,tslib_es6.pi)((0,tslib_es6.pi)({},previousState),{selectionState:getSelectionState(nextProps)})},DetailsRowBase.prototype.componentDidMount=function(){var _a=this.props,dragDropHelper=_a.dragDropHelper,selection=_a.selection,item=_a.item,onDidMount=_a.onDidMount;dragDropHelper&&this._root.current&&(this._dragDropSubscription=dragDropHelper.subscribe(this._root.current,this._events,this._getRowDragDropOptions())),selection&&this._events.on(selection,Selection_types.F5,this._onSelectionChanged),onDidMount&&item&&(this._onDidMountCalled=!0,onDidMount(this))},DetailsRowBase.prototype.componentDidUpdate=function(previousProps){var state=this.state,_a=this.props,item=_a.item,onDidMount=_a.onDidMount,columnMeasureInfo=state.columnMeasureInfo;if((this.props.itemIndex!==previousProps.itemIndex||this.props.item!==previousProps.item||this.props.dragDropHelper!==previousProps.dragDropHelper)&&(this._dragDropSubscription&&(this._dragDropSubscription.dispose(),delete this._dragDropSubscription),this.props.dragDropHelper&&this._root.current&&(this._dragDropSubscription=this.props.dragDropHelper.subscribe(this._root.current,this._events,this._getRowDragDropOptions()))),columnMeasureInfo&&columnMeasureInfo.index>=0&&this._cellMeasurer.current){var newWidth=this._cellMeasurer.current.getBoundingClientRect().width;columnMeasureInfo.onMeasureDone(newWidth),this.setState({columnMeasureInfo:void 0})}item&&onDidMount&&!this._onDidMountCalled&&(this._onDidMountCalled=!0,onDidMount(this))},DetailsRowBase.prototype.componentWillUnmount=function(){var _a=this.props,item=_a.item,onWillUnmount=_a.onWillUnmount;onWillUnmount&&item&&onWillUnmount(this),this._dragDropSubscription&&(this._dragDropSubscription.dispose(),delete this._dragDropSubscription),this._events.dispose()},DetailsRowBase.prototype.shouldComponentUpdate=function(nextProps,nextState){if(!this.props.useReducedRowRenderer)return!0;var newSelectionState=getSelectionState(nextProps);return this.state.selectionState.isSelected!==newSelectionState.isSelected||!(0,object.Vv)(this.props,nextProps)},DetailsRowBase.prototype.render=function(){var _a=this.props,className=_a.className,_b=_a.columns,columns=void 0===_b?DetailsRow_base_NO_COLUMNS:_b,dragDropEvents=_a.dragDropEvents,item=_a.item,itemIndex=_a.itemIndex,id=_a.id,_c=_a.flatIndexOffset,_d=_a.onRenderCheck,onRenderCheck=void 0===_d?this._onRenderCheck:_d,onRenderDetailsCheckbox=_a.onRenderDetailsCheckbox,onRenderItemColumn=_a.onRenderItemColumn,onRenderField=_a.onRenderField,getCellValueKey=_a.getCellValueKey,selectionMode=_a.selectionMode,_e=_a.rowWidth,checkboxVisibility=_a.checkboxVisibility,getRowAriaLabel=_a.getRowAriaLabel,getRowAriaDescription=_a.getRowAriaDescription,getRowAriaDescribedBy=_a.getRowAriaDescribedBy,isGridRow=_a.isGridRow,checkButtonAriaLabel=_a.checkButtonAriaLabel,checkboxCellClassName=_a.checkboxCellClassName,rowFieldsAs=_a.rowFieldsAs,selection=_a.selection,indentWidth=_a.indentWidth,enableUpdateAnimations=_a.enableUpdateAnimations,compact=_a.compact,theme=_a.theme,styles=_a.styles,cellsByColumn=_a.cellsByColumn,groupNestingDepth=_a.groupNestingDepth,_f=_a.useFastIcons,cellStyleProps=_a.cellStyleProps,group=_a.group,focusZoneProps=_a.focusZoneProps,_g=_a.disabled,disabled=void 0!==_g&&_g,_h=this.state,columnMeasureInfo=_h.columnMeasureInfo,isDropping=_h.isDropping,_j=this.state.selectionState,_k=_j.isSelected,isSelected=void 0!==_k&&_k,_l=_j.isSelectionModal,isSelectionModal=void 0!==_l&&_l,isDraggable=dragDropEvents?!!(dragDropEvents.canDrag&&dragDropEvents.canDrag(item)):void 0,droppingClassName=isDropping?this._droppingClassNames||"is-dropping":"",ariaLabel=getRowAriaLabel?getRowAriaLabel(item):void 0,ariaRowDescription=getRowAriaDescription?getRowAriaDescription(item):void 0,ariaDescribedBy=getRowAriaDescribedBy?getRowAriaDescribedBy(item):void 0,canSelect=!!selection&&selection.canSelectItem(item,itemIndex)&&!disabled,isContentUnselectable=selectionMode===Selection_types.oW.multiple,showCheckbox=selectionMode!==Selection_types.oW.none&&checkboxVisibility!==DetailsList_types.tY.hidden,ariaSelected=selectionMode===Selection_types.oW.none?void 0:isSelected,ariaPositionInSet=group?itemIndex-group.startIndex+1:void 0,ariaSetSize=group?group.count:void 0,focusZoneDirection=focusZoneProps?focusZoneProps.direction:FocusZone_types.U.horizontal;this._classNames=(0,tslib_es6.pi)((0,tslib_es6.pi)({},this._classNames),DetailsRow_base_getClassNames(styles,{theme:theme,isSelected:isSelected,canSelect:!isContentUnselectable,anySelected:isSelectionModal,checkboxCellClassName:checkboxCellClassName,droppingClassName:droppingClassName,className:className,compact:compact,enableUpdateAnimations:enableUpdateAnimations,cellStyleProps:cellStyleProps,disabled:disabled}));var rowClassNames={isMultiline:this._classNames.isMultiline,isRowHeader:this._classNames.isRowHeader,cell:this._classNames.cell,cellAnimation:this._classNames.cellAnimation,cellPadded:this._classNames.cellPadded,cellUnpadded:this._classNames.cellUnpadded,fields:this._classNames.fields};(0,object.Vv)(this._rowClassNames||{},rowClassNames)||(this._rowClassNames=rowClassNames);var RowFields=rowFieldsAs?(0,composeComponentAs.Z)(rowFieldsAs,DetailsRowFields):DetailsRowFields,rowFields=react.createElement(RowFields,{rowClassNames:this._rowClassNames,rowHeaderId:id+"-header",cellsByColumn:cellsByColumn,columns:columns,item:item,itemIndex:itemIndex,isSelected:isSelected,columnStartIndex:(showCheckbox?1:0)+(groupNestingDepth?1:0),onRenderItemColumn:onRenderItemColumn,onRenderField:onRenderField,getCellValueKey:getCellValueKey,enableUpdateAnimations:enableUpdateAnimations,cellStyleProps:cellStyleProps}),role=this.props.role?this.props.role:"row";this._ariaRowDescriptionId=(0,getId.z)("DetailsRow-description");var hasRowHeader=columns.some(function(column){return!!column.isRowHeader});return react.createElement(FocusZone.k,(0,tslib_es6.pi)({"data-is-focusable":!0},(0,properties.pq)(this.props,properties.n7),"boolean"==typeof isDraggable?{"data-is-draggable":isDraggable,draggable:isDraggable}:{},focusZoneProps,isGridRow?{}:{"aria-level":groupNestingDepth&&groupNestingDepth+1||void 0,"aria-posinset":ariaPositionInSet,"aria-setsize":ariaSetSize},{direction:focusZoneDirection,elementRef:this._root,componentRef:this._focusZone,role:role,"aria-label":ariaLabel,"aria-disabled":disabled||void 0,"aria-describedby":ariaRowDescription?this._ariaRowDescriptionId:ariaDescribedBy,className:this._classNames.root,"data-selection-index":itemIndex,"data-selection-touch-invoke":!0,"data-selection-disabled":disabled||void 0,"data-item-index":itemIndex,"aria-rowindex":void 0===ariaPositionInSet?itemIndex+(void 0===_c?2:_c):void 0,"data-automationid":"DetailsRow",style:{minWidth:void 0===_e?0:_e},"aria-selected":ariaSelected,allowFocusRoot:!0}),ariaRowDescription?react.createElement("span",{key:"description",role:"presentation",hidden:!0,id:this._ariaRowDescriptionId},ariaRowDescription):null,showCheckbox&&react.createElement("div",{role:"gridcell","data-selection-toggle":!0,className:this._classNames.checkCell},onRenderCheck({id:id?id+"-checkbox":void 0,selected:isSelected,selectionMode:selectionMode,anySelected:isSelectionModal,"aria-label":checkButtonAriaLabel,"aria-labelledby":id?id+"-checkbox"+(hasRowHeader?" "+id+"-header":""):void 0,canSelect:canSelect,compact:compact,className:this._classNames.check,theme:theme,isVisible:checkboxVisibility===DetailsList_types.tY.always,onRenderDetailsCheckbox:onRenderDetailsCheckbox,useFastIcons:void 0===_f||_f})),react.createElement(GroupSpacer,{indentWidth:indentWidth,role:"gridcell",count:groupNestingDepth-(this.props.collapseAllVisibility===CollapseAllVisibility1.hidden?1:0)}),item&&rowFields,columnMeasureInfo&&react.createElement("span",{role:"presentation",className:(0,css.i)(this._classNames.cellMeasurer,this._classNames.cell),ref:this._cellMeasurer},react.createElement(RowFields,{rowClassNames:this._rowClassNames,rowHeaderId:id+"-header",columns:[columnMeasureInfo.column],item:item,itemIndex:itemIndex,columnStartIndex:(showCheckbox?1:0)+(groupNestingDepth?1:0)+columns.length,onRenderItemColumn:onRenderItemColumn,getCellValueKey:getCellValueKey})),react.createElement("span",{role:"checkbox",className:this._classNames.checkCover,"aria-checked":isSelected,"data-selection-toggle":!0}))},DetailsRowBase.prototype.measureCell=function(index,onMeasureDone){var _a=this.props.columns,column=(0,tslib_es6.pi)({},(void 0===_a?DetailsRow_base_NO_COLUMNS:_a)[index]);column.minWidth=0,column.maxWidth=999999,delete column.calculatedWidth,this.setState({columnMeasureInfo:{index:index,column:column,onMeasureDone:onMeasureDone}})},DetailsRowBase.prototype.focus=function(forceIntoFirstElement){var _a;return void 0===forceIntoFirstElement&&(forceIntoFirstElement=!1),!!(null===(_a=this._focusZone.current)||void 0===_a?void 0:_a.focus(forceIntoFirstElement))},DetailsRowBase.prototype._onRenderCheck=function(props){return react.createElement(DetailsRowCheck,(0,tslib_es6.pi)({},props))},DetailsRowBase.prototype._getRowDragDropOptions=function(){var _a=this.props,item=_a.item,itemIndex=_a.itemIndex,dragDropEvents=_a.dragDropEvents;return{eventMap:_a.eventsToRegister,selectionIndex:itemIndex,context:{data:item,index:itemIndex},canDrag:dragDropEvents.canDrag,canDrop:dragDropEvents.canDrop,onDragStart:dragDropEvents.onDragStart,updateDropState:this._updateDroppingState,onDrop:dragDropEvents.onDrop,onDragEnd:dragDropEvents.onDragEnd,onDragOver:dragDropEvents.onDragOver}},DetailsRowBase}(react.Component);function getSelectionState(props){var _a,itemIndex=props.itemIndex,selection=props.selection;return{isSelected:!!(null==selection?void 0:selection.isIndexSelected(itemIndex)),isSelectionModal:!!(null===(_a=null==selection?void 0:selection.isModal)||void 0===_a?void 0:_a.call(selection))}}var DetailsRow=(0,styled.z)(DetailsRowBase,function(props){var _a,_b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,theme=props.theme,isSelected=props.isSelected,canSelect=props.canSelect,droppingClassName=props.droppingClassName,anySelected=props.anySelected,isCheckVisible=props.isCheckVisible,checkboxCellClassName=props.checkboxCellClassName,compact=props.compact,className=props.className,_q=props.cellStyleProps,cellStyleProps=void 0===_q?DEFAULT_CELL_STYLE_PROPS:_q,enableUpdateAnimations=props.enableUpdateAnimations,disabled=props.disabled,palette=theme.palette,fonts=theme.fonts,neutralPrimary=palette.neutralPrimary,white=palette.white,neutralSecondary=palette.neutralSecondary,neutralLighter=palette.neutralLighter,neutralLight=palette.neutralLight,neutralDark=palette.neutralDark,neutralQuaternaryAlt=palette.neutralQuaternaryAlt,_r=theme.semanticColors,focusBorder=_r.focusBorder,focusedLinkColor=_r.linkHovered,classNames=(0,lib.Cn)(DetailsRowGlobalClassNames,theme),colors={defaultHeaderText:neutralPrimary,defaultMetaText:neutralSecondary,defaultBackground:white,defaultHoverHeaderText:neutralDark,defaultHoverMetaText:neutralPrimary,defaultHoverBackground:neutralLighter,selectedHeaderText:neutralDark,selectedMetaText:neutralPrimary,selectedBackground:neutralLight,selectedHoverHeaderText:neutralDark,selectedHoverMetaText:neutralPrimary,selectedHoverBackground:neutralQuaternaryAlt,focusHeaderText:neutralDark,focusMetaText:neutralPrimary,focusBackground:neutralLight,focusHoverBackground:neutralQuaternaryAlt},selectedStyles=[(0,lib.GL)(theme,{inset:-1,borderColor:focusBorder,outlineColor:white,highContrastStyle:{top:2,right:2,bottom:2,left:2}}),classNames.isSelected,{color:colors.selectedMetaText,background:colors.selectedBackground,borderBottom:"1px solid "+white,selectors:((_a={"&:before":{position:"absolute",display:"block",top:-1,height:1,bottom:0,left:0,right:0,content:"",borderTop:"1px solid "+white}})["."+classNames.cell+" > ."+Link_styles.W.root]={color:focusedLinkColor,selectors:((_b={})[lib.qJ]={color:"HighlightText"},_b)},_a["&:hover"]={background:colors.selectedHoverBackground,color:colors.selectedHoverMetaText,selectors:((_c={})[lib.qJ]={background:"Highlight",selectors:((_d={})["."+classNames.cell]={color:"HighlightText"},_d["."+classNames.cell+" > ."+Link_styles.W.root]={forcedColorAdjust:"none",color:"HighlightText"},_d)},_c["."+classNames.isRowHeader]={color:colors.selectedHoverHeaderText,selectors:((_e={})[lib.qJ]={color:"HighlightText"},_e)},_c)},_a["&:focus"]={background:colors.focusBackground,selectors:((_f={})["."+classNames.cell]={color:colors.focusMetaText,selectors:((_g={})[lib.qJ]={color:"HighlightText",selectors:{"> a":{color:"HighlightText"}}},_g)},_f["."+classNames.isRowHeader]={color:colors.focusHeaderText,selectors:((_h={})[lib.qJ]={color:"HighlightText"},_h)},_f[lib.qJ]={background:"Highlight"},_f)},_a[lib.qJ]=(0,tslib_es6.pi)((0,tslib_es6.pi)({background:"Highlight",color:"HighlightText"},(0,lib.xM)()),{selectors:{a:{color:"HighlightText"}}}),_a["&:focus:hover"]={background:colors.focusHoverBackground},_a)}],cannotSelectStyles=[classNames.isContentUnselectable,{userSelect:"none",cursor:"default"}],rootCompactStyles={minHeight:values.compactRowHeight,border:0},cellCompactStyles={minHeight:values.compactRowHeight,paddingTop:values.compactRowVerticalPadding,paddingBottom:values.compactRowVerticalPadding,paddingLeft:cellStyleProps.cellLeftPadding+"px"},defaultCellStyles=[(0,lib.GL)(theme,{inset:-1}),classNames.cell,{display:"inline-block",position:"relative",boxSizing:"border-box",minHeight:values.rowHeight,verticalAlign:"top",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",paddingTop:values.rowVerticalPadding,paddingBottom:values.rowVerticalPadding,paddingLeft:cellStyleProps.cellLeftPadding+"px",selectors:((_j={"& > button":{maxWidth:"100%"}})["[data-is-focusable='true']"]=(0,lib.GL)(theme,{inset:-1,borderColor:neutralSecondary,outlineColor:white}),_j)},isSelected&&{selectors:((_k={})[lib.qJ]=(0,tslib_es6.pi)({background:"Highlight",color:"HighlightText"},(0,lib.xM)()),_k)},compact&&cellCompactStyles,disabled&&{opacity:.5}];return{root:[classNames.root,lib.k4.fadeIn400,droppingClassName,theme.fonts.small,isCheckVisible&&classNames.isCheckVisible,(0,lib.GL)(theme,{borderColor:focusBorder,outlineColor:white}),{borderBottom:"1px solid "+neutralLighter,background:colors.defaultBackground,color:colors.defaultMetaText,display:"inline-flex",minWidth:"100%",minHeight:values.rowHeight,whiteSpace:"nowrap",padding:0,boxSizing:"border-box",verticalAlign:"top",textAlign:"left",selectors:((_l={})["."+classNames.listCellFirstChild+" &:before"]={display:"none"},_l["&:hover"]={background:colors.defaultHoverBackground,color:colors.defaultHoverMetaText,selectors:((_m={})["."+classNames.isRowHeader]={color:colors.defaultHoverHeaderText},_m["."+classNames.cell+" > ."+Link_styles.W.root]={color:focusedLinkColor},_m)},_l["&:hover ."+classNames.check]={opacity:1},_l["."+setFocusVisibility.G$+" &:focus ."+classNames.check]={opacity:1},_l[".ms-GroupSpacer"]={flexShrink:0,flexGrow:0},_l)},isSelected&&selectedStyles,!canSelect&&cannotSelectStyles,compact&&rootCompactStyles,className],cellUnpadded:{paddingRight:cellStyleProps.cellRightPadding+"px"},cellPadded:{paddingRight:cellStyleProps.cellExtraRightPadding+cellStyleProps.cellRightPadding+"px",selectors:((_o={})["&."+classNames.cellCheck]={paddingRight:0},_o)},cell:defaultCellStyles,cellAnimation:enableUpdateAnimations&&lib.Ic.slideLeftIn40,cellMeasurer:[classNames.cellMeasurer,{overflow:"visible",whiteSpace:"nowrap"}],checkCell:[defaultCellStyles,classNames.cellCheck,checkboxCellClassName,{padding:0,paddingTop:1,marginTop:-1,flexShrink:0}],checkCover:{position:"absolute",top:-1,left:0,bottom:0,right:0,display:anySelected?"block":"none"},fields:[classNames.fields,{display:"flex",alignItems:"stretch"}],isRowHeader:[classNames.isRowHeader,{color:colors.defaultHeaderText,fontSize:fonts.medium.fontSize},isSelected&&{color:colors.selectedHeaderText,fontWeight:lib.lq.semibold,selectors:((_p={})[lib.qJ]={color:"HighlightText"},_p)}],isMultiline:[defaultCellStyles,{whiteSpace:"normal",wordBreak:"break-word",textOverflow:"clip"}],check:[classNames.check]}},void 0,{scope:"DetailsRow"}),getParent=__webpack_require__(8259),getWindow=__webpack_require__(6451),lib_scroll=__webpack_require__(1649),lib_focus=__webpack_require__(2781),SELECTION_INDEX_ATTRIBUTE_NAME="data-selection-index",SELECTION_TOGGLE_ATTRIBUTE_NAME="data-selection-toggle",SELECTION_INVOKE_ATTRIBUTE_NAME="data-selection-invoke",SELECTALL_TOGGLE_ALL_ATTRIBUTE_NAME="data-selection-all-toggle",SelectionZone=function(_super){function SelectionZone(props){var _this=_super.call(this,props)||this;_this._root=react.createRef(),_this.ignoreNextFocus=function(){_this._handleNextFocus(!1)},_this._onSelectionChange=function(){var selection=_this.props.selection,isModal=selection.isModal&&selection.isModal();_this.setState({isModal:isModal})},_this._onMouseDownCapture=function(ev){var target=ev.target;if(document.activeElement!==target&&!(0,elementContains.t)(document.activeElement,target)){_this.ignoreNextFocus();return}if((0,elementContains.t)(target,_this._root.current))for(;target!==_this._root.current;){if(_this._hasAttribute(target,SELECTION_INVOKE_ATTRIBUTE_NAME)){_this.ignoreNextFocus();break}target=(0,getParent.G)(target)}},_this._onFocus=function(ev){var target=ev.target,selection=_this.props.selection,isToggleModifierPressed=_this._isCtrlPressed||_this._isMetaPressed,selectionMode=_this._getSelectionMode();if(_this._shouldHandleFocus&&selectionMode!==Selection_types.oW.none){var isToggle=_this._hasAttribute(target,SELECTION_TOGGLE_ATTRIBUTE_NAME),itemRoot=_this._findItemRoot(target);if(!isToggle&&itemRoot){var index=_this._getItemIndex(itemRoot);void 0===_this._getItemSpan(itemRoot)&&(isToggleModifierPressed?(selection.setIndexSelected(index,selection.isIndexSelected(index),!0),_this.props.enterModalOnTouch&&_this._isTouch&&selection.setModal&&(selection.setModal(!0),_this._setIsTouch(!1))):_this.props.isSelectedOnFocus&&_this._onItemSurfaceClick("focus",index))}}_this._handleNextFocus(!1)},_this._onMouseDown=function(ev){_this._updateModifiers(ev);var toggleWithoutModifierPressed=_this.props.toggleWithoutModifierPressed,target=ev.target,itemRoot=_this._findItemRoot(target);if(!_this._isSelectionDisabled(target))for(;target!==_this._root.current&&!_this._hasAttribute(target,SELECTALL_TOGGLE_ALL_ATTRIBUTE_NAME);){if(itemRoot){if(_this._hasAttribute(target,SELECTION_TOGGLE_ATTRIBUTE_NAME)||_this._hasAttribute(target,SELECTION_INVOKE_ATTRIBUTE_NAME))break;if(!(target===itemRoot||_this._shouldAutoSelect(target))||_this._isShiftPressed||_this._isCtrlPressed||_this._isMetaPressed||toggleWithoutModifierPressed){if(_this.props.disableAutoSelectOnInputElements&&("A"===target.tagName||"BUTTON"===target.tagName||"INPUT"===target.tagName))return}else{_this._onInvokeMouseDown(ev,_this._getItemIndex(itemRoot),_this._getItemSpan(itemRoot));break}}target=(0,getParent.G)(target)}},_this._onTouchStartCapture=function(ev){_this._setIsTouch(!0)},_this._onClick=function(ev){var _a=_this.props.enableTouchInvocationTarget,enableTouchInvocationTarget=void 0!==_a&&_a;_this._updateModifiers(ev);for(var target=ev.target,itemRoot=_this._findItemRoot(target),isSelectionDisabled=_this._isSelectionDisabled(target);target!==_this._root.current;){if(_this._hasAttribute(target,SELECTALL_TOGGLE_ALL_ATTRIBUTE_NAME)){isSelectionDisabled||_this._onToggleAllClick(ev);break}if(itemRoot){var index=_this._getItemIndex(itemRoot),span=_this._getItemSpan(itemRoot);if(_this._hasAttribute(target,SELECTION_TOGGLE_ATTRIBUTE_NAME)){isSelectionDisabled||(_this._isShiftPressed?_this._onItemSurfaceClick("click",index,span):_this._onToggleClick(ev,index,span));break}if(_this._isTouch&&enableTouchInvocationTarget&&_this._hasAttribute(target,"data-selection-touch-invoke")||_this._hasAttribute(target,SELECTION_INVOKE_ATTRIBUTE_NAME)){void 0===span&&_this._onInvokeClick(ev,index);break}if(target===itemRoot){isSelectionDisabled||_this._onItemSurfaceClick("click",index,span);break}if("A"===target.tagName||"BUTTON"===target.tagName||"INPUT"===target.tagName)return}target=(0,getParent.G)(target)}},_this._onContextMenu=function(ev){var target=ev.target,_a=_this.props,onItemContextMenu=_a.onItemContextMenu,selection=_a.selection;if(onItemContextMenu){var itemRoot=_this._findItemRoot(target);if(itemRoot){var index=_this._getItemIndex(itemRoot);_this._onInvokeMouseDown(ev,index),onItemContextMenu(selection.getItems()[index],index,ev.nativeEvent)||ev.preventDefault()}}},_this._onDoubleClick=function(ev){var target=ev.target,onItemInvoked=_this.props.onItemInvoked,itemRoot=_this._findItemRoot(target);if(itemRoot&&onItemInvoked&&!_this._isInputElement(target)){for(var index=_this._getItemIndex(itemRoot);target!==_this._root.current&&!(_this._hasAttribute(target,SELECTION_TOGGLE_ATTRIBUTE_NAME)||_this._hasAttribute(target,SELECTION_INVOKE_ATTRIBUTE_NAME));){if(target===itemRoot){_this._onInvokeClick(ev,index);break}target=(0,getParent.G)(target)}target=(0,getParent.G)(target)}},_this._onKeyDownCapture=function(ev){_this._updateModifiers(ev),_this._handleNextFocus(!0)},_this._onKeyDown=function(ev){_this._updateModifiers(ev);var target=ev.target,isSelectionDisabled=_this._isSelectionDisabled(target),_a=_this.props,selection=_a.selection,selectionClearedOnEscapePress=_a.selectionClearedOnEscapePress,isSelectAllKey=ev.which===KeyCodes.m.a&&(_this._isCtrlPressed||_this._isMetaPressed),isClearSelectionKey=ev.which===KeyCodes.m.escape;if(!_this._isInputElement(target)){var selectionMode=_this._getSelectionMode();if(isSelectAllKey&&selectionMode===Selection_types.oW.multiple&&!selection.isAllSelected()){isSelectionDisabled||selection.setAllSelected(!0),ev.stopPropagation(),ev.preventDefault();return}if(selectionClearedOnEscapePress&&isClearSelectionKey&&selection.getSelectedCount()>0){isSelectionDisabled||selection.setAllSelected(!1),ev.stopPropagation(),ev.preventDefault();return}var itemRoot=_this._findItemRoot(target);if(itemRoot)for(var index=_this._getItemIndex(itemRoot),span=_this._getItemSpan(itemRoot);target!==_this._root.current&&!_this._hasAttribute(target,SELECTION_TOGGLE_ATTRIBUTE_NAME);){if(_this._shouldAutoSelect(target)){isSelectionDisabled||void 0!==span||_this._onInvokeMouseDown(ev,index,span);break}if((ev.which===KeyCodes.m.enter||ev.which===KeyCodes.m.space)&&("BUTTON"===target.tagName||"A"===target.tagName||"INPUT"===target.tagName||"SUMMARY"===target.tagName))return!1;if(target===itemRoot){if(ev.which===KeyCodes.m.enter){void 0===span&&(_this._onInvokeClick(ev,index),ev.preventDefault());return}if(ev.which===KeyCodes.m.space){isSelectionDisabled||_this._onToggleClick(ev,index,span),ev.preventDefault();return}break}target=(0,getParent.G)(target)}}},_this._events=new EventGroup.r(_this),_this._async=new Async.e(_this),(0,initializeComponentRef.l)(_this);var selection=_this.props.selection,isModal=selection.isModal&&selection.isModal();return _this.state={isModal:isModal},_this}return(0,tslib_es6.ZT)(SelectionZone,_super),SelectionZone.getDerivedStateFromProps=function(nextProps,prevState){var isModal=nextProps.selection.isModal&&nextProps.selection.isModal();return(0,tslib_es6.pi)((0,tslib_es6.pi)({},prevState),{isModal:isModal})},SelectionZone.prototype.componentDidMount=function(){var win=(0,getWindow.J)(this._root.current);this._events.on(win,"keydown, keyup",this._updateModifiers,!0),this._events.on(document,"click",this._findScrollParentAndTryClearOnEmptyClick),this._events.on(document.body,"touchstart",this._onTouchStartCapture,!0),this._events.on(document.body,"touchend",this._onTouchStartCapture,!0),this._events.on(this.props.selection,"change",this._onSelectionChange)},SelectionZone.prototype.render=function(){var isModal=this.state.isModal;return react.createElement("div",{className:(0,css.i)("ms-SelectionZone",this.props.className,{"ms-SelectionZone--modal":!!isModal}),ref:this._root,onKeyDown:this._onKeyDown,onMouseDown:this._onMouseDown,onKeyDownCapture:this._onKeyDownCapture,onClick:this._onClick,role:"presentation",onDoubleClick:this._onDoubleClick,onContextMenu:this._onContextMenu,onMouseDownCapture:this._onMouseDownCapture,onFocusCapture:this._onFocus,"data-selection-is-modal":!!isModal||void 0},this.props.children,react.createElement(useFocusRects.u,null))},SelectionZone.prototype.componentDidUpdate=function(previousProps){var selection=this.props.selection;selection!==previousProps.selection&&(this._events.off(previousProps.selection),this._events.on(selection,"change",this._onSelectionChange))},SelectionZone.prototype.componentWillUnmount=function(){this._events.dispose(),this._async.dispose()},SelectionZone.prototype._isSelectionDisabled=function(target){if(this._getSelectionMode()===Selection_types.oW.none)return!0;for(;target!==this._root.current;){if(this._hasAttribute(target,"data-selection-disabled"))return!0;target=(0,getParent.G)(target)}return!1},SelectionZone.prototype._onToggleAllClick=function(ev){var selection=this.props.selection;this._getSelectionMode()===Selection_types.oW.multiple&&(selection.toggleAllSelected(),ev.stopPropagation(),ev.preventDefault())},SelectionZone.prototype._onToggleClick=function(ev,index,span){var selection=this.props.selection,selectionMode=this._getSelectionMode();if(selection.setChangeEvents(!1),this.props.enterModalOnTouch&&this._isTouch&&(void 0!==span?!selection.isRangeSelected(index,span):!selection.isIndexSelected(index))&&selection.setModal&&(selection.setModal(!0),this._setIsTouch(!1)),selectionMode===Selection_types.oW.multiple)void 0!==span?selection.toggleRangeSelected(index,span):selection.toggleIndexSelected(index);else if(selectionMode===Selection_types.oW.single){if(void 0===span||1===span){var isSelected=selection.isIndexSelected(index),isModal=selection.isModal&&selection.isModal();selection.setAllSelected(!1),selection.setIndexSelected(index,!isSelected,!0),isModal&&selection.setModal&&selection.setModal(!0)}}else{selection.setChangeEvents(!0);return}selection.setChangeEvents(!0),ev.stopPropagation()},SelectionZone.prototype._onInvokeClick=function(ev,index){var _a=this.props,selection=_a.selection,onItemInvoked=_a.onItemInvoked;onItemInvoked&&(onItemInvoked(selection.getItems()[index],index,ev.nativeEvent),ev.preventDefault(),ev.stopPropagation())},SelectionZone.prototype._onItemSurfaceClick=function(type,index,span){var _a,_b=this.props,selection=_b.selection,toggleWithoutModifierPressed=_b.toggleWithoutModifierPressed,isToggleModifierPressed=this._isCtrlPressed||this._isMetaPressed,selectionMode=this._getSelectionMode();selectionMode===Selection_types.oW.multiple?this._isShiftPressed&&!this._isTabPressed?void 0!==span?null===(_a=selection.selectToRange)||void 0===_a||_a.call(selection,index,span,!isToggleModifierPressed):selection.selectToIndex(index,!isToggleModifierPressed):"click"===type&&(isToggleModifierPressed||toggleWithoutModifierPressed)?void 0!==span?selection.toggleRangeSelected(index,span):selection.toggleIndexSelected(index):this._clearAndSelectIndex(index,span):selectionMode===Selection_types.oW.single&&this._clearAndSelectIndex(index,span)},SelectionZone.prototype._onInvokeMouseDown=function(ev,index,span){var selection=this.props.selection;if(void 0!==span){if(selection.isRangeSelected(index,span))return}else if(selection.isIndexSelected(index))return;this._clearAndSelectIndex(index,span)},SelectionZone.prototype._findScrollParentAndTryClearOnEmptyClick=function(ev){var scrollParent=(0,lib_scroll.zj)(this._root.current);this._events.off(document,"click",this._findScrollParentAndTryClearOnEmptyClick),this._events.on(scrollParent,"click",this._tryClearOnEmptyClick),(scrollParent&&ev.target instanceof Node&&scrollParent.contains(ev.target)||scrollParent===ev.target)&&this._tryClearOnEmptyClick(ev)},SelectionZone.prototype._tryClearOnEmptyClick=function(ev){!this.props.selectionPreservedOnEmptyClick&&this._isNonHandledClick(ev.target)&&this.props.selection.setAllSelected(!1)},SelectionZone.prototype._clearAndSelectIndex=function(index,span){var _a,_b=this.props,selection=_b.selection,_c=_b.selectionClearedOnSurfaceClick;if(!((void 0===span||1===span)&&1===selection.getSelectedCount()&&selection.isIndexSelected(index))&&(void 0===_c||_c)){var isModal=selection.isModal&&selection.isModal();selection.setChangeEvents(!1),selection.setAllSelected(!1),void 0!==span?null===(_a=selection.setRangeSelected)||void 0===_a||_a.call(selection,index,span,!0,!0):selection.setIndexSelected(index,!0,!0),(isModal||this.props.enterModalOnTouch&&this._isTouch)&&(selection.setModal&&selection.setModal(!0),this._isTouch&&this._setIsTouch(!1)),selection.setChangeEvents(!0)}},SelectionZone.prototype._updateModifiers=function(ev){this._isShiftPressed=ev.shiftKey,this._isCtrlPressed=ev.ctrlKey,this._isMetaPressed=ev.metaKey;var keyCode=ev.keyCode;this._isTabPressed=!!keyCode&&keyCode===KeyCodes.m.tab},SelectionZone.prototype._findItemRoot=function(target){for(var selection=this.props.selection;target!==this._root.current;){var indexValue=target.getAttribute(SELECTION_INDEX_ATTRIBUTE_NAME),index=Number(indexValue);if(null!==indexValue&&index>=0&&index<selection.getItems().length)break;target=(0,getParent.G)(target)}if(target!==this._root.current)return target},SelectionZone.prototype._getItemIndex=function(itemRoot){var _a,indexValue=parseInt(null!==(_a=itemRoot.getAttribute(SELECTION_INDEX_ATTRIBUTE_NAME))&&void 0!==_a?_a:"",10);return isNaN(indexValue)?-1:indexValue},SelectionZone.prototype._getItemSpan=function(itemRoot){var _a,spanValue=parseInt(null!==(_a=itemRoot.getAttribute("data-selection-span"))&&void 0!==_a?_a:"",10);return isNaN(spanValue)?void 0:spanValue},SelectionZone.prototype._shouldAutoSelect=function(element){return this._hasAttribute(element,"data-selection-select")},SelectionZone.prototype._hasAttribute=function(element,attributeName){for(var isToggle=!1;!isToggle&&element!==this._root.current;){var value=element.getAttribute(attributeName);if("false"===value){isToggle=!1;break}isToggle="true"===value,element=(0,getParent.G)(element)}return isToggle},SelectionZone.prototype._isInputElement=function(element){return"INPUT"===element.tagName||"TEXTAREA"===element.tagName||"true"===element.getAttribute("contenteditable")||""===element.getAttribute("contenteditable")},SelectionZone.prototype._isNonHandledClick=function(element){var doc=(0,getDocument.M)();if(doc&&element)for(;element&&element!==doc.documentElement;){if((0,lib_focus.MW)(element)||element.hasAttribute("data-selection-index"))return!1;element=(0,getParent.G)(element)}return!0},SelectionZone.prototype._handleNextFocus=function(handleFocus){var _this=this;this._shouldHandleFocusTimeoutId&&(this._async.clearTimeout(this._shouldHandleFocusTimeoutId),this._shouldHandleFocusTimeoutId=void 0),this._shouldHandleFocus=handleFocus,handleFocus&&this._async.setTimeout(function(){_this._shouldHandleFocus=!1},100)},SelectionZone.prototype._setIsTouch=function(isTouch){var _this=this;this._isTouchTimeoutId&&(this._async.clearTimeout(this._isTouchTimeoutId),this._isTouchTimeoutId=void 0),this._isTouch=!0,isTouch&&this._async.setTimeout(function(){_this._isTouch=!1},300)},SelectionZone.prototype._getSelectionMode=function(){var selection=this.props.selection,_a=this.props.selectionMode;return void 0===_a?selection?selection.mode:Selection_types.oW.none:_a},SelectionZone.defaultProps={isSelectedOnFocus:!0,toggleWithoutModifierPressed:!1,selectionMode:Selection_types.oW.multiple,selectionClearedOnEscapePress:!0},SelectionZone}(react.Component),Selection=__webpack_require__(8228),GroupedList_styles_GlobalClassNames={root:"ms-GroupedList",compact:"ms-GroupedList--Compact",group:"ms-GroupedList-group",link:"ms-Link",listCell:"ms-List-cell"},beziers={easeInOutSine:"cubic-bezier(0.445, 0.050, 0.550, 0.950)"},GroupHeader_styles_GlobalClassNames={root:"ms-GroupHeader",compact:"ms-GroupHeader--compact",check:"ms-GroupHeader-check",dropIcon:"ms-GroupHeader-dropIcon",expand:"ms-GroupHeader-expand",isCollapsed:"is-collapsed",title:"ms-GroupHeader-title",isSelected:"is-selected",iconTag:"ms-Icon--Tag",group:"ms-GroupedList-group",isDropping:"is-dropping"},GroupHeader_styles_beziers={easeOutCirc:"cubic-bezier(0.075, 0.820, 0.165, 1.000)",easeOutSine:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",easeInBack:"cubic-bezier(0.600, -0.280, 0.735, 0.045)"};(SpinnerSize=SpinnerSize1||(SpinnerSize1={}))[SpinnerSize.xSmall=0]="xSmall",SpinnerSize[SpinnerSize.small=1]="small",SpinnerSize[SpinnerSize.medium=2]="medium",SpinnerSize[SpinnerSize.large=3]="large",(SpinnerType=SpinnerType1||(SpinnerType1={}))[SpinnerType.normal=0]="normal",SpinnerType[SpinnerType.large=1]="large";var DelayedRender=__webpack_require__(8262),Spinner_base_getClassNames=(0,classNamesFunction.y)(),SpinnerBase=function(_super){function SpinnerBase(){return null!==_super&&_super.apply(this,arguments)||this}return(0,tslib_es6.ZT)(SpinnerBase,_super),SpinnerBase.prototype.render=function(){var _a=this.props,type=_a.type,size=_a.size,ariaLabel=_a.ariaLabel,ariaLive=_a.ariaLive,styles=_a.styles,label=_a.label,theme=_a.theme,className=_a.className,labelPosition=_a.labelPosition,nativeProps=(0,properties.pq)(this.props,properties.n7,["size"]),styleSize=size;void 0===styleSize&&void 0!==type&&(styleSize=type===SpinnerType1.large?SpinnerSize1.large:SpinnerSize1.medium);var classNames=Spinner_base_getClassNames(styles,{theme:theme,size:styleSize,className:className,labelPosition:labelPosition});return react.createElement("div",(0,tslib_es6.pi)({},nativeProps,{className:classNames.root}),react.createElement("div",{className:classNames.circle}),label&&react.createElement("div",{className:classNames.label},label),ariaLabel&&react.createElement("div",{role:"status","aria-live":ariaLive},react.createElement(DelayedRender.U,null,react.createElement("div",{className:classNames.screenReaderText},ariaLabel))))},SpinnerBase.defaultProps={size:SpinnerSize1.medium,ariaLive:"polite",labelPosition:"bottom"},SpinnerBase}(react.Component),Spinner_styles_GlobalClassNames={root:"ms-Spinner",circle:"ms-Spinner-circle",label:"ms-Spinner-label"},spinAnimation=(0,memoize.NF)(function(){return(0,lib.F4)({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}})}),Spinner=(0,styled.z)(SpinnerBase,function(props){var _a,theme=props.theme,size=props.size,className=props.className,labelPosition=props.labelPosition,palette=theme.palette,classNames=(0,lib.Cn)(Spinner_styles_GlobalClassNames,theme);return{root:[classNames.root,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},"top"===labelPosition&&{flexDirection:"column-reverse"},"right"===labelPosition&&{flexDirection:"row"},"left"===labelPosition&&{flexDirection:"row-reverse"},className],circle:[classNames.circle,{boxSizing:"border-box",borderRadius:"50%",border:"1.5px solid "+palette.themeLight,borderTopColor:palette.themePrimary,animationName:spinAnimation(),animationDuration:"1.3s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.53,.21,.29,.67)",selectors:((_a={})[lib.qJ]=(0,tslib_es6.pi)({borderTopColor:"Highlight"},(0,lib.xM)()),_a)},size===SpinnerSize1.xSmall&&["ms-Spinner--xSmall",{width:12,height:12}],size===SpinnerSize1.small&&["ms-Spinner--small",{width:16,height:16}],size===SpinnerSize1.medium&&["ms-Spinner--medium",{width:20,height:20}],size===SpinnerSize1.large&&["ms-Spinner--large",{width:28,height:28}]],label:[classNames.label,theme.fonts.small,{color:palette.themePrimary,margin:"8px 0 0",textAlign:"center"},"top"===labelPosition&&{margin:"0 0 8px"},"right"===labelPosition&&{margin:"0 0 0 8px"},"left"===labelPosition&&{margin:"0 8px 0 0"}],screenReaderText:lib.ul}},void 0,{scope:"Spinner"}),GroupHeader_base_getClassNames=(0,classNamesFunction.y)(),GroupHeaderBase=function(_super){function GroupHeaderBase(props){var _this=_super.call(this,props)||this;return _this._toggleCollapse=function(){var _a=_this.props,group=_a.group,onToggleCollapse=_a.onToggleCollapse,isGroupLoading=_a.isGroupLoading,newCollapsed=!_this.state.isCollapsed,newLoadingVisible=!newCollapsed&&isGroupLoading&&isGroupLoading(group);_this.setState({isCollapsed:newCollapsed,isLoadingVisible:newLoadingVisible}),onToggleCollapse&&onToggleCollapse(group)},_this._onKeyUp=function(ev){var _a=_this.props,group=_a.group,onGroupHeaderKeyUp=_a.onGroupHeaderKeyUp;if(onGroupHeaderKeyUp&&onGroupHeaderKeyUp(ev,group),!ev.defaultPrevented){var shouldOpen=_this.state.isCollapsed&&ev.which===(0,rtl.dP)(KeyCodes.m.right,_this.props.theme);(!_this.state.isCollapsed&&ev.which===(0,rtl.dP)(KeyCodes.m.left,_this.props.theme)||shouldOpen)&&(_this._toggleCollapse(),ev.stopPropagation(),ev.preventDefault())}},_this._onToggleClick=function(ev){_this._toggleCollapse(),ev.stopPropagation(),ev.preventDefault()},_this._onHeaderClick=function(){var _a=_this.props,group=_a.group,onGroupHeaderClick=_a.onGroupHeaderClick;onGroupHeaderClick&&onGroupHeaderClick(group)},_this._onRenderTitle=function(props){if(!props.group)return null;var onRenderName=props.onRenderName?(0,composeRenderFunction.k)(props.onRenderName,_this._onRenderName):_this._onRenderName;return react.createElement("div",{className:_this._classNames.title,id:_this._id,onClick:_this._onHeaderClick,role:"gridcell","aria-colspan":_this.props.ariaColSpan,"data-selection-invoke":!0},onRenderName(props))},_this._onRenderName=function(props){var group=props.group;return group?react.createElement(react.Fragment,null,react.createElement("span",null,group.name),react.createElement("span",{className:_this._classNames.headerCount},"(",group.count,group.hasMoreData&&"+",")")):null},_this._id=(0,getId.z)("GroupHeader"),_this.state={isCollapsed:_this.props.group&&_this.props.group.isCollapsed,isLoadingVisible:!1},_this}return(0,tslib_es6.ZT)(GroupHeaderBase,_super),GroupHeaderBase.getDerivedStateFromProps=function(nextProps,previousState){if(nextProps.group){var newCollapsed=nextProps.group.isCollapsed,isGroupLoading=nextProps.isGroupLoading,newLoadingVisible=!newCollapsed&&isGroupLoading&&isGroupLoading(nextProps.group);return(0,tslib_es6.pi)((0,tslib_es6.pi)({},previousState),{isCollapsed:newCollapsed||!1,isLoadingVisible:newLoadingVisible||!1})}return previousState},GroupHeaderBase.prototype.render=function(){var _a=this.props,group=_a.group,_b=_a.groupLevel,viewport=_a.viewport,selectionMode=_a.selectionMode,loadingText=_a.loadingText,_c=_a.isSelected,_d=_a.selected,indentWidth=_a.indentWidth,onRenderGroupHeaderCheckbox=_a.onRenderGroupHeaderCheckbox,_e=_a.isCollapsedGroupSelectVisible,expandButtonProps=_a.expandButtonProps,expandButtonIcon=_a.expandButtonIcon,selectAllButtonProps=_a.selectAllButtonProps,theme=_a.theme,styles=_a.styles,className=_a.className,compact=_a.compact,ariaLevel=_a.ariaLevel,ariaPosInSet=_a.ariaPosInSet,ariaSetSize=_a.ariaSetSize,ariaRowIndex=_a.ariaRowIndex,useFastIcons=_a.useFastIcons,onRenderTitle=this.props.onRenderTitle?(0,composeRenderFunction.k)(this.props.onRenderTitle,this._onRenderTitle):this._onRenderTitle,defaultCheckboxRender=useFastIcons?this._fastDefaultCheckboxRender:this._defaultCheckboxRender,onRenderCheckbox=onRenderGroupHeaderCheckbox?(0,composeRenderFunction.k)(onRenderGroupHeaderCheckbox,defaultCheckboxRender):defaultCheckboxRender,_f=this.state,isCollapsed=_f.isCollapsed,isLoadingVisible=_f.isLoadingVisible,canSelectGroup=selectionMode===Selection_types.oW.multiple,isSelectionCheckVisible=canSelectGroup&&(void 0===_e||_e||!(group&&group.isCollapsed)),currentlySelected=void 0!==_d&&_d||void 0!==_c&&_c,isRTL=(0,rtl.zg)(theme);return(this._classNames=GroupHeader_base_getClassNames(styles,{theme:theme,className:className,selected:currentlySelected,isCollapsed:isCollapsed,compact:compact}),group)?react.createElement("div",{className:this._classNames.root,style:viewport?{minWidth:viewport.width}:{},role:"row","aria-level":ariaLevel,"aria-setsize":ariaSetSize,"aria-posinset":ariaPosInSet,"aria-rowindex":ariaRowIndex,"data-is-focusable":!0,onKeyUp:this._onKeyUp,"aria-label":group.ariaLabel,"aria-labelledby":group.ariaLabel?void 0:this._id,"aria-expanded":!this.state.isCollapsed,"aria-selected":canSelectGroup?currentlySelected:void 0,"data-selection-index":group.startIndex,"data-selection-span":group.count},react.createElement("div",{className:this._classNames.groupHeaderContainer,role:"presentation"},isSelectionCheckVisible?react.createElement("div",{role:"gridcell"},react.createElement("button",(0,tslib_es6.pi)({"data-is-focusable":!1,type:"button",className:this._classNames.check,role:"checkbox",id:this._id+"-check","aria-checked":currentlySelected,"aria-labelledby":this._id+"-check "+this._id,"data-selection-toggle":!0},selectAllButtonProps),onRenderCheckbox({checked:currentlySelected,theme:theme},onRenderCheckbox))):selectionMode!==Selection_types.oW.none&&react.createElement(GroupSpacer,{indentWidth:48,count:1}),react.createElement(GroupSpacer,{indentWidth:indentWidth,count:void 0===_b?0:_b}),react.createElement("div",{className:this._classNames.dropIcon,role:"presentation"},react.createElement(Icon.J,{iconName:"Tag"})),react.createElement("div",{role:"gridcell"},react.createElement("button",(0,tslib_es6.pi)({"data-is-focusable":!1,"data-selection-disabled":!0,type:"button",className:this._classNames.expand,onClick:this._onToggleClick,"aria-expanded":!this.state.isCollapsed},expandButtonProps),react.createElement(Icon.J,{className:this._classNames.expandIsCollapsed,iconName:expandButtonIcon||(isRTL?"ChevronLeftMed":"ChevronRightMed")}))),onRenderTitle(this.props),isLoadingVisible&&react.createElement(Spinner,{label:loadingText}))):null},GroupHeaderBase.prototype._defaultCheckboxRender=function(checkboxProps){return react.createElement(Check,{checked:checkboxProps.checked})},GroupHeaderBase.prototype._fastDefaultCheckboxRender=function(checkboxProps){return react.createElement(GroupHeader_base_FastCheck,{theme:checkboxProps.theme,checked:checkboxProps.checked})},GroupHeaderBase.defaultProps={expandButtonProps:{"aria-label":"expand collapse group"}},GroupHeaderBase}(react.Component),GroupHeader_base_FastCheck=react.memo(function(props){return react.createElement(Check,{theme:props.theme,checked:props.checked,className:props.className,useFastIcons:!0})}),GroupHeader=(0,styled.z)(GroupHeaderBase,function(props){var _a,_b,_c,_d,_e,theme=props.theme,className=props.className,selected=props.selected,isCollapsed=props.isCollapsed,compact=props.compact,cellLeftPadding=DEFAULT_CELL_STYLE_PROPS.cellLeftPadding,finalRowHeight=compact?40:48,semanticColors=theme.semanticColors,palette=theme.palette,fonts=theme.fonts,classNames=(0,lib.Cn)(GroupHeader_styles_GlobalClassNames,theme),checkExpandResetStyles=[(0,lib.GL)(theme),{cursor:"default",background:"none",backgroundColor:"transparent",border:"none",padding:0}];return{root:[classNames.root,(0,lib.GL)(theme),theme.fonts.medium,{borderBottom:"1px solid "+semanticColors.listBackground,cursor:"default",userSelect:"none",selectors:((_a={":hover":{background:semanticColors.listItemBackgroundHovered,color:semanticColors.actionLinkHovered}})["&:hover ."+classNames.check]={opacity:1},_a["."+setFocusVisibility.G$+" &:focus ."+classNames.check]={opacity:1},_a[":global(."+classNames.group+"."+classNames.isDropping+")"]={selectors:((_b={})["& > ."+classNames.root+" ."+classNames.dropIcon]={transition:"transform "+lib.D1.durationValue4+" "+GroupHeader_styles_beziers.easeOutCirc+" opacity "+lib.D1.durationValue1+" "+GroupHeader_styles_beziers.easeOutSine,transitionDelay:lib.D1.durationValue3,opacity:1,transform:"rotate(0.2deg) scale(1);"},_b["."+classNames.check]={opacity:0},_b)},_a)},selected&&[classNames.isSelected,{background:semanticColors.listItemBackgroundChecked,selectors:((_c={":hover":{background:semanticColors.listItemBackgroundCheckedHovered}})[""+classNames.check]={opacity:1},_c)}],compact&&[classNames.compact,{border:"none"}],className],groupHeaderContainer:[{display:"flex",alignItems:"center",height:finalRowHeight}],headerCount:[{padding:"0px 4px"}],check:[classNames.check,checkExpandResetStyles,{display:"flex",alignItems:"center",justifyContent:"center",paddingTop:1,marginTop:-1,opacity:0,width:48,height:finalRowHeight,selectors:((_d={})["."+setFocusVisibility.G$+" &:focus"]={opacity:1},_d)}],expand:[classNames.expand,checkExpandResetStyles,{display:"flex",flexShrink:0,alignItems:"center",justifyContent:"center",fontSize:fonts.small.fontSize,width:36,height:finalRowHeight,color:selected?palette.neutralPrimary:palette.neutralSecondary,selectors:{":hover":{backgroundColor:selected?palette.neutralQuaternary:palette.neutralLight},":active":{backgroundColor:selected?palette.neutralTertiaryAlt:palette.neutralQuaternaryAlt}}}],expandIsCollapsed:[isCollapsed?[classNames.isCollapsed,{transform:"rotate(0deg)",transformOrigin:"50% 50%",transition:"transform .1s linear"}]:{transform:(0,rtl.zg)(theme)?"rotate(-90deg)":"rotate(90deg)",transformOrigin:"50% 50%",transition:"transform .1s linear"}],title:[classNames.title,{paddingLeft:cellLeftPadding,fontSize:compact?fonts.medium.fontSize:fonts.mediumPlus.fontSize,fontWeight:isCollapsed?lib.lq.regular:lib.lq.semibold,cursor:"pointer",outline:0,whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"}],dropIcon:[classNames.dropIcon,{position:"absolute",left:-26,fontSize:lib.ld.large,color:palette.neutralSecondary,transition:"transform "+lib.D1.durationValue2+" "+GroupHeader_styles_beziers.easeInBack+", opacity "+lib.D1.durationValue4+" "+GroupHeader_styles_beziers.easeOutSine,opacity:0,transform:"rotate(0.2deg) scale(0.65)",transformOrigin:"10px 10px",selectors:((_e={})[":global(."+classNames.iconTag+")"]={position:"absolute"},_e)}]}},void 0,{scope:"GroupHeader"}),GroupShowAll_styles_GlobalClassNames={root:"ms-GroupShowAll",link:"ms-Link"},Link=__webpack_require__(6857),GroupShowAll_base_getClassNames=(0,classNamesFunction.y)(),GroupShowAll=(0,styled.z)(function(props){var group=props.group,groupLevel=props.groupLevel,_a=props.showAllLinkText,styles=props.styles,theme=props.theme,onToggleSummarize=props.onToggleSummarize,classNames=GroupShowAll_base_getClassNames(styles,{theme:theme}),memoizedOnClick=(0,react.useCallback)(function(ev){onToggleSummarize(group),ev.stopPropagation(),ev.preventDefault()},[onToggleSummarize,group]);return group?react.createElement("div",{className:classNames.root},react.createElement(GroupSpacer,{count:groupLevel}),react.createElement(Link.r,{onClick:memoizedOnClick},void 0===_a?"Show All":_a)):null},function(props){var _a,theme=props.theme,fonts=theme.fonts,classNames=(0,lib.Cn)(GroupShowAll_styles_GlobalClassNames,theme);return{root:[classNames.root,{position:"relative",padding:"10px 84px",cursor:"pointer",selectors:((_a={})["."+classNames.link]={fontSize:fonts.small.fontSize},_a)}]}},void 0,{scope:"GroupShowAll"}),GroupFooter_styles_GlobalClassNames={root:"ms-groupFooter"},GroupFooter_base_getClassNames=(0,classNamesFunction.y)(),GroupFooter=(0,styled.z)(function(props){var group=props.group,groupLevel=props.groupLevel,footerText=props.footerText,indentWidth=props.indentWidth,classNames=GroupFooter_base_getClassNames(props.styles,{theme:props.theme});return group&&footerText?react.createElement("div",{className:classNames.root},react.createElement(GroupSpacer,{indentWidth:indentWidth,count:groupLevel}),footerText):null},function(props){var theme=props.theme,className=props.className,classNames=(0,lib.Cn)(GroupFooter_styles_GlobalClassNames,theme);return{root:[theme.fonts.medium,classNames.root,{position:"relative",padding:"5px 38px"},className]}},void 0,{scope:"GroupFooter"}),canUseDOM=__webpack_require__(5715),array=__webpack_require__(669),ScrollToMode={auto:0,top:1,bottom:2,center:3},getScrollHeight=function(el){if(void 0===el)return 0;var scrollHeight=0;return"scrollHeight"in el?scrollHeight=el.scrollHeight:"document"in el&&(scrollHeight=el.document.documentElement.scrollHeight),scrollHeight},getScrollYPosition=function(el){if(void 0===el)return 0;var scrollPos=0;return"scrollTop"in el?scrollPos=el.scrollTop:"scrollY"in el&&(scrollPos=el.scrollY),Math.ceil(scrollPos)},setScrollYPosition=function(el,pos){"scrollTop"in el?el.scrollTop=pos:"scrollY"in el&&el.scrollTo(el.scrollX,pos)},SPACER_KEY_PREFIX="spacer-",EMPTY_RECT={top:-1,bottom:-1,left:-1,right:-1,width:0,height:0},_measurePageRect=function(element){return element.getBoundingClientRect()},List=function(_super){function List(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._surface=react.createRef(),_this._pageRefs={},_this._getDerivedStateFromProps=function(nextProps,previousState){return nextProps.items===_this.props.items&&nextProps.renderCount===_this.props.renderCount&&nextProps.startIndex===_this.props.startIndex&&nextProps.version===_this.props.version&&previousState.hasMounted?previousState:(0,canUseDOM.N)()?(_this._resetRequiredWindows(),_this._requiredRect=null,_this._measureVersion++,_this._invalidatePageCache(),_this._updatePages(nextProps,previousState)):previousState},_this._onRenderRoot=function(props){var rootRef=props.rootRef,surfaceElement=props.surfaceElement,divProps=props.divProps;return react.createElement("div",(0,tslib_es6.pi)({ref:rootRef},divProps),surfaceElement)},_this._onRenderSurface=function(props){var surfaceRef=props.surfaceRef,pageElements=props.pageElements,divProps=props.divProps;return react.createElement("div",(0,tslib_es6.pi)({ref:surfaceRef},divProps),pageElements)},_this._onRenderPage=function(pageProps,defaultRender){for(var _a,_b=_this.props,onRenderCell=_b.onRenderCell,onRenderCellConditional=_b.onRenderCellConditional,role=_b.role,_c=pageProps.page,_d=_c.items,items=void 0===_d?[]:_d,startIndex=_c.startIndex,divProps=(0,tslib_es6._T)(pageProps,["page"]),cellRole=void 0===role?"listitem":"presentation",cells=[],i=0;i<items.length;i++){var index=startIndex+i,item=items[i],itemKey=_this.props.getKey?_this.props.getKey(item,index):item&&item.key;null==itemKey&&(itemKey=index);var renderCell=null!=onRenderCellConditional?onRenderCellConditional:onRenderCell,cell=null!==(_a=null==renderCell?void 0:renderCell(item,index,_this.props.ignoreScrollingState?void 0:_this.state.isScrolling))&&void 0!==_a?_a:null;(!onRenderCellConditional||cell)&&cells.push(react.createElement("div",{role:cellRole,className:"ms-List-cell",key:itemKey,"data-list-index":index,"data-automationid":"ListCell"},cell))}return react.createElement("div",(0,tslib_es6.pi)({},divProps),cells)},(0,initializeComponentRef.l)(_this),_this.state={pages:[],isScrolling:!1,getDerivedStateFromProps:_this._getDerivedStateFromProps,hasMounted:!1},_this._async=new Async.e(_this),_this._events=new EventGroup.r(_this),_this._estimatedPageHeight=0,_this._totalEstimates=0,_this._requiredWindowsAhead=0,_this._requiredWindowsBehind=0,_this._measureVersion=0,_this._onAsyncScroll=_this._async.debounce(_this._onAsyncScroll,100,{leading:!1,maxWait:500}),_this._onAsyncIdle=_this._async.debounce(_this._onAsyncIdle,200,{leading:!1}),_this._onAsyncResize=_this._async.debounce(_this._onAsyncResize,16,{leading:!1}),_this._onScrollingDone=_this._async.debounce(_this._onScrollingDone,500,{leading:!1}),_this._cachedPageHeights={},_this._estimatedPageHeight=0,_this._focusedIndex=-1,_this._pageCache={},_this}return(0,tslib_es6.ZT)(List,_super),List.getDerivedStateFromProps=function(nextProps,previousState){return previousState.getDerivedStateFromProps(nextProps,previousState)},Object.defineProperty(List.prototype,"pageRefs",{get:function(){return this._pageRefs},enumerable:!1,configurable:!0}),List.prototype.scrollToIndex=function(index,measureItem,scrollToMode){void 0===scrollToMode&&(scrollToMode=ScrollToMode.auto);for(var startIndex=this.props.startIndex,endIndex=startIndex+this._getRenderCount(),allowedRect=this._allowedRect,scrollTop=0,itemsPerPage=1,itemIndex=startIndex;itemIndex<endIndex;itemIndex+=itemsPerPage){var pageSpecification=this._getPageSpecification(this.props,itemIndex,allowedRect),pageHeight=pageSpecification.height;if(itemsPerPage=pageSpecification.itemCount,itemIndex<=index&&itemIndex+itemsPerPage>index){if(measureItem&&this._scrollElement){for(var scrollRect=_measurePageRect(this._scrollElement),scrollPosition=getScrollYPosition(this._scrollElement),scrollWindow={top:scrollPosition,bottom:scrollPosition+scrollRect.height},itemPositionWithinPage=index-itemIndex,itemIndexInPage=0;itemIndexInPage<itemPositionWithinPage;++itemIndexInPage)scrollTop+=measureItem(itemIndex+itemIndexInPage);var scrollBottom=scrollTop+measureItem(index);switch(scrollToMode){case ScrollToMode.top:setScrollYPosition(this._scrollElement,scrollTop);return;case ScrollToMode.bottom:setScrollYPosition(this._scrollElement,scrollBottom-scrollRect.height);return;case ScrollToMode.center:setScrollYPosition(this._scrollElement,(scrollTop+scrollBottom-scrollRect.height)/2);return;case ScrollToMode.auto:}if(scrollTop>=scrollWindow.top&&scrollBottom<=scrollWindow.bottom)return;var itemIsPartiallyAbove=scrollTop<scrollWindow.top,itemIsPartiallyBelow=scrollBottom>scrollWindow.bottom;itemIsPartiallyAbove||itemIsPartiallyBelow&&(scrollTop=scrollBottom-scrollRect.height)}this._scrollElement&&setScrollYPosition(this._scrollElement,scrollTop);return}scrollTop+=pageHeight}},List.prototype.getStartItemIndexInView=function(measureItem){for(var pages=this.state.pages||[],_i=0;_i<pages.length;_i++){var page=pages[_i];if(!page.isSpacer&&(this._scrollTop||0)>=page.top&&(this._scrollTop||0)<=page.top+page.height){if(measureItem)for(var totalRowHeight=0,itemIndex=page.startIndex;itemIndex<page.startIndex+page.itemCount;itemIndex++){var rowHeight=measureItem(itemIndex);if(page.top+totalRowHeight<=this._scrollTop&&this._scrollTop<page.top+totalRowHeight+rowHeight)return itemIndex;totalRowHeight+=rowHeight}else{var rowHeight=Math.floor(page.height/page.itemCount);return page.startIndex+Math.floor((this._scrollTop-page.top)/rowHeight)}}}return 0},List.prototype.componentDidMount=function(){this.setState({hasMounted:!0}),this._scrollElement=(0,lib_scroll.zj)(this._root.current),this._scrollTop=0,!this.props.getPageHeight&&this._updatePageMeasurements(this.state.pages)&&(this._materializedRect=null,this.setState(this._updatePages(this.props,this.state))),this._measureVersion++,this._events.on(window,"resize",this._onAsyncResize),this._root.current&&this._events.on(this._root.current,"focus",this._onFocus,!0),this._scrollElement&&(this._events.on(this._scrollElement,"scroll",this._onScroll),this._events.on(this._scrollElement,"scroll",this._onAsyncScroll))},List.prototype.componentDidUpdate=function(previousProps,previousState){var finalProps=this.props,finalState=this.state;this.state.pagesVersion!==previousState.pagesVersion&&(finalProps.getPageHeight?this._onAsyncIdle():this._updatePageMeasurements(finalState.pages)?(this._materializedRect=null,this._onAsyncScroll()):this._onAsyncIdle(),finalProps.onPagesUpdated&&finalProps.onPagesUpdated(finalState.pages))},List.prototype.componentWillUnmount=function(){this._async.dispose(),this._events.dispose(),delete this._scrollElement},List.prototype.shouldComponentUpdate=function(newProps,newState){var oldPages=this.state.pages,newPages=newState.pages,shouldComponentUpdate=!1;if(!newState.isScrolling&&this.state.isScrolling||newProps.version!==this.props.version||newProps.className!==this.props.className)return!0;if(newProps.items===this.props.items&&oldPages.length===newPages.length)for(var i=0;i<oldPages.length;i++){var oldPage=oldPages[i],newPage=newPages[i];if(oldPage.key!==newPage.key||oldPage.itemCount!==newPage.itemCount){shouldComponentUpdate=!0;break}}else shouldComponentUpdate=!0;return shouldComponentUpdate},List.prototype.forceUpdate=function(){this._invalidatePageCache(),this._updateRenderRects(this.props,this.state,!0),this.setState(this._updatePages(this.props,this.state)),this._measureVersion++,_super.prototype.forceUpdate.call(this)},List.prototype.getTotalListHeight=function(){return this._surfaceRect.height},List.prototype.render=function(){for(var _a=this.props,className=_a.className,_b=_a.role,onRenderSurface=_a.onRenderSurface,onRenderRoot=_a.onRenderRoot,_c=this.state.pages,pages=void 0===_c?[]:_c,pageElements=[],divProps=(0,properties.pq)(this.props,properties.n7),_i=0;_i<pages.length;_i++){var page=pages[_i];pageElements.push(this._renderPage(page))}var finalOnRenderSurface=onRenderSurface?(0,composeRenderFunction.k)(onRenderSurface,this._onRenderSurface):this._onRenderSurface;return(onRenderRoot?(0,composeRenderFunction.k)(onRenderRoot,this._onRenderRoot):this._onRenderRoot)({rootRef:this._root,pages:pages,surfaceElement:finalOnRenderSurface({surfaceRef:this._surface,pages:pages,pageElements:pageElements,divProps:{role:"presentation",className:"ms-List-surface"}}),divProps:(0,tslib_es6.pi)((0,tslib_es6.pi)({},divProps),{className:(0,css.i)("ms-List",className),role:pageElements.length>0?void 0===_b?"list":_b:void 0,"aria-label":pageElements.length>0?divProps["aria-label"]:void 0})})},List.prototype._shouldVirtualize=function(props){void 0===props&&(props=this.props);var onShouldVirtualize=props.onShouldVirtualize;return!onShouldVirtualize||onShouldVirtualize(props)},List.prototype._invalidatePageCache=function(){this._pageCache={}},List.prototype._renderPage=function(page){var cachedPage,_this=this,usePageCache=this.props.usePageCache;if(usePageCache&&(cachedPage=this._pageCache[page.key])&&cachedPage.pageElement)return cachedPage.pageElement;var pageStyle=this._getPageStyle(page),_a=this.props.onRenderPage,pageElement=(void 0===_a?this._onRenderPage:_a)({page:page,className:"ms-List-page",key:page.key,ref:function(newRef){_this._pageRefs[page.key]=newRef},style:pageStyle,role:"presentation"},this._onRenderPage);return usePageCache&&0===page.startIndex&&(this._pageCache[page.key]={page:page,pageElement:pageElement}),pageElement},List.prototype._getPageStyle=function(page){var getPageStyle=this.props.getPageStyle;return(0,tslib_es6.pi)((0,tslib_es6.pi)({},getPageStyle?getPageStyle(page):{}),page.items?{}:{height:page.height})},List.prototype._onFocus=function(ev){for(var target=ev.target;target!==this._surface.current;){var indexString=target.getAttribute("data-list-index");if(indexString){this._focusedIndex=Number(indexString);break}target=(0,getParent.G)(target)}},List.prototype._onScroll=function(){this.state.isScrolling||this.props.ignoreScrollingState||this.setState({isScrolling:!0}),this._resetRequiredWindows(),this._onScrollingDone()},List.prototype._resetRequiredWindows=function(){this._requiredWindowsAhead=0,this._requiredWindowsBehind=0},List.prototype._onAsyncScroll=function(){var innerRect,outerRect;this._updateRenderRects(this.props,this.state),this._materializedRect&&(innerRect=this._requiredRect,outerRect=this._materializedRect,innerRect.top>=outerRect.top&&innerRect.left>=outerRect.left&&innerRect.bottom<=outerRect.bottom&&innerRect.right<=outerRect.right)||this.setState(this._updatePages(this.props,this.state))},List.prototype._onAsyncIdle=function(){var _a=this.props,renderedWindowsAhead=_a.renderedWindowsAhead,renderedWindowsBehind=_a.renderedWindowsBehind,requiredWindowsAhead=this._requiredWindowsAhead,requiredWindowsBehind=this._requiredWindowsBehind,windowsAhead=Math.min(renderedWindowsAhead,requiredWindowsAhead+1),windowsBehind=Math.min(renderedWindowsBehind,requiredWindowsBehind+1);(windowsAhead!==requiredWindowsAhead||windowsBehind!==requiredWindowsBehind)&&(this._requiredWindowsAhead=windowsAhead,this._requiredWindowsBehind=windowsBehind,this._updateRenderRects(this.props,this.state),this.setState(this._updatePages(this.props,this.state))),(renderedWindowsAhead>windowsAhead||renderedWindowsBehind>windowsBehind)&&this._onAsyncIdle()},List.prototype._onScrollingDone=function(){this.props.ignoreScrollingState||this.setState({isScrolling:!1})},List.prototype._onAsyncResize=function(){this.forceUpdate()},List.prototype._updatePages=function(nextProps,previousState){this._requiredRect||this._updateRenderRects(nextProps,previousState);var newListState=this._buildPages(nextProps,previousState),oldListPages=previousState.pages;return this._notifyPageChanges(oldListPages,newListState.pages,this.props),(0,tslib_es6.pi)((0,tslib_es6.pi)((0,tslib_es6.pi)({},previousState),newListState),{pagesVersion:{}})},List.prototype._notifyPageChanges=function(oldPages,newPages,props){var onPageAdded=props.onPageAdded,onPageRemoved=props.onPageRemoved;if(onPageAdded||onPageRemoved){for(var renderedIndexes={},_i=0;_i<oldPages.length;_i++){var page=oldPages[_i];page.items&&(renderedIndexes[page.startIndex]=page)}for(var _a=0;_a<newPages.length;_a++){var page=newPages[_a];page.items&&(renderedIndexes[page.startIndex]?delete renderedIndexes[page.startIndex]:this._onPageAdded(page))}for(var index in renderedIndexes)renderedIndexes.hasOwnProperty(index)&&this._onPageRemoved(renderedIndexes[index])}},List.prototype._updatePageMeasurements=function(pages){var heightChanged=!1;if(!this._shouldVirtualize())return heightChanged;for(var i=0;i<pages.length;i++){var page=pages[i];page.items&&(heightChanged=this._measurePage(page)||heightChanged)}return heightChanged},List.prototype._measurePage=function(page){var hasChangedHeight=!1,pageElement=this._pageRefs[page.key],cachedHeight=this._cachedPageHeights[page.startIndex];if(pageElement&&this._shouldVirtualize()&&(!cachedHeight||cachedHeight.measureVersion!==this._measureVersion)){var newClientRect={width:pageElement.clientWidth,height:pageElement.clientHeight};(newClientRect.height||newClientRect.width)&&(hasChangedHeight=page.height!==newClientRect.height,page.height=newClientRect.height,this._cachedPageHeights[page.startIndex]={height:newClientRect.height,measureVersion:this._measureVersion},this._estimatedPageHeight=Math.round((this._estimatedPageHeight*this._totalEstimates+newClientRect.height)/(this._totalEstimates+1)),this._totalEstimates++)}return hasChangedHeight},List.prototype._onPageAdded=function(page){var onPageAdded=this.props.onPageAdded;onPageAdded&&onPageAdded(page)},List.prototype._onPageRemoved=function(page){var onPageRemoved=this.props.onPageRemoved;onPageRemoved&&onPageRemoved(page)},List.prototype._buildPages=function(props,state){var renderCount=props.renderCount,items=props.items,startIndex=props.startIndex,getPageHeight=props.getPageHeight;renderCount=this._getRenderCount(props);for(var materializedRect=(0,tslib_es6.pi)({},EMPTY_RECT),pages=[],itemsPerPage=1,pageTop=0,currentSpacer=null,focusedIndex=this._focusedIndex,endIndex=startIndex+renderCount,shouldVirtualize=this._shouldVirtualize(props),isFirstRender=0===this._estimatedPageHeight&&!getPageHeight,allowedRect=this._allowedRect,_loop_1=function(itemIndex){var pageSpecification=this_1._getPageSpecification(props,itemIndex,allowedRect),pageHeight=pageSpecification.height,pageData=pageSpecification.data,key=pageSpecification.key;itemsPerPage=pageSpecification.itemCount;var pageBottom=pageTop+pageHeight-1,isPageRendered=(0,array.cx)(state.pages,function(page){return!!page.items&&page.startIndex===itemIndex})>-1,isPageInAllowedRange=!allowedRect||pageBottom>=allowedRect.top&&pageTop<=allowedRect.bottom,isPageInRequiredRange=!this_1._requiredRect||pageBottom>=this_1._requiredRect.top&&pageTop<=this_1._requiredRect.bottom,isPageFocused=focusedIndex>=itemIndex&&focusedIndex<itemIndex+itemsPerPage;if(!isFirstRender&&(isPageInRequiredRange||isPageInAllowedRange&&isPageRendered)||!shouldVirtualize||isPageFocused||itemIndex===startIndex){currentSpacer&&(pages.push(currentSpacer),currentSpacer=null);var targetRect,newRect,itemsInPage=Math.min(itemsPerPage,endIndex-itemIndex),newPage=this_1._createPage(key,items.slice(itemIndex,itemIndex+itemsInPage),itemIndex,void 0,void 0,pageData);newPage.top=pageTop,newPage.height=pageHeight,this_1._visibleRect&&this_1._visibleRect.bottom&&(newPage.isVisible=pageBottom>=this_1._visibleRect.top&&pageTop<=this_1._visibleRect.bottom),pages.push(newPage),isPageInRequiredRange&&this_1._allowedRect&&(targetRect=materializedRect,newRect={top:pageTop,bottom:pageBottom,height:pageHeight,left:allowedRect.left,right:allowedRect.right,width:allowedRect.width},targetRect.top=newRect.top<targetRect.top||-1===targetRect.top?newRect.top:targetRect.top,targetRect.left=newRect.left<targetRect.left||-1===targetRect.left?newRect.left:targetRect.left,targetRect.bottom=newRect.bottom>targetRect.bottom||-1===targetRect.bottom?newRect.bottom:targetRect.bottom,targetRect.right=newRect.right>targetRect.right||-1===targetRect.right?newRect.right:targetRect.right,targetRect.width=targetRect.right-targetRect.left+1,targetRect.height=targetRect.bottom-targetRect.top+1)}else currentSpacer||(currentSpacer=this_1._createPage(SPACER_KEY_PREFIX+itemIndex,void 0,itemIndex,0,void 0,pageData,!0)),currentSpacer.height=(currentSpacer.height||0)+(pageBottom-pageTop)+1,currentSpacer.itemCount+=itemsPerPage;if(pageTop+=pageBottom-pageTop+1,isFirstRender&&shouldVirtualize)return"break"},this_1=this,itemIndex=startIndex;itemIndex<endIndex&&"break"!==_loop_1(itemIndex);itemIndex+=itemsPerPage);return currentSpacer&&(currentSpacer.key=SPACER_KEY_PREFIX+"end",pages.push(currentSpacer)),this._materializedRect=materializedRect,(0,tslib_es6.pi)((0,tslib_es6.pi)({},state),{pages:pages,measureVersion:this._measureVersion})},List.prototype._getPageSpecification=function(props,itemIndex,visibleRect){var getPageSpecification=props.getPageSpecification;if(getPageSpecification){var pageData=getPageSpecification(itemIndex,visibleRect),_a=pageData.itemCount,itemCount=void 0===_a?this._getItemCountForPage(itemIndex,visibleRect):_a,_b=pageData.height,height=void 0===_b?this._getPageHeight(itemIndex,visibleRect,itemCount):_b;return{itemCount:itemCount,height:height,data:pageData.data,key:pageData.key}}var itemCount=this._getItemCountForPage(itemIndex,visibleRect);return{itemCount:itemCount,height:this._getPageHeight(itemIndex,visibleRect,itemCount)}},List.prototype._getPageHeight=function(itemIndex,visibleRect,itemsPerPage){if(this.props.getPageHeight)return this.props.getPageHeight(itemIndex,visibleRect,itemsPerPage);var cachedHeight=this._cachedPageHeights[itemIndex];return cachedHeight?cachedHeight.height:this._estimatedPageHeight||30},List.prototype._getItemCountForPage=function(itemIndex,visibileRect){return(this.props.getItemCountForPage?this.props.getItemCountForPage(itemIndex,visibileRect):10)||10},List.prototype._createPage=function(pageKey,items,startIndex,count,style,data,isSpacer){void 0===startIndex&&(startIndex=-1),void 0===count&&(count=items?items.length:0),void 0===style&&(style={}),pageKey=pageKey||"page-"+startIndex;var cachedPage=this._pageCache[pageKey];return cachedPage&&cachedPage.page?cachedPage.page:{key:pageKey,startIndex:startIndex,itemCount:count,items:items,style:style,top:0,height:0,data:data,isSpacer:isSpacer||!1}},List.prototype._getRenderCount=function(props){var _a=props||this.props,items=_a.items,startIndex=_a.startIndex,renderCount=_a.renderCount;return void 0===renderCount?items?items.length-startIndex:0:renderCount},List.prototype._updateRenderRects=function(props,state,forceUpdate){var renderedWindowsAhead=props.renderedWindowsAhead,renderedWindowsBehind=props.renderedWindowsBehind,pages=state.pages;if(this._shouldVirtualize(props)){var surfaceRect=this._surfaceRect||(0,tslib_es6.pi)({},EMPTY_RECT),scrollHeight=getScrollHeight(this._scrollElement),scrollTop=getScrollYPosition(this._scrollElement);this._surface.current&&(forceUpdate||!pages||!this._surfaceRect||!scrollHeight||scrollHeight!==this._scrollHeight||Math.abs(this._scrollTop-scrollTop)>this._estimatedPageHeight/3)&&(surfaceRect=this._surfaceRect=_measurePageRect(this._surface.current),this._scrollTop=scrollTop),(forceUpdate||!scrollHeight||scrollHeight!==this._scrollHeight)&&this._measureVersion++,this._scrollHeight=scrollHeight||0;var visibleTop=Math.max(0,-surfaceRect.top),win=(0,getWindow.J)(this._root.current),visibleRect={top:visibleTop,left:surfaceRect.left,bottom:visibleTop+win.innerHeight,right:surfaceRect.right,width:surfaceRect.width,height:win.innerHeight};this._requiredRect=_expandRect(visibleRect,this._requiredWindowsBehind,this._requiredWindowsAhead),this._allowedRect=_expandRect(visibleRect,renderedWindowsBehind,renderedWindowsAhead),this._visibleRect=visibleRect}},List.defaultProps={startIndex:0,onRenderCell:function(item,index,containsFocus){return react.createElement(react.Fragment,null,item&&item.name||"")},onRenderCellConditional:void 0,renderedWindowsAhead:2,renderedWindowsBehind:2},List}(react.Component);function _expandRect(rect,pagesBefore,pagesAfter){var top=rect.top-pagesBefore*rect.height,height=rect.height+(pagesBefore+pagesAfter)*rect.height;return{top:top,bottom:top+height,height:height,left:rect.left,right:rect.right,width:rect.width}}var GroupedListSection=function(_super){function GroupedListSection(props){var _this=_super.call(this,props)||this;_this._root=react.createRef(),_this._list=react.createRef(),_this._subGroupRefs={},_this._droppingClassName="",_this._onRenderGroupHeader=function(props){return react.createElement(GroupHeader,(0,tslib_es6.pi)({},props))},_this._onRenderGroupShowAll=function(props){return react.createElement(GroupShowAll,(0,tslib_es6.pi)({},props))},_this._onRenderGroupFooter=function(props){return react.createElement(GroupFooter,(0,tslib_es6.pi)({},props))},_this._renderSubGroup=function(subGroup,subGroupIndex){var _a=_this.props,dragDropEvents=_a.dragDropEvents,dragDropHelper=_a.dragDropHelper,eventsToRegister=_a.eventsToRegister,getGroupItemLimit=_a.getGroupItemLimit,groupNestingDepth=_a.groupNestingDepth,groupProps=_a.groupProps,items=_a.items,headerProps=_a.headerProps,showAllProps=_a.showAllProps,footerProps=_a.footerProps,listProps=_a.listProps,onRenderCell=_a.onRenderCell,selection=_a.selection,selectionMode=_a.selectionMode,viewport=_a.viewport,onRenderGroupHeader=_a.onRenderGroupHeader,onRenderGroupShowAll=_a.onRenderGroupShowAll,onRenderGroupFooter=_a.onRenderGroupFooter,onShouldVirtualize=_a.onShouldVirtualize,group=_a.group,compact=_a.compact,nestingDepth=subGroup.level?subGroup.level+1:groupNestingDepth;return!subGroup||subGroup.count>0||groupProps&&groupProps.showEmptyGroups?react.createElement(GroupedListSection,{ref:function(ref){return _this._subGroupRefs["subGroup_"+subGroupIndex]=ref},key:_this._getGroupKey(subGroup,subGroupIndex),dragDropEvents:dragDropEvents,dragDropHelper:dragDropHelper,eventsToRegister:eventsToRegister,footerProps:footerProps,getGroupItemLimit:getGroupItemLimit,group:subGroup,groupIndex:subGroupIndex,groupNestingDepth:nestingDepth,groupProps:groupProps,headerProps:headerProps,items:items,listProps:listProps,onRenderCell:onRenderCell,selection:selection,selectionMode:selectionMode,showAllProps:showAllProps,viewport:viewport,onRenderGroupHeader:onRenderGroupHeader,onRenderGroupShowAll:onRenderGroupShowAll,onRenderGroupFooter:onRenderGroupFooter,onShouldVirtualize:onShouldVirtualize,groups:group?group.children:[],compact:compact}):null},_this._getGroupDragDropOptions=function(){var _a=_this.props,group=_a.group,groupIndex=_a.groupIndex,dragDropEvents=_a.dragDropEvents;return{eventMap:_a.eventsToRegister,selectionIndex:-1,context:{data:group,index:groupIndex,isGroup:!0},updateDropState:_this._updateDroppingState,canDrag:dragDropEvents.canDrag,canDrop:dragDropEvents.canDrop,onDrop:dragDropEvents.onDrop,onDragStart:dragDropEvents.onDragStart,onDragEnter:dragDropEvents.onDragEnter,onDragLeave:dragDropEvents.onDragLeave,onDragEnd:dragDropEvents.onDragEnd,onDragOver:dragDropEvents.onDragOver}},_this._updateDroppingState=function(newIsDropping,event){var isDropping=_this.state.isDropping,_a=_this.props,dragDropEvents=_a.dragDropEvents,group=_a.group;isDropping!==newIsDropping&&(isDropping?dragDropEvents&&dragDropEvents.onDragLeave&&dragDropEvents.onDragLeave(group,event):dragDropEvents&&dragDropEvents.onDragEnter&&(_this._droppingClassName=dragDropEvents.onDragEnter(group,event)),_this.setState({isDropping:newIsDropping}))};var selection=props.selection,group=props.group;return(0,initializeComponentRef.l)(_this),_this._id=(0,getId.z)("GroupedListSection"),_this.state={isDropping:!1,isSelected:!!selection&&!!group&&selection.isRangeSelected(group.startIndex,group.count)},_this._events=new EventGroup.r(_this),_this}return(0,tslib_es6.ZT)(GroupedListSection,_super),GroupedListSection.prototype.componentDidMount=function(){var _a=this.props,dragDropHelper=_a.dragDropHelper,selection=_a.selection;dragDropHelper&&this._root.current&&(this._dragDropSubscription=dragDropHelper.subscribe(this._root.current,this._events,this._getGroupDragDropOptions())),selection&&this._events.on(selection,Selection_types.F5,this._onSelectionChange)},GroupedListSection.prototype.componentWillUnmount=function(){this._events.dispose(),this._dragDropSubscription&&this._dragDropSubscription.dispose()},GroupedListSection.prototype.componentDidUpdate=function(previousProps){(this.props.group!==previousProps.group||this.props.groupIndex!==previousProps.groupIndex||this.props.dragDropHelper!==previousProps.dragDropHelper)&&(this._dragDropSubscription&&(this._dragDropSubscription.dispose(),delete this._dragDropSubscription),this.props.dragDropHelper&&this._root.current&&(this._dragDropSubscription=this.props.dragDropHelper.subscribe(this._root.current,this._events,this._getGroupDragDropOptions())))},GroupedListSection.prototype.render=function(){var _a=this.props,getGroupItemLimit=_a.getGroupItemLimit,group=_a.group,groupIndex=_a.groupIndex,headerProps=_a.headerProps,showAllProps=_a.showAllProps,footerProps=_a.footerProps,viewport=_a.viewport,selectionMode=_a.selectionMode,_b=_a.onRenderGroupHeader,onRenderGroupHeader=void 0===_b?this._onRenderGroupHeader:_b,_c=_a.onRenderGroupShowAll,onRenderGroupShowAll=void 0===_c?this._onRenderGroupShowAll:_c,_d=_a.onRenderGroupFooter,onRenderGroupFooter=void 0===_d?this._onRenderGroupFooter:_d,onShouldVirtualize=_a.onShouldVirtualize,groupedListClassNames=_a.groupedListClassNames,groups=_a.groups,compact=_a.compact,_e=_a.listProps,isSelected=this.state.isSelected,renderCount=group&&getGroupItemLimit?getGroupItemLimit(group):1/0,isShowAllVisible=group&&!group.children&&!group.isCollapsed&&!group.isShowingAll&&(group.count>renderCount||group.hasMoreData),hasNestedGroups=group&&group.children&&group.children.length>0,version=(void 0===_e?{}:_e).version,dividerProps={group:group,groupIndex:groupIndex,groupLevel:group?group.level:0,isSelected:isSelected,selected:isSelected,viewport:viewport,selectionMode:selectionMode,groups:groups,compact:compact},ariaControlsProps={groupedListId:this._id,ariaLevel:(null==group?void 0:group.level)?group.level+1:1,ariaSetSize:groups?groups.length:void 0,ariaPosInSet:void 0!==groupIndex?groupIndex+1:void 0},groupHeaderProps=(0,tslib_es6.pi)((0,tslib_es6.pi)((0,tslib_es6.pi)({},headerProps),dividerProps),ariaControlsProps),groupShowAllProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},showAllProps),dividerProps),groupFooterProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},footerProps),dividerProps),isDraggable=!!this.props.dragDropHelper&&this._getGroupDragDropOptions().canDrag(group)&&!!this.props.dragDropEvents.canDragGroups;return react.createElement("div",(0,tslib_es6.pi)({ref:this._root},isDraggable&&{draggable:!0},{className:(0,css.i)(groupedListClassNames&&groupedListClassNames.group,this._getDroppingClassName()),role:"presentation"}),onRenderGroupHeader(groupHeaderProps,this._onRenderGroupHeader),group&&group.isCollapsed?null:hasNestedGroups?react.createElement(List,{role:"presentation",ref:this._list,items:group?group.children:[],onRenderCell:this._renderSubGroup,getItemCountForPage:this._returnOne,onShouldVirtualize:onShouldVirtualize,version:version,id:this._id}):this._onRenderGroup(renderCount),group&&group.isCollapsed?null:isShowAllVisible&&onRenderGroupShowAll(groupShowAllProps,this._onRenderGroupShowAll),onRenderGroupFooter(groupFooterProps,this._onRenderGroupFooter))},GroupedListSection.prototype.forceUpdate=function(){_super.prototype.forceUpdate.call(this),this.forceListUpdate()},GroupedListSection.prototype.forceListUpdate=function(){var group=this.props.group;if(this._list.current){if(this._list.current.forceUpdate(),group&&group.children&&group.children.length>0)for(var subGroupCount=group.children.length,i=0;i<subGroupCount;i++){var subGroup=this._list.current.pageRefs["subGroup_"+String(i)];subGroup&&subGroup.forceListUpdate()}}else{var subGroup=this._subGroupRefs["subGroup_"+String(0)];subGroup&&subGroup.forceListUpdate()}},GroupedListSection.prototype._onSelectionChange=function(){var _a=this.props,group=_a.group,selection=_a.selection;if(selection&&group){var isSelected=selection.isRangeSelected(group.startIndex,group.count);isSelected!==this.state.isSelected&&this.setState({isSelected:isSelected})}},GroupedListSection.prototype._onRenderGroupCell=function(onRenderCell,groupNestingDepth,group){return function(item,itemIndex){return onRenderCell(groupNestingDepth,item,itemIndex,group)}},GroupedListSection.prototype._onRenderGroup=function(renderCount){var _a=this.props,group=_a.group,items=_a.items,onRenderCell=_a.onRenderCell,listProps=_a.listProps,groupNestingDepth=_a.groupNestingDepth,onShouldVirtualize=_a.onShouldVirtualize,groupProps=_a.groupProps,count=group&&!group.isShowingAll?group.count:items.length,startIndex=group?group.startIndex:0;return react.createElement(List,(0,tslib_es6.pi)({role:groupProps&&groupProps.role?groupProps.role:"rowgroup","aria-label":null==group?void 0:group.name,items:items,onRenderCell:this._onRenderGroupCell(onRenderCell,groupNestingDepth,group),ref:this._list,renderCount:Math.min(count,renderCount),startIndex:startIndex,onShouldVirtualize:onShouldVirtualize,id:this._id},listProps))},GroupedListSection.prototype._returnOne=function(){return 1},GroupedListSection.prototype._getGroupKey=function(group,index){return"group-"+(group&&group.key?group.key:String(group.level)+String(index))},GroupedListSection.prototype._getDroppingClassName=function(){var isDropping=this.state.isDropping,_a=this.props,group=_a.group,groupedListClassNames=_a.groupedListClassNames;return isDropping=!!(group&&isDropping),(0,css.i)(isDropping&&this._droppingClassName,isDropping&&"is-dropping",isDropping&&groupedListClassNames&&groupedListClassNames.groupIsDropping)},GroupedListSection}(react.Component),GroupedList_base_getClassNames=(0,classNamesFunction.y)(),ROW_HEIGHT=DEFAULT_ROW_HEIGHTS.rowHeight,COMPACT_ROW_HEIGHT=DEFAULT_ROW_HEIGHTS.compactRowHeight,GroupedListBase=function(_super){function GroupedListBase(props){var _this=_super.call(this,props)||this;_this._list=react.createRef(),_this._renderGroup=function(group,groupIndex){var _a=_this.props,dragDropEvents=_a.dragDropEvents,dragDropHelper=_a.dragDropHelper,eventsToRegister=_a.eventsToRegister,groupProps=_a.groupProps,items=_a.items,listProps=_a.listProps,onRenderCell=_a.onRenderCell,selectionMode=_a.selectionMode,selection=_a.selection,viewport=_a.viewport,onShouldVirtualize=_a.onShouldVirtualize,groups=_a.groups,compact=_a.compact,dividerProps={onToggleSelectGroup:_this._onToggleSelectGroup,onToggleCollapse:_this._onToggleCollapse,onToggleSummarize:_this._onToggleSummarize},headerProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},groupProps.headerProps),dividerProps),showAllProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},groupProps.showAllProps),dividerProps),footerProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},groupProps.footerProps),dividerProps),groupNestingDepth=_this._getGroupNestingDepth();if(!groupProps.showEmptyGroups&&group&&0===group.count)return null;var finalListProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},listProps||{}),{version:_this.state.version});return react.createElement(GroupedListSection,{key:_this._getGroupKey(group,groupIndex),dragDropEvents:dragDropEvents,dragDropHelper:dragDropHelper,eventsToRegister:eventsToRegister,footerProps:footerProps,getGroupItemLimit:groupProps&&groupProps.getGroupItemLimit,group:group,groupIndex:groupIndex,groupNestingDepth:groupNestingDepth,groupProps:groupProps,headerProps:headerProps,listProps:finalListProps,items:items,onRenderCell:onRenderCell,onRenderGroupHeader:groupProps.onRenderHeader,onRenderGroupShowAll:groupProps.onRenderShowAll,onRenderGroupFooter:groupProps.onRenderFooter,selectionMode:selectionMode,selection:selection,showAllProps:showAllProps,viewport:viewport,onShouldVirtualize:onShouldVirtualize,groupedListClassNames:_this._classNames,groups:groups,compact:compact})},_this._getDefaultGroupItemLimit=function(group){return group.children&&group.children.length>0?group.children.length:group.count},_this._getGroupItemLimit=function(group){var groupProps=_this.props.groupProps;return(groupProps&&groupProps.getGroupItemLimit?groupProps.getGroupItemLimit:_this._getDefaultGroupItemLimit)(group)},_this._getGroupHeight=function(group){var rowHeight=_this.props.compact?COMPACT_ROW_HEIGHT:ROW_HEIGHT;return rowHeight+(group.isCollapsed?0:rowHeight*_this._getGroupItemLimit(group))},_this._getPageHeight=function(itemIndex){var groups=_this.state.groups,_a=_this.props.getGroupHeight,getGroupHeight=void 0===_a?_this._getGroupHeight:_a,pageGroup=groups&&groups[itemIndex];return pageGroup?getGroupHeight(pageGroup,itemIndex):0},_this._onToggleCollapse=function(group){var groupProps=_this.props.groupProps,onToggleCollapse=groupProps&&groupProps.headerProps&&groupProps.headerProps.onToggleCollapse;group&&(onToggleCollapse&&onToggleCollapse(group),group.isCollapsed=!group.isCollapsed,_this._updateIsSomeGroupExpanded(),_this.forceUpdate())},_this._onToggleSelectGroup=function(group){var _a=_this.props,selection=_a.selection,selectionMode=_a.selectionMode;group&&selection&&selectionMode===Selection_types.oW.multiple&&selection.toggleRangeSelected(group.startIndex,group.count)},_this._isInnerZoneKeystroke=function(ev){return ev.which===(0,rtl.dP)(KeyCodes.m.right)},_this._onToggleSummarize=function(group){var groupProps=_this.props.groupProps,onToggleSummarize=groupProps&&groupProps.showAllProps&&groupProps.showAllProps.onToggleSummarize;onToggleSummarize?onToggleSummarize(group):(group&&(group.isShowingAll=!group.isShowingAll),_this.forceUpdate())},_this._getPageSpecification=function(itemIndex){var groups=_this.state.groups,pageGroup=groups&&groups[itemIndex];return{key:pageGroup&&pageGroup.key}},(0,initializeComponentRef.l)(_this),_this._isSomeGroupExpanded=_this._computeIsSomeGroupExpanded(props.groups);var _a=props.listProps,_c=(void 0===_a?{}:_a).version;return _this.state={groups:props.groups,items:props.items,listProps:props.listProps,version:void 0===_c?{}:_c},_this}return(0,tslib_es6.ZT)(GroupedListBase,_super),GroupedListBase.getDerivedStateFromProps=function(nextProps,previousState){var groups=nextProps.groups,selectionMode=nextProps.selectionMode,compact=nextProps.compact,items=nextProps.items,listProps=nextProps.listProps,listVersion=listProps&&listProps.version,nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},previousState),{selectionMode:selectionMode,compact:compact,groups:groups,listProps:listProps,items:items}),shouldForceUpdates=!1;return(listVersion!==(previousState.listProps&&previousState.listProps.version)||items!==previousState.items||groups!==previousState.groups||selectionMode!==previousState.selectionMode||compact!==previousState.compact)&&(shouldForceUpdates=!0),shouldForceUpdates&&(nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},nextState),{version:{}})),nextState},GroupedListBase.prototype.scrollToIndex=function(index,measureItem,scrollToMode){this._list.current&&this._list.current.scrollToIndex(index,measureItem,scrollToMode)},GroupedListBase.prototype.getStartItemIndexInView=function(){return this._list.current.getStartItemIndexInView()||0},GroupedListBase.prototype.componentDidMount=function(){var _a=this.props,groupProps=_a.groupProps,_b=_a.groups;groupProps&&groupProps.isAllGroupsCollapsed&&this._setGroupsCollapsedState(void 0===_b?[]:_b,groupProps.isAllGroupsCollapsed)},GroupedListBase.prototype.render=function(){var _a=this.props,className=_a.className,usePageCache=_a.usePageCache,onShouldVirtualize=_a.onShouldVirtualize,theme=_a.theme,_b=_a.role,styles=_a.styles,compact=_a.compact,_c=_a.focusZoneProps,focusZoneProps=void 0===_c?{}:_c,_d=_a.rootListProps,_e=this.state,groups=_e.groups,version=_e.version;this._classNames=GroupedList_base_getClassNames(styles,{theme:theme,className:className,compact:compact});var _f=focusZoneProps.shouldEnterInnerZone,shouldEnterInnerZone=void 0===_f?this._isInnerZoneKeystroke:_f;return react.createElement(FocusZone.k,(0,tslib_es6.pi)({direction:FocusZone_types.U.vertical,"data-automationid":"GroupedList","data-is-scrollable":"false",role:"presentation"},focusZoneProps,{shouldEnterInnerZone:shouldEnterInnerZone,className:(0,css.i)(this._classNames.root,focusZoneProps.className)}),groups?react.createElement(List,(0,tslib_es6.pi)({ref:this._list,role:void 0===_b?"treegrid":_b,items:groups,onRenderCell:this._renderGroup,getItemCountForPage:this._returnOne,getPageHeight:this._getPageHeight,getPageSpecification:this._getPageSpecification,usePageCache:usePageCache,onShouldVirtualize:onShouldVirtualize,version:version},void 0===_d?{}:_d)):this._renderGroup(void 0,0))},GroupedListBase.prototype.forceUpdate=function(){_super.prototype.forceUpdate.call(this),this._forceListUpdates()},GroupedListBase.prototype.toggleCollapseAll=function(allCollapsed){var _a=this.state.groups,groups=void 0===_a?[]:_a,groupProps=this.props.groupProps,onToggleCollapseAll=groupProps&&groupProps.onToggleCollapseAll;groups.length>0&&(onToggleCollapseAll&&onToggleCollapseAll(allCollapsed),this._setGroupsCollapsedState(groups,allCollapsed),this._updateIsSomeGroupExpanded(),this.forceUpdate())},GroupedListBase.prototype._setGroupsCollapsedState=function(groups,isCollapsed){for(var groupIndex=0;groupIndex<groups.length;groupIndex++)groups[groupIndex].isCollapsed=isCollapsed},GroupedListBase.prototype._returnOne=function(){return 1},GroupedListBase.prototype._getGroupKey=function(group,index){return"group-"+(group&&group.key?group.key:String(index))},GroupedListBase.prototype._getGroupNestingDepth=function(){for(var groups=this.state.groups,level=0,groupsInLevel=groups;groupsInLevel&&groupsInLevel.length>0;)level++,groupsInLevel=groupsInLevel[0].children;return level},GroupedListBase.prototype._forceListUpdates=function(groups){this.setState({version:{}})},GroupedListBase.prototype._computeIsSomeGroupExpanded=function(groups){var _this=this;return!!(groups&&groups.some(function(group){return group.children?_this._computeIsSomeGroupExpanded(group.children):!group.isCollapsed}))},GroupedListBase.prototype._updateIsSomeGroupExpanded=function(){var groups=this.state.groups,onGroupExpandStateChanged=this.props.onGroupExpandStateChanged,newIsSomeGroupExpanded=this._computeIsSomeGroupExpanded(groups);this._isSomeGroupExpanded!==newIsSomeGroupExpanded&&(onGroupExpandStateChanged&&onGroupExpandStateChanged(newIsSomeGroupExpanded),this._isSomeGroupExpanded=newIsSomeGroupExpanded)},GroupedListBase.defaultProps={selectionMode:Selection_types.oW.multiple,isHeaderVisible:!0,groupProps:{},compact:!1},GroupedListBase}(react.Component),GroupedList=(0,styled.z)(GroupedListBase,function(props){var _a,_b,theme=props.theme,className=props.className,compact=props.compact,palette=theme.palette,classNames=(0,lib.Cn)(GroupedList_styles_GlobalClassNames,theme);return{root:[classNames.root,theme.fonts.small,{position:"relative",selectors:((_a={})["."+classNames.listCell]={minHeight:38},_a)},compact&&[classNames.compact,{selectors:((_b={})["."+classNames.listCell]={minHeight:32},_b)}],className],group:[classNames.group,{transition:"background-color "+lib.D1.durationValue2+" "+beziers.easeInOutSine}],groupIsDropping:{backgroundColor:palette.neutralLight}}},void 0,{scope:"GroupedList"}),BaseDecorator=__webpack_require__(7725),getRect=__webpack_require__(1403);function withViewport(ComposedComponent){return function(_super){function WithViewportComponent(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._registerResizeObserver=function(){var win=(0,getWindow.J)(_this._root.current);_this._viewportResizeObserver=new win.ResizeObserver(_this._onAsyncResize),_this._viewportResizeObserver.observe(_this._root.current)},_this._unregisterResizeObserver=function(){_this._viewportResizeObserver&&(_this._viewportResizeObserver.disconnect(),delete _this._viewportResizeObserver)},_this._updateViewport=function(withForceUpdate){var viewport=_this.state.viewport,viewportElement=_this._root.current,scrollElement=(0,lib_scroll.zj)(viewportElement),scrollRect=(0,getRect.D)(scrollElement),clientRect=(0,getRect.D)(viewportElement);((clientRect&&clientRect.width)!==viewport.width||(scrollRect&&scrollRect.height)!==viewport.height)&&_this._resizeAttempts<3&&clientRect&&scrollRect?(_this._resizeAttempts++,_this.setState({viewport:{width:clientRect.width,height:scrollRect.height}},function(){_this._updateViewport(withForceUpdate)})):(_this._resizeAttempts=0,withForceUpdate&&_this._composedComponentInstance&&_this._composedComponentInstance.forceUpdate())},_this._async=new Async.e(_this),_this._events=new EventGroup.r(_this),_this._resizeAttempts=0,_this.state={viewport:{width:0,height:0}},_this}return(0,tslib_es6.ZT)(WithViewportComponent,_super),WithViewportComponent.prototype.componentDidMount=function(){var _this=this,_a=this.props,delayFirstMeasure=_a.delayFirstMeasure,disableResizeObserver=_a.disableResizeObserver,skipViewportMeasures=_a.skipViewportMeasures,win=(0,getWindow.J)(this._root.current);this._onAsyncResize=this._async.debounce(this._onAsyncResize,500,{leading:!1}),skipViewportMeasures||(!disableResizeObserver&&this._isResizeObserverAvailable()?this._registerResizeObserver():this._events.on(win,"resize",this._onAsyncResize),delayFirstMeasure?this._async.setTimeout(function(){_this._updateViewport()},500):this._updateViewport())},WithViewportComponent.prototype.componentDidUpdate=function(previousProps){var previousSkipViewportMeasures=previousProps.skipViewportMeasures,_a=this.props,disableResizeObserver=_a.disableResizeObserver,skipViewportMeasures=_a.skipViewportMeasures,win=(0,getWindow.J)(this._root.current);skipViewportMeasures!==previousSkipViewportMeasures&&(skipViewportMeasures?(this._unregisterResizeObserver(),this._events.off(win,"resize",this._onAsyncResize)):(!disableResizeObserver&&this._isResizeObserverAvailable()?this._viewportResizeObserver||this._registerResizeObserver():this._events.on(win,"resize",this._onAsyncResize),this._updateViewport()))},WithViewportComponent.prototype.componentWillUnmount=function(){this._events.dispose(),this._async.dispose(),this._unregisterResizeObserver()},WithViewportComponent.prototype.render=function(){var viewport=this.state.viewport,newViewport=viewport.width>0&&viewport.height>0?viewport:void 0;return react.createElement("div",{className:"ms-Viewport",ref:this._root,style:{minWidth:1,minHeight:1}},react.createElement(ComposedComponent,(0,tslib_es6.pi)({ref:this._updateComposedComponentRef,viewport:newViewport},this.props)))},WithViewportComponent.prototype.forceUpdate=function(){this._updateViewport(!0)},WithViewportComponent.prototype._onAsyncResize=function(){this._updateViewport()},WithViewportComponent.prototype._isResizeObserverAvailable=function(){var win=(0,getWindow.J)(this._root.current);return win&&win.ResizeObserver},WithViewportComponent}(BaseDecorator.P)}var GetGroupCount=function(groups){var total=0;if(groups)for(var remainingGroups=(0,tslib_es6.ev)([],groups),currentGroup=void 0;remainingGroups&&remainingGroups.length>0;)++total,(currentGroup=remainingGroups.pop())&¤tGroup.children&&remainingGroups.push.apply(remainingGroups,currentGroup.children);return total},useConst=__webpack_require__(935),DetailsList_base_getClassNames=(0,classNamesFunction.y)(),DetailsListInner=function(props){var selection=props.selection,ariaLabelForListHeader=props.ariaLabelForListHeader,ariaLabelForSelectAllCheckbox=props.ariaLabelForSelectAllCheckbox,ariaLabelForSelectionColumn=props.ariaLabelForSelectionColumn,className=props.className,checkboxVisibility=props.checkboxVisibility,compact=props.compact,constrainMode=props.constrainMode,dragDropEvents=props.dragDropEvents,groups=props.groups,groupProps=props.groupProps,indentWidth=props.indentWidth,items=props.items,isPlaceholderData=props.isPlaceholderData,isHeaderVisible=props.isHeaderVisible,layoutMode=props.layoutMode,onItemInvoked=props.onItemInvoked,onItemContextMenu=props.onItemContextMenu,onColumnHeaderClick=props.onColumnHeaderClick,onColumnHeaderContextMenu=props.onColumnHeaderContextMenu,_a=props.selectionMode,selectionMode=void 0===_a?selection.mode:_a,selectionPreservedOnEmptyClick=props.selectionPreservedOnEmptyClick,selectionZoneProps=props.selectionZoneProps,ariaLabel=props.ariaLabel,ariaLabelForGrid=props.ariaLabelForGrid,rowElementEventMap=props.rowElementEventMap,_b=props.shouldApplyApplicationRole,getKey=props.getKey,listProps=props.listProps,usePageCache=props.usePageCache,onShouldVirtualize=props.onShouldVirtualize,viewport=props.viewport,minimumPixelsForDrag=props.minimumPixelsForDrag,getGroupHeight=props.getGroupHeight,styles=props.styles,theme=props.theme,_c=props.cellStyleProps,cellStyleProps=void 0===_c?DEFAULT_CELL_STYLE_PROPS:_c,onRenderCheckbox=props.onRenderCheckbox,useFastIcons=props.useFastIcons,dragDropHelper=props.dragDropHelper,adjustedColumns=props.adjustedColumns,isCollapsed=props.isCollapsed,isSizing=props.isSizing,isSomeGroupExpanded=props.isSomeGroupExpanded,version=props.version,rootRef=props.rootRef,listRef=props.listRef,focusZoneRef=props.focusZoneRef,columnReorderOptions=props.columnReorderOptions,groupedListRef=props.groupedListRef,headerRef=props.headerRef,onGroupExpandStateChanged=props.onGroupExpandStateChanged,onColumnIsSizingChanged=props.onColumnIsSizingChanged,onRowDidMount=props.onRowDidMount,onRowWillUnmount=props.onRowWillUnmount,disableSelectionZone=props.disableSelectionZone,_d=props.isSelectedOnFocus,isSelectedOnFocus=void 0===_d||_d,onColumnResized=props.onColumnResized,onColumnAutoResized=props.onColumnAutoResized,onToggleCollapse=props.onToggleCollapse,onActiveRowChanged=props.onActiveRowChanged,onBlur=props.onBlur,eventsToRegister=props.rowElementEventMap,onRenderMissingItem=props.onRenderMissingItem,onRenderItemColumn=props.onRenderItemColumn,onRenderField=props.onRenderField,getCellValueKey=props.getCellValueKey,getRowAriaLabel=props.getRowAriaLabel,getRowAriaDescribedBy=props.getRowAriaDescribedBy,checkButtonAriaLabel=props.checkButtonAriaLabel,checkButtonGroupAriaLabel=props.checkButtonGroupAriaLabel,checkboxCellClassName=props.checkboxCellClassName,useReducedRowRenderer=props.useReducedRowRenderer,enableUpdateAnimations=props.enableUpdateAnimations,enterModalSelectionOnTouch=props.enterModalSelectionOnTouch,onRenderDefaultRow=props.onRenderDefaultRow,selectionZoneRef=props.selectionZoneRef,focusZoneProps=props.focusZoneProps,defaultRole="grid",role=props.role?props.role:defaultRole,rowId=(0,getId.z)("row"),groupNestingDepth=function(groups){for(var level=0,groupsInLevel=groups;groupsInLevel&&groupsInLevel.length>0;)level++,groupsInLevel=groupsInLevel[0].children;return level}(groups),groupedDetailsListIndexMap=react.useMemo(function(){var indexMap={};if(groups)for(var rowCount=1,numGroupHeaders=1,_i=0;_i<groups.length;_i++){var group=groups[_i];indexMap[group.key]={numOfGroupHeadersBeforeItem:numGroupHeaders,totalRowCount:rowCount},numGroupHeaders++,rowCount+=group.count+1}return indexMap},[groups]),additionalListProps=react.useMemo(function(){return(0,tslib_es6.pi)({renderedWindowsAhead:isSizing?0:2,renderedWindowsBehind:isSizing?0:2,getKey:getKey,version:version},listProps)},[isSizing,getKey,version,listProps]),selectAllVisibility=SelectAllVisibility1.none;if(selectionMode===Selection_types.oW.single&&(selectAllVisibility=SelectAllVisibility1.hidden),selectionMode===Selection_types.oW.multiple){var isCollapsedGroupSelectVisible=groupProps&&groupProps.headerProps&&groupProps.headerProps.isCollapsedGroupSelectVisible;void 0===isCollapsedGroupSelectVisible&&(isCollapsedGroupSelectVisible=!0),selectAllVisibility=isCollapsedGroupSelectVisible||!groups||isSomeGroupExpanded?SelectAllVisibility1.visible:SelectAllVisibility1.hidden}checkboxVisibility===DetailsList_types.tY.hidden&&(selectAllVisibility=SelectAllVisibility1.none);var defaultOnRenderDetailsHeader=react.useCallback(function(detailsHeaderProps){return react.createElement(DetailsHeader,(0,tslib_es6.pi)({},detailsHeaderProps))},[]),defaultOnRenderDetailsFooter=react.useCallback(function(){return null},[]),propsOnRenderDetailsHeader=props.onRenderDetailsHeader,onRenderDetailsHeader=react.useMemo(function(){return propsOnRenderDetailsHeader?(0,composeRenderFunction.k)(propsOnRenderDetailsHeader,defaultOnRenderDetailsHeader):defaultOnRenderDetailsHeader},[propsOnRenderDetailsHeader,defaultOnRenderDetailsHeader]),propsOnRenderDetailsFooter=props.onRenderDetailsFooter,onRenderDetailsFooter=react.useMemo(function(){return propsOnRenderDetailsFooter?(0,composeRenderFunction.k)(propsOnRenderDetailsFooter,defaultOnRenderDetailsFooter):defaultOnRenderDetailsFooter},[propsOnRenderDetailsFooter,defaultOnRenderDetailsFooter]),detailsFooterProps=react.useMemo(function(){return{columns:adjustedColumns,groupNestingDepth:groupNestingDepth,selection:selection,selectionMode:selectionMode,viewport:viewport,checkboxVisibility:checkboxVisibility,indentWidth:indentWidth,cellStyleProps:cellStyleProps}},[adjustedColumns,groupNestingDepth,selection,selectionMode,viewport,checkboxVisibility,indentWidth,cellStyleProps]),columnReorderOnDragEnd=columnReorderOptions&&columnReorderOptions.onDragEnd,onColumnDragEnd=react.useCallback(function(_a,event){var dropLocation=_a.dropLocation,finalDropLocation=DetailsList_types.fQ.outside;if(columnReorderOnDragEnd){if(dropLocation&&dropLocation!==DetailsList_types.fQ.header)finalDropLocation=dropLocation;else if(rootRef.current){var clientRect=rootRef.current.getBoundingClientRect();event.clientX>clientRect.left&&event.clientX<clientRect.right&&event.clientY>clientRect.top&&event.clientY<clientRect.bottom&&(finalDropLocation=DetailsList_types.fQ.surface)}columnReorderOnDragEnd(finalDropLocation)}},[columnReorderOnDragEnd,rootRef]),columnReorderProps=react.useMemo(function(){if(columnReorderOptions)return(0,tslib_es6.pi)((0,tslib_es6.pi)({},columnReorderOptions),{onColumnDragEnd:onColumnDragEnd})},[columnReorderOptions,onColumnDragEnd]),rowCount=(isHeaderVisible?1:0)+(props.onRenderDetailsFooter?1:0)+GetGroupCount(groups)+(items?items.length:0),colCount=(selectAllVisibility!==SelectAllVisibility1.none?1:0)+(adjustedColumns?adjustedColumns.length:0)+(groups?1:0),classNames=react.useMemo(function(){return DetailsList_base_getClassNames(styles,{theme:theme,compact:compact,isFixed:layoutMode===DetailsList_types.Oh.fixedColumns,isHorizontalConstrained:constrainMode===DetailsList_types.ov.horizontalConstrained,className:className})},[styles,theme,compact,layoutMode,constrainMode,className]),onRenderDetailsGroupFooter=groupProps&&groupProps.onRenderFooter,finalOnRenderDetailsGroupFooter=react.useMemo(function(){return onRenderDetailsGroupFooter?function(groupFooterProps,defaultRender){return onRenderDetailsGroupFooter((0,tslib_es6.pi)((0,tslib_es6.pi)({},groupFooterProps),{columns:adjustedColumns,groupNestingDepth:groupNestingDepth,indentWidth:indentWidth,selection:selection,selectionMode:selectionMode,viewport:viewport,checkboxVisibility:checkboxVisibility,cellStyleProps:cellStyleProps}),defaultRender)}:void 0},[onRenderDetailsGroupFooter,adjustedColumns,groupNestingDepth,indentWidth,selection,selectionMode,viewport,checkboxVisibility,cellStyleProps]),onRenderDetailsGroupHeader=groupProps&&groupProps.onRenderHeader,finalOnRenderDetailsGroupHeader=react.useMemo(function(){return onRenderDetailsGroupHeader?function(groupHeaderProps,defaultRender){var _a,_b,groupIndex=groupHeaderProps.groupIndex,groupKey=void 0!==groupIndex?null===(_b=null===(_a=groupHeaderProps.groups)||void 0===_a?void 0:_a[groupIndex])||void 0===_b?void 0:_b.key:void 0,totalRowCount=void 0!==groupKey&&groupedDetailsListIndexMap[groupKey]?groupedDetailsListIndexMap[groupKey].totalRowCount:0;return onRenderDetailsGroupHeader((0,tslib_es6.pi)((0,tslib_es6.pi)({},groupHeaderProps),{columns:adjustedColumns,groupNestingDepth:groupNestingDepth,indentWidth:indentWidth,selection:selection,selectionMode:checkboxVisibility!==DetailsList_types.tY.hidden?selectionMode:Selection_types.oW.none,viewport:viewport,checkboxVisibility:checkboxVisibility,cellStyleProps:cellStyleProps,ariaColSpan:adjustedColumns.length,ariaLevel:void 0,ariaPosInSet:void 0,ariaSetSize:void 0,ariaRowCount:void 0,ariaRowIndex:void 0!==groupIndex?totalRowCount+(isHeaderVisible?1:0):void 0}),defaultRender)}:function(groupHeaderProps,defaultRender){var _a,_b,groupIndex=groupHeaderProps.groupIndex,groupKey=void 0!==groupIndex?null===(_b=null===(_a=groupHeaderProps.groups)||void 0===_a?void 0:_a[groupIndex])||void 0===_b?void 0:_b.key:void 0,totalRowCount=void 0!==groupKey&&groupedDetailsListIndexMap[groupKey]?groupedDetailsListIndexMap[groupKey].totalRowCount:0;return defaultRender((0,tslib_es6.pi)((0,tslib_es6.pi)({},groupHeaderProps),{ariaColSpan:adjustedColumns.length,ariaLevel:void 0,ariaPosInSet:void 0,ariaSetSize:void 0,ariaRowCount:void 0,ariaRowIndex:void 0!==groupIndex?totalRowCount+(isHeaderVisible?1:0):void 0}))}},[onRenderDetailsGroupHeader,adjustedColumns,groupNestingDepth,indentWidth,isHeaderVisible,selection,selectionMode,viewport,checkboxVisibility,cellStyleProps,groupedDetailsListIndexMap]),finalGroupProps=react.useMemo(function(){var _a;return(0,tslib_es6.pi)((0,tslib_es6.pi)({},groupProps),{role:role===defaultRole?"rowgroup":"presentation",onRenderFooter:finalOnRenderDetailsGroupFooter,onRenderHeader:finalOnRenderDetailsGroupHeader,headerProps:(0,tslib_es6.pi)((0,tslib_es6.pi)({},null==groupProps?void 0:groupProps.headerProps),{selectAllButtonProps:(0,tslib_es6.pi)({"aria-label":checkButtonGroupAriaLabel},null===(_a=null==groupProps?void 0:groupProps.headerProps)||void 0===_a?void 0:_a.selectAllButtonProps)})})},[groupProps,finalOnRenderDetailsGroupFooter,finalOnRenderDetailsGroupHeader,checkButtonGroupAriaLabel,role]),sumColumnWidths=(0,useConst.B)(function(){return(0,memoize.NF)(function(columns){var totalWidth=0;return columns.forEach(function(column){return totalWidth+=column.calculatedWidth||column.minWidth}),totalWidth})}),collapseAllVisibility=groupProps&&groupProps.collapseAllVisibility,rowWidth=react.useMemo(function(){return sumColumnWidths(adjustedColumns)},[adjustedColumns,sumColumnWidths]),onRenderCell=react.useCallback(function(nestingDepth,item,index,group){var finalOnRenderRow=props.onRenderRow?(0,composeRenderFunction.k)(props.onRenderRow,onRenderDefaultRow):onRenderDefaultRow,groupKey=group?group.key:void 0,rowProps={item:item,itemIndex:index,flatIndexOffset:(isHeaderVisible?2:1)+(groupKey&&groupedDetailsListIndexMap[groupKey]?groupedDetailsListIndexMap[groupKey].numOfGroupHeadersBeforeItem:0),compact:compact,columns:adjustedColumns,groupNestingDepth:nestingDepth,id:rowId+"-"+index,selectionMode:selectionMode,selection:selection,onDidMount:onRowDidMount,onWillUnmount:onRowWillUnmount,onRenderItemColumn:onRenderItemColumn,onRenderField:onRenderField,getCellValueKey:getCellValueKey,eventsToRegister:eventsToRegister,dragDropEvents:dragDropEvents,dragDropHelper:dragDropHelper,viewport:viewport,checkboxVisibility:checkboxVisibility,collapseAllVisibility:collapseAllVisibility,getRowAriaLabel:getRowAriaLabel,getRowAriaDescribedBy:getRowAriaDescribedBy,checkButtonAriaLabel:checkButtonAriaLabel,checkboxCellClassName:checkboxCellClassName,useReducedRowRenderer:useReducedRowRenderer,indentWidth:indentWidth,cellStyleProps:cellStyleProps,onRenderDetailsCheckbox:onRenderCheckbox,enableUpdateAnimations:enableUpdateAnimations,rowWidth:rowWidth,useFastIcons:useFastIcons,role:role===defaultRole?void 0:"presentation",isGridRow:!0,focusZoneProps:isHeaderVisible||index>0?{}:{tabIndex:0}};return item?finalOnRenderRow(rowProps):onRenderMissingItem?onRenderMissingItem(index,rowProps):null},[compact,adjustedColumns,selectionMode,selection,rowId,onRowDidMount,onRowWillUnmount,onRenderItemColumn,onRenderField,getCellValueKey,eventsToRegister,dragDropEvents,dragDropHelper,viewport,checkboxVisibility,collapseAllVisibility,getRowAriaLabel,getRowAriaDescribedBy,isHeaderVisible,checkButtonAriaLabel,checkboxCellClassName,useReducedRowRenderer,indentWidth,cellStyleProps,onRenderCheckbox,enableUpdateAnimations,useFastIcons,onRenderDefaultRow,onRenderMissingItem,props.onRenderRow,rowWidth,role,groupedDetailsListIndexMap]),onRenderListCell=react.useCallback(function(nestingDepth){return function(item,itemIndex){return onRenderCell(nestingDepth,item,itemIndex)}},[onRenderCell]),isRightArrow=react.useCallback(function(event){return event.which===(0,rtl.dP)(KeyCodes.m.right,theme)},[theme]),focusZoneInnerProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},focusZoneProps),{componentRef:focusZoneProps&&focusZoneProps.componentRef?focusZoneProps.componentRef:focusZoneRef,className:classNames.focusZone,direction:focusZoneProps?focusZoneProps.direction:FocusZone_types.U.vertical,shouldEnterInnerZone:focusZoneProps&&focusZoneProps.shouldEnterInnerZone?focusZoneProps.shouldEnterInnerZone:isRightArrow,onActiveElementChanged:focusZoneProps&&focusZoneProps.onActiveElementChanged?focusZoneProps.onActiveElementChanged:onActiveRowChanged,shouldRaiseClicksOnEnter:!1,onBlur:focusZoneProps&&focusZoneProps.onBlur?focusZoneProps.onBlur:onBlur}),FinalGroupedList=groups&&(null==groupProps?void 0:groupProps.groupedListAs)?(0,composeComponentAs.Z)(groupProps.groupedListAs,GroupedList):GroupedList,list=groups?react.createElement(FinalGroupedList,{focusZoneProps:focusZoneInnerProps,componentRef:groupedListRef,groups:groups,groupProps:finalGroupProps,items:items,onRenderCell:onRenderCell,role:"presentation",selection:selection,selectionMode:checkboxVisibility!==DetailsList_types.tY.hidden?selectionMode:Selection_types.oW.none,dragDropEvents:dragDropEvents,dragDropHelper:dragDropHelper,eventsToRegister:rowElementEventMap,listProps:additionalListProps,onGroupExpandStateChanged:onGroupExpandStateChanged,usePageCache:usePageCache,onShouldVirtualize:onShouldVirtualize,getGroupHeight:getGroupHeight,compact:compact}):react.createElement(FocusZone.k,(0,tslib_es6.pi)({},focusZoneInnerProps),react.createElement(List,(0,tslib_es6.pi)({ref:listRef,role:"presentation",items:items,onRenderCell:onRenderListCell(0),usePageCache:usePageCache,onShouldVirtualize:onShouldVirtualize},additionalListProps))),onHeaderKeyDown=react.useCallback(function(ev){ev.which===KeyCodes.m.down&&focusZoneRef.current&&focusZoneRef.current.focus()&&(isSelectedOnFocus&&0===selection.getSelectedIndices().length&&selection.setIndexSelected(0,!0,!1),ev.preventDefault(),ev.stopPropagation())},[selection,focusZoneRef,isSelectedOnFocus]),onContentKeyDown=react.useCallback(function(ev){ev.which===KeyCodes.m.up&&!ev.altKey&&headerRef.current&&headerRef.current.focus()&&(ev.preventDefault(),ev.stopPropagation())},[headerRef]);return react.createElement("div",(0,tslib_es6.pi)({ref:rootRef,className:classNames.root,"data-automationid":"DetailsList","data-is-scrollable":"false"},void 0!==_b&&_b?{role:"application"}:{}),react.createElement(useFocusRects.u,null),react.createElement("div",{role:role,"aria-label":ariaLabelForGrid||ariaLabel,"aria-rowcount":isPlaceholderData?0:rowCount,"aria-colcount":colCount,"aria-busy":isPlaceholderData},react.createElement("div",{onKeyDown:onHeaderKeyDown,role:"presentation",className:classNames.headerWrapper},isHeaderVisible&&onRenderDetailsHeader({componentRef:headerRef,selectionMode:selectionMode,layoutMode:layoutMode,selection:selection,columns:adjustedColumns,onColumnClick:onColumnHeaderClick,onColumnContextMenu:onColumnHeaderContextMenu,onColumnResized:onColumnResized,onColumnIsSizingChanged:onColumnIsSizingChanged,onColumnAutoResized:onColumnAutoResized,groupNestingDepth:groupNestingDepth,isAllCollapsed:isCollapsed,onToggleCollapseAll:onToggleCollapse,ariaLabel:ariaLabelForListHeader,ariaLabelForSelectAllCheckbox:ariaLabelForSelectAllCheckbox,ariaLabelForSelectionColumn:ariaLabelForSelectionColumn,selectAllVisibility:selectAllVisibility,collapseAllVisibility:groupProps&&groupProps.collapseAllVisibility,viewport:viewport,columnReorderProps:columnReorderProps,minimumPixelsForDrag:minimumPixelsForDrag,cellStyleProps:cellStyleProps,checkboxVisibility:checkboxVisibility,indentWidth:indentWidth,onRenderDetailsCheckbox:onRenderCheckbox,rowWidth:sumColumnWidths(adjustedColumns),useFastIcons:useFastIcons},onRenderDetailsHeader)),react.createElement("div",{onKeyDown:onContentKeyDown,role:"presentation",className:classNames.contentWrapper},disableSelectionZone?list:react.createElement(SelectionZone,(0,tslib_es6.pi)({ref:selectionZoneRef,selection:selection,selectionPreservedOnEmptyClick:selectionPreservedOnEmptyClick,selectionMode:selectionMode,isSelectedOnFocus:isSelectedOnFocus,selectionClearedOnEscapePress:isSelectedOnFocus,toggleWithoutModifierPressed:!isSelectedOnFocus,onItemInvoked:onItemInvoked,onItemContextMenu:onItemContextMenu,enterModalOnTouch:enterModalSelectionOnTouch},selectionZoneProps||{}),list)),onRenderDetailsFooter((0,tslib_es6.pi)({},detailsFooterProps))))},DetailsListBase=function(_super){function DetailsListBase(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._header=react.createRef(),_this._groupedList=react.createRef(),_this._list=react.createRef(),_this._focusZone=react.createRef(),_this._selectionZone=react.createRef(),_this._onRenderRow=function(props,defaultRender){return react.createElement(DetailsRow,(0,tslib_es6.pi)({},props))},_this._getDerivedStateFromProps=function(nextProps,previousState){var _a=_this.props,checkboxVisibility=_a.checkboxVisibility,items=_a.items,setKey=_a.setKey,_b=_a.selectionMode,selectionMode=void 0===_b?_this._selection.mode:_b,columns=_a.columns,viewport=_a.viewport,compact=_a.compact,dragDropEvents=_a.dragDropEvents,_c=(_this.props.groupProps||{}).isAllGroupsCollapsed,newViewportWidth=nextProps.viewport&&nextProps.viewport.width||0,oldViewportWidth=viewport&&viewport.width||0,shouldResetSelection=nextProps.setKey!==setKey||void 0===nextProps.setKey,shouldForceUpdates=!1;nextProps.layoutMode!==_this.props.layoutMode&&(shouldForceUpdates=!0);var nextState=previousState;return shouldResetSelection&&(_this._initialFocusedIndex=nextProps.initialFocusedIndex,nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},nextState),{focusedItemIndex:void 0!==_this._initialFocusedIndex?_this._initialFocusedIndex:-1})),_this.props.disableSelectionZone||nextProps.items===items||_this._selection.setItems(nextProps.items,shouldResetSelection),(nextProps.checkboxVisibility!==checkboxVisibility||nextProps.columns!==columns||newViewportWidth!==oldViewportWidth||nextProps.compact!==compact)&&(shouldForceUpdates=!0),nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},nextState),_this._adjustColumns(nextProps,nextState,!0)),nextProps.selectionMode!==selectionMode&&(shouldForceUpdates=!0),void 0===(void 0===_c?void 0:_c)&&nextProps.groupProps&&void 0!==nextProps.groupProps.isAllGroupsCollapsed&&(nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},nextState),{isCollapsed:nextProps.groupProps.isAllGroupsCollapsed,isSomeGroupExpanded:!nextProps.groupProps.isAllGroupsCollapsed})),nextProps.dragDropEvents!==dragDropEvents&&(_this._dragDropHelper&&_this._dragDropHelper.dispose(),_this._dragDropHelper=nextProps.dragDropEvents?new DragDropHelper({selection:_this._selection,minimumPixelsForDrag:nextProps.minimumPixelsForDrag}):void 0,shouldForceUpdates=!0),shouldForceUpdates&&(nextState=(0,tslib_es6.pi)((0,tslib_es6.pi)({},nextState),{version:{}})),nextState},_this._onGroupExpandStateChanged=function(isSomeGroupExpanded){_this.setState({isSomeGroupExpanded:isSomeGroupExpanded})},_this._onColumnIsSizingChanged=function(column,isSizing){_this.setState({isSizing:isSizing})},_this._onRowDidMount=function(row){var _a=row.props,item=_a.item,itemIndex=_a.itemIndex,itemKey=_this._getItemKey(item,itemIndex);_this._activeRows[itemKey]=row,_this._setFocusToRowIfPending(row);var onRowDidMount=_this.props.onRowDidMount;onRowDidMount&&onRowDidMount(item,itemIndex)},_this._onRowWillUnmount=function(row){var onRowWillUnmount=_this.props.onRowWillUnmount,_a=row.props,item=_a.item,itemIndex=_a.itemIndex,itemKey=_this._getItemKey(item,itemIndex);delete _this._activeRows[itemKey],onRowWillUnmount&&onRowWillUnmount(item,itemIndex)},_this._onToggleCollapse=function(collapsed){_this.setState({isCollapsed:collapsed}),_this._groupedList.current&&_this._groupedList.current.toggleCollapseAll(collapsed)},_this._onColumnResized=function(resizingColumn,newWidth,resizingColumnIndex){var newCalculatedWidth=Math.max(resizingColumn.minWidth||100,newWidth);_this.props.onColumnResize&&_this.props.onColumnResize(resizingColumn,newCalculatedWidth,resizingColumnIndex),_this._rememberCalculatedWidth(resizingColumn,newCalculatedWidth),_this.setState((0,tslib_es6.pi)((0,tslib_es6.pi)({},_this._adjustColumns(_this.props,_this.state,!0,resizingColumnIndex)),{version:{}}))},_this._onColumnAutoResized=function(column,columnIndex){var max=0,count=0,totalCount=Object.keys(_this._activeRows).length;for(var key in _this._activeRows)_this._activeRows.hasOwnProperty(key)&&_this._activeRows[key].measureCell(columnIndex,function(width){max=Math.max(max,width),++count===totalCount&&_this._onColumnResized(column,max,columnIndex)})},_this._onActiveRowChanged=function(el,ev){var _a=_this.props,items=_a.items,onActiveItemChanged=_a.onActiveItemChanged;if(el&&el.getAttribute("data-item-index")){var index=Number(el.getAttribute("data-item-index"));index>=0&&(onActiveItemChanged&&onActiveItemChanged(items[index],index,ev),_this.setState({focusedItemIndex:index}))}},_this._onBlur=function(event){_this.setState({focusedItemIndex:-1})},(0,initializeComponentRef.l)(_this),_this._async=new Async.e(_this),_this._activeRows={},_this._columnOverrides={},_this.state={focusedItemIndex:-1,lastWidth:0,adjustedColumns:_this._getAdjustedColumns(props,void 0),isSizing:!1,isCollapsed:props.groupProps&&props.groupProps.isAllGroupsCollapsed,isSomeGroupExpanded:props.groupProps&&!props.groupProps.isAllGroupsCollapsed,version:{},getDerivedStateFromProps:_this._getDerivedStateFromProps},_this._selection=props.selection||new Selection.Y({onSelectionChanged:void 0,getKey:props.getKey,selectionMode:props.selectionMode}),_this.props.disableSelectionZone||_this._selection.setItems(props.items,!1),_this._dragDropHelper=props.dragDropEvents?new DragDropHelper({selection:_this._selection,minimumPixelsForDrag:props.minimumPixelsForDrag}):void 0,_this._initialFocusedIndex=props.initialFocusedIndex,_this}return(0,tslib_es6.ZT)(DetailsListBase,_super),DetailsListBase.getDerivedStateFromProps=function(nextProps,previousState){return previousState.getDerivedStateFromProps(nextProps,previousState)},DetailsListBase.prototype.scrollToIndex=function(index,measureItem,scrollToMode){this._list.current&&this._list.current.scrollToIndex(index,measureItem,scrollToMode),this._groupedList.current&&this._groupedList.current.scrollToIndex(index,measureItem,scrollToMode)},DetailsListBase.prototype.focusIndex=function(index,forceIntoFirstElement,measureItem,scrollToMode){void 0===forceIntoFirstElement&&(forceIntoFirstElement=!1);var item=this.props.items[index];if(item){this.scrollToIndex(index,measureItem,scrollToMode);var itemKey=this._getItemKey(item,index),row=this._activeRows[itemKey];row&&this._setFocusToRow(row,forceIntoFirstElement)}},DetailsListBase.prototype.getStartItemIndexInView=function(){return this._list&&this._list.current?this._list.current.getStartItemIndexInView():this._groupedList&&this._groupedList.current?this._groupedList.current.getStartItemIndexInView():0},DetailsListBase.prototype.updateColumn=function(column,options){var _a,_b,_c=this.props,_d=_c.columns,columns=void 0===_d?[]:_d,selectionMode=_c.selectionMode,checkboxVisibility=_c.checkboxVisibility,columnReorderOptions=_c.columnReorderOptions,width=options.width,newColumnIndex=options.newColumnIndex,index=columns.findIndex(function(col){return col.key===column.key});if(width&&this._onColumnResized(column,width,index),void 0!==newColumnIndex&&columnReorderOptions){var isCheckboxColumnHidden=selectionMode===Selection_types.oW.none||checkboxVisibility===DetailsList_types.tY.hidden,columnIndex=(checkboxVisibility!==DetailsList_types.tY.hidden?2:1)+index,draggedIndex=isCheckboxColumnHidden?columnIndex-1:columnIndex-2,targetIndex=isCheckboxColumnHidden?newColumnIndex-1:newColumnIndex-2,frozenColumnCountFromStart=null!==(_a=columnReorderOptions.frozenColumnCountFromStart)&&void 0!==_a?_a:0,frozenColumnCountFromEnd=null!==(_b=columnReorderOptions.frozenColumnCountFromEnd)&&void 0!==_b?_b:0;targetIndex>=frozenColumnCountFromStart&&targetIndex<columns.length-frozenColumnCountFromEnd&&(columnReorderOptions.onColumnDrop?columnReorderOptions.onColumnDrop({draggedIndex:draggedIndex,targetIndex:targetIndex}):columnReorderOptions.handleColumnReorder&&columnReorderOptions.handleColumnReorder(draggedIndex,targetIndex))}},DetailsListBase.prototype.componentWillUnmount=function(){this._dragDropHelper&&this._dragDropHelper.dispose(),this._async.dispose()},DetailsListBase.prototype.componentDidUpdate=function(prevProps,prevState){if(this._notifyColumnsResized(),void 0!==this._initialFocusedIndex){var item=this.props.items[this._initialFocusedIndex];if(item){var itemKey=this._getItemKey(item,this._initialFocusedIndex),row=this._activeRows[itemKey];row&&this._setFocusToRowIfPending(row)}}if(this.props.items!==prevProps.items&&this.props.items.length>0&&-1!==this.state.focusedItemIndex&&!(0,elementContains.t)(this._root.current,document.activeElement,!1)){var index=this.state.focusedItemIndex<this.props.items.length?this.state.focusedItemIndex:this.props.items.length-1,item=this.props.items[index],itemKey=this._getItemKey(item,this.state.focusedItemIndex),row=this._activeRows[itemKey];row?this._setFocusToRow(row):this._initialFocusedIndex=index}this.props.onDidUpdate&&this.props.onDidUpdate(this)},DetailsListBase.prototype.render=function(){return react.createElement(DetailsListInner,(0,tslib_es6.pi)({},this.props,this.state,{selection:this._selection,dragDropHelper:this._dragDropHelper,rootRef:this._root,listRef:this._list,groupedListRef:this._groupedList,focusZoneRef:this._focusZone,headerRef:this._header,selectionZoneRef:this._selectionZone,onGroupExpandStateChanged:this._onGroupExpandStateChanged,onColumnIsSizingChanged:this._onColumnIsSizingChanged,onRowDidMount:this._onRowDidMount,onRowWillUnmount:this._onRowWillUnmount,onColumnResized:this._onColumnResized,onColumnAutoResized:this._onColumnAutoResized,onToggleCollapse:this._onToggleCollapse,onActiveRowChanged:this._onActiveRowChanged,onBlur:this._onBlur,onRenderDefaultRow:this._onRenderRow}))},DetailsListBase.prototype.forceUpdate=function(){_super.prototype.forceUpdate.call(this),this._forceListUpdates()},DetailsListBase.prototype._getGroupNestingDepth=function(){for(var groups=this.props.groups,level=0,groupsInLevel=groups;groupsInLevel&&groupsInLevel.length>0;)level++,groupsInLevel=groupsInLevel[0].children;return level},DetailsListBase.prototype._setFocusToRowIfPending=function(row){var itemIndex=row.props.itemIndex;void 0!==this._initialFocusedIndex&&itemIndex===this._initialFocusedIndex&&(this._setFocusToRow(row),delete this._initialFocusedIndex)},DetailsListBase.prototype._setFocusToRow=function(row,forceIntoFirstElement){void 0===forceIntoFirstElement&&(forceIntoFirstElement=!1),this._selectionZone.current&&this._selectionZone.current.ignoreNextFocus(),this._async.setTimeout(function(){row.focus(forceIntoFirstElement)},0)},DetailsListBase.prototype._forceListUpdates=function(){this._groupedList.current&&this._groupedList.current.forceUpdate(),this._list.current&&this._list.current.forceUpdate()},DetailsListBase.prototype._notifyColumnsResized=function(){this.state.adjustedColumns.forEach(function(column){column.onColumnResize&&column.onColumnResize(column.currentWidth)})},DetailsListBase.prototype._adjustColumns=function(newProps,previousState,forceUpdate,resizingColumnIndex){var adjustedColumns=this._getAdjustedColumns(newProps,previousState,forceUpdate,resizingColumnIndex),viewport=this.props.viewport,viewportWidth=viewport&&viewport.width?viewport.width:0;return(0,tslib_es6.pi)((0,tslib_es6.pi)({},previousState),{adjustedColumns:adjustedColumns,lastWidth:viewportWidth})},DetailsListBase.prototype._getAdjustedColumns=function(newProps,previousState,forceUpdate,resizingColumnIndex){var adjustedColumns,_this=this,newItems=newProps.items,layoutMode=newProps.layoutMode,selectionMode=newProps.selectionMode,viewport=newProps.viewport,viewportWidth=viewport&&viewport.width?viewport.width:0,newColumns=newProps.columns,columns=this.props?this.props.columns:[],lastWidth=previousState?previousState.lastWidth:-1,lastSelectionMode=previousState?previousState.lastSelectionMode:void 0;return forceUpdate||lastWidth!==viewportWidth||lastSelectionMode!==selectionMode||columns&&newColumns!==columns?(newColumns=newColumns||function(items,canResizeColumns,onColumnClick,sortedColumnKey,isSortedDescending,groupedColumnKey,isMultiline,columnActionsMode){var columns=[];if(items&&items.length){var firstItem=items[0];for(var propName in firstItem)firstItem.hasOwnProperty(propName)&&columns.push({key:propName,name:propName,fieldName:propName,minWidth:100,maxWidth:300,isCollapsible:!!columns.length,isMultiline:void 0!==isMultiline&&isMultiline,isSorted:void 0===propName,isSortedDescending:!1,isRowHeader:!1,columnActionsMode:null!=columnActionsMode?columnActionsMode:DetailsList_types._1.clickable,isResizable:canResizeColumns,onColumnClick:void 0,isGrouped:void 0===propName})}return columns}(newItems,!0),layoutMode===DetailsList_types.Oh.fixedColumns?(adjustedColumns=this._getFixedColumns(newColumns,viewportWidth,newProps)).forEach(function(column){_this._rememberCalculatedWidth(column,column.calculatedWidth)}):(adjustedColumns=this._getJustifiedColumns(newColumns,viewportWidth,newProps)).forEach(function(column){_this._getColumnOverride(column.key).currentWidth=column.calculatedWidth}),adjustedColumns):newColumns||[]},DetailsListBase.prototype._getFixedColumns=function(newColumns,viewportWidth,props){var _this=this,_a=this.props,_b=_a.selectionMode,selectionMode=void 0===_b?this._selection.mode:_b,checkboxVisibility=_a.checkboxVisibility,flexMargin=_a.flexMargin,skipViewportMeasures=_a.skipViewportMeasures,remainingWidth=viewportWidth-(flexMargin||0),sumProportionalWidth=0;newColumns.forEach(function(col){skipViewportMeasures||!col.flexGrow?remainingWidth-=col.maxWidth||col.minWidth||100:(remainingWidth-=col.minWidth||100,sumProportionalWidth+=col.flexGrow),remainingWidth-=getPaddedWidth(col,props,!0)});var widthFraction=(remainingWidth-=(selectionMode!==Selection_types.oW.none&&checkboxVisibility!==DetailsList_types.tY.hidden?48:0)+36*this._getGroupNestingDepth())/sumProportionalWidth;return skipViewportMeasures||newColumns.forEach(function(column){var newColumn=(0,tslib_es6.pi)((0,tslib_es6.pi)({},column),_this._columnOverrides[column.key]);if(newColumn.flexGrow&&newColumn.maxWidth){var fullWidth=newColumn.flexGrow*widthFraction+newColumn.minWidth,shrinkWidth=fullWidth-newColumn.maxWidth;shrinkWidth>0&&(remainingWidth+=shrinkWidth,sumProportionalWidth-=shrinkWidth/(fullWidth-newColumn.minWidth)*newColumn.flexGrow)}}),widthFraction=remainingWidth>0?remainingWidth/sumProportionalWidth:0,newColumns.map(function(column){var newColumn=(0,tslib_es6.pi)((0,tslib_es6.pi)({},column),_this._columnOverrides[column.key]);return!skipViewportMeasures&&newColumn.flexGrow&&remainingWidth<=0||newColumn.calculatedWidth||(!skipViewportMeasures&&newColumn.flexGrow?(newColumn.calculatedWidth=newColumn.minWidth+newColumn.flexGrow*widthFraction,newColumn.calculatedWidth=Math.min(newColumn.calculatedWidth,newColumn.maxWidth||Number.MAX_VALUE)):newColumn.calculatedWidth=newColumn.maxWidth||newColumn.minWidth||100),newColumn})},DetailsListBase.prototype._getJustifiedColumns=function(newColumns,viewportWidth,props){var _this=this,_a=props.selectionMode,selectionMode=void 0===_a?this._selection.mode:_a,checkboxVisibility=props.checkboxVisibility,skipViewportMeasures=props.skipViewportMeasures,rowCheckWidth=selectionMode!==Selection_types.oW.none&&checkboxVisibility!==DetailsList_types.tY.hidden?48:0,groupExpandWidth=36*this._getGroupNestingDepth(),totalWidth=0,availableWidth=viewportWidth-(rowCheckWidth+groupExpandWidth),adjustedColumns=newColumns.map(function(column,i){var baseColumn=(0,tslib_es6.pi)((0,tslib_es6.pi)({},column),{calculatedWidth:column.minWidth||100}),newColumn=(0,tslib_es6.pi)((0,tslib_es6.pi)({},baseColumn),_this._columnOverrides[column.key]);return totalWidth+=getPaddedWidth(newColumn,props),newColumn});if(skipViewportMeasures)return adjustedColumns;for(var lastIndex=adjustedColumns.length-1;lastIndex>=0&&totalWidth>availableWidth;){var column=adjustedColumns[lastIndex],minWidth=column.minWidth||100,overflowWidth=totalWidth-availableWidth;if(column.calculatedWidth-minWidth>=overflowWidth||!(column.isCollapsible||column.isCollapsable)){var originalWidth=column.calculatedWidth;column.calculatedWidth=Math.max(column.calculatedWidth-overflowWidth,minWidth),totalWidth-=originalWidth-column.calculatedWidth}else totalWidth-=getPaddedWidth(column,props),adjustedColumns.splice(lastIndex,1);lastIndex--}for(var i=0;i<adjustedColumns.length&&totalWidth<availableWidth;i++){var column=adjustedColumns[i],isLast=i===adjustedColumns.length-1,overrides=this._columnOverrides[column.key];if(!overrides||!overrides.calculatedWidth||isLast){var spaceLeft=availableWidth-totalWidth,increment=void 0;if(isLast)increment=spaceLeft;else{var maxWidth=column.maxWidth,minWidth=column.minWidth||maxWidth||100;increment=maxWidth?Math.min(spaceLeft,maxWidth-minWidth):spaceLeft}column.calculatedWidth=column.calculatedWidth+increment,totalWidth+=increment}}return adjustedColumns},DetailsListBase.prototype._rememberCalculatedWidth=function(column,newCalculatedWidth){var overrides=this._getColumnOverride(column.key);overrides.calculatedWidth=newCalculatedWidth,overrides.currentWidth=newCalculatedWidth},DetailsListBase.prototype._getColumnOverride=function(key){return this._columnOverrides[key]=this._columnOverrides[key]||{}},DetailsListBase.prototype._getItemKey=function(item,itemIndex){var getKey=this.props.getKey,itemKey=void 0;return item&&(itemKey=item.key),getKey&&(itemKey=getKey(item,itemIndex)),itemKey||(itemKey=itemIndex),itemKey},DetailsListBase.defaultProps={layoutMode:DetailsList_types.Oh.justified,selectionMode:Selection_types.oW.multiple,constrainMode:DetailsList_types.ov.horizontalConstrained,checkboxVisibility:DetailsList_types.tY.onHover,isHeaderVisible:!0,compact:!1,useFastIcons:!0},DetailsListBase=(0,tslib_es6.gn)([withViewport],DetailsListBase)}(react.Component);function getPaddedWidth(column,props,paddingOnly){var _a=props.cellStyleProps,cellStyleProps=void 0===_a?DEFAULT_CELL_STYLE_PROPS:_a;return(paddingOnly?0:column.calculatedWidth)+cellStyleProps.cellLeftPadding+cellStyleProps.cellRightPadding+(column.isPadded?cellStyleProps.cellExtraRightPadding:0)}var DetailsList_styles_GlobalClassNames={root:"ms-DetailsList",compact:"ms-DetailsList--Compact",contentWrapper:"ms-DetailsList-contentWrapper",headerWrapper:"ms-DetailsList-headerWrapper",isFixed:"is-fixed",isHorizontalConstrained:"is-horizontalConstrained",listCell:"ms-List-cell"},DetailsList=(0,styled.z)(DetailsListBase,function(props){var _a,_b,theme=props.theme,className=props.className,isHorizontalConstrained=props.isHorizontalConstrained,compact=props.compact,isFixed=props.isFixed,semanticColors=theme.semanticColors,classNames=(0,lib.Cn)(DetailsList_styles_GlobalClassNames,theme);return{root:[classNames.root,theme.fonts.small,{position:"relative",color:semanticColors.listText,selectors:((_a={})["& ."+classNames.listCell]={minHeight:38,wordBreak:"break-word"},_a)},isFixed&&classNames.isFixed,compact&&[classNames.compact,{selectors:((_b={})["."+classNames.listCell]={minHeight:32},_b)}],isHorizontalConstrained&&[classNames.isHorizontalConstrained,{overflowX:"auto",overflowY:"visible",WebkitOverflowScrolling:"touch"}],className],focusZone:[{display:"inline-block",minWidth:"100%",minHeight:1}],headerWrapper:classNames.headerWrapper,contentWrapper:classNames.contentWrapper}},void 0,{scope:"DetailsList"}),Shimmer_styles_GlobalClassNames={root:"ms-Shimmer-container",shimmerWrapper:"ms-Shimmer-shimmerWrapper",shimmerGradient:"ms-Shimmer-shimmerGradient",dataWrapper:"ms-Shimmer-dataWrapper"},BACKGROUND_OFF_SCREEN_POSITION="100%",shimmerAnimation=(0,memoize.NF)(function(){return(0,lib.F4)({"0%":{transform:"translateX(-"+BACKGROUND_OFF_SCREEN_POSITION+")"},"100%":{transform:"translateX("+BACKGROUND_OFF_SCREEN_POSITION+")"}})}),shimmerAnimationRTL=(0,memoize.NF)(function(){return(0,lib.F4)({"100%":{transform:"translateX(-"+BACKGROUND_OFF_SCREEN_POSITION+")"},"0%":{transform:"translateX("+BACKGROUND_OFF_SCREEN_POSITION+")"}})});(ShimmerElementType=ShimmerElementType1||(ShimmerElementType1={}))[ShimmerElementType.line=1]="line",ShimmerElementType[ShimmerElementType.circle=2]="circle",ShimmerElementType[ShimmerElementType.gap=3]="gap",(ShimmerElementsDefaultHeights=ShimmerElementsDefaultHeights1||(ShimmerElementsDefaultHeights1={}))[ShimmerElementsDefaultHeights.line=16]="line",ShimmerElementsDefaultHeights[ShimmerElementsDefaultHeights.gap=16]="gap",ShimmerElementsDefaultHeights[ShimmerElementsDefaultHeights.circle=24]="circle";var ShimmerLine_base_getClassNames=(0,classNamesFunction.y)(),ShimmerLine_styles_GlobalClassNames={root:"ms-ShimmerLine-root",topLeftCorner:"ms-ShimmerLine-topLeftCorner",topRightCorner:"ms-ShimmerLine-topRightCorner",bottomLeftCorner:"ms-ShimmerLine-bottomLeftCorner",bottomRightCorner:"ms-ShimmerLine-bottomRightCorner"},ShimmerLine=(0,styled.z)(function(props){var height=props.height,styles=props.styles,_a=props.width,width=void 0===_a?"100%":_a,borderStyle=props.borderStyle,classNames=ShimmerLine_base_getClassNames(styles,{theme:props.theme,height:height,borderStyle:borderStyle});return react.createElement("div",{style:{width:width,minWidth:"number"==typeof width?width+"px":"auto"},className:classNames.root},react.createElement("svg",{width:"2",height:"2",className:classNames.topLeftCorner},react.createElement("path",{d:"M0 2 A 2 2, 0, 0, 1, 2 0 L 0 0 Z"})),react.createElement("svg",{width:"2",height:"2",className:classNames.topRightCorner},react.createElement("path",{d:"M0 0 A 2 2, 0, 0, 1, 2 2 L 2 0 Z"})),react.createElement("svg",{width:"2",height:"2",className:classNames.bottomRightCorner},react.createElement("path",{d:"M2 0 A 2 2, 0, 0, 1, 0 2 L 2 2 Z"})),react.createElement("svg",{width:"2",height:"2",className:classNames.bottomLeftCorner},react.createElement("path",{d:"M2 2 A 2 2, 0, 0, 1, 0 0 L 0 2 Z"})))},function(props){var _a,height=props.height,borderStyle=props.borderStyle,theme=props.theme,semanticColors=theme.semanticColors,globalClassNames=(0,lib.Cn)(ShimmerLine_styles_GlobalClassNames,theme),sharedCornerStyles={position:"absolute",fill:semanticColors.bodyBackground};return{root:[globalClassNames.root,theme.fonts.medium,{height:height+"px",boxSizing:"content-box",position:"relative",borderTopStyle:"solid",borderBottomStyle:"solid",borderColor:semanticColors.bodyBackground,borderWidth:0,selectors:((_a={})[lib.qJ]={borderColor:"Window",selectors:{"> *":{fill:"Window"}}},_a)},borderStyle||{}],topLeftCorner:[globalClassNames.topLeftCorner,{top:"0",left:"0"},sharedCornerStyles],topRightCorner:[globalClassNames.topRightCorner,{top:"0",right:"0"},sharedCornerStyles],bottomRightCorner:[globalClassNames.bottomRightCorner,{bottom:"0",right:"0"},sharedCornerStyles],bottomLeftCorner:[globalClassNames.bottomLeftCorner,{bottom:"0",left:"0"},sharedCornerStyles]}},void 0,{scope:"ShimmerLine"}),ShimmerGap_base_getClassNames=(0,classNamesFunction.y)(),ShimmerGap_styles_GlobalClassNames={root:"ms-ShimmerGap-root"},ShimmerGap=(0,styled.z)(function(props){var height=props.height,styles=props.styles,_a=props.width,width=void 0===_a?"10px":_a,borderStyle=props.borderStyle,classNames=ShimmerGap_base_getClassNames(styles,{theme:props.theme,height:height,borderStyle:borderStyle});return react.createElement("div",{style:{width:width,minWidth:"number"==typeof width?width+"px":"auto"},className:classNames.root})},function(props){var _a,height=props.height,borderStyle=props.borderStyle,theme=props.theme,semanticColors=theme.semanticColors;return{root:[(0,lib.Cn)(ShimmerGap_styles_GlobalClassNames,theme).root,theme.fonts.medium,{backgroundColor:semanticColors.bodyBackground,height:height+"px",boxSizing:"content-box",borderTopStyle:"solid",borderBottomStyle:"solid",borderColor:semanticColors.bodyBackground,selectors:((_a={})[lib.qJ]={backgroundColor:"Window",borderColor:"Window"},_a)},borderStyle||{}]}},void 0,{scope:"ShimmerGap"}),ShimmerCircle_styles_GlobalClassNames={root:"ms-ShimmerCircle-root",svg:"ms-ShimmerCircle-svg"},ShimmerCircle_base_getClassNames=(0,classNamesFunction.y)(),ShimmerCircle=(0,styled.z)(function(props){var height=props.height,styles=props.styles,borderStyle=props.borderStyle,classNames=ShimmerCircle_base_getClassNames(styles,{theme:props.theme,height:height,borderStyle:borderStyle});return react.createElement("div",{className:classNames.root},react.createElement("svg",{viewBox:"0 0 10 10",width:height,height:height,className:classNames.svg},react.createElement("path",{d:"M0,0 L10,0 L10,10 L0,10 L0,0 Z M0,5 C0,7.76142375 2.23857625,10 5,10 C7.76142375,10 10,7.76142375 10,5 C10,2.23857625 7.76142375,2.22044605e-16 5,0 C2.23857625,-2.22044605e-16 0,2.23857625 0,5 L0,5 Z"})))},function(props){var _a,_b,height=props.height,borderStyle=props.borderStyle,theme=props.theme,semanticColors=theme.semanticColors,globalClassNames=(0,lib.Cn)(ShimmerCircle_styles_GlobalClassNames,theme);return{root:[globalClassNames.root,theme.fonts.medium,{width:height+"px",height:height+"px",minWidth:height+"px",boxSizing:"content-box",borderTopStyle:"solid",borderBottomStyle:"solid",borderColor:semanticColors.bodyBackground,selectors:((_a={})[lib.qJ]={borderColor:"Window"},_a)},borderStyle||{}],svg:[globalClassNames.svg,{display:"block",fill:semanticColors.bodyBackground,selectors:((_b={})[lib.qJ]={fill:"Window"},_b)}]}},void 0,{scope:"ShimmerCircle"}),ShimmerElementsGroup_base_getClassNames=(0,classNamesFunction.y)(),getElementStyles=(0,memoize.NF)(function(verticalAlign,elementType,elementHeight,backgroundColor,rowHeight){var borderStyle,dif=rowHeight&&elementHeight?rowHeight-elementHeight:0;if(verticalAlign&&"center"!==verticalAlign?verticalAlign&&"top"===verticalAlign?borderStyle={borderBottomWidth:dif+"px",borderTopWidth:"0px"}:verticalAlign&&"bottom"===verticalAlign&&(borderStyle={borderBottomWidth:"0px",borderTopWidth:dif+"px"}):borderStyle={borderBottomWidth:(dif?Math.floor(dif/2):0)+"px",borderTopWidth:(dif?Math.ceil(dif/2):0)+"px"},backgroundColor)switch(elementType){case ShimmerElementType1.circle:return{root:(0,tslib_es6.pi)((0,tslib_es6.pi)({},borderStyle),{borderColor:backgroundColor}),svg:{fill:backgroundColor}};case ShimmerElementType1.gap:return{root:(0,tslib_es6.pi)((0,tslib_es6.pi)({},borderStyle),{borderColor:backgroundColor,backgroundColor:backgroundColor})};case ShimmerElementType1.line:return{root:(0,tslib_es6.pi)((0,tslib_es6.pi)({},borderStyle),{borderColor:backgroundColor}),topLeftCorner:{fill:backgroundColor},topRightCorner:{fill:backgroundColor},bottomLeftCorner:{fill:backgroundColor},bottomRightCorner:{fill:backgroundColor}}}return{root:borderStyle}}),ShimmerElementsGroup_styles_GlobalClassNames={root:"ms-ShimmerElementsGroup-root"},ShimmerElementsGroup=(0,styled.z)(function(props){var styles=props.styles,_a=props.width,shimmerElements=props.shimmerElements,_b=props.rowHeight,rowHeight=void 0===_b?(shimmerElements||[]).map(function(element){switch(element.type){case ShimmerElementType1.circle:element.height||(element.height=ShimmerElementsDefaultHeights1.circle);break;case ShimmerElementType1.line:element.height||(element.height=ShimmerElementsDefaultHeights1.line);break;case ShimmerElementType1.gap:element.height||(element.height=ShimmerElementsDefaultHeights1.gap)}return element}).reduce(function(acc,next){return next.height&&next.height>acc?next.height:acc},0):_b,_c=props.flexWrap,theme=props.theme,backgroundColor=props.backgroundColor,classNames=ShimmerElementsGroup_base_getClassNames(styles,{theme:theme,flexWrap:void 0!==_c&&_c});return react.createElement("div",{style:{width:void 0===_a?"auto":_a},className:classNames.root},shimmerElements?shimmerElements.map(function(element,index){var type=element.type,filteredElem=(0,tslib_es6._T)(element,["type"]),styles=getElementStyles(filteredElem.verticalAlign,type,filteredElem.height,backgroundColor,rowHeight);switch(element.type){case ShimmerElementType1.circle:return react.createElement(ShimmerCircle,(0,tslib_es6.pi)({key:index},filteredElem,{styles:styles}));case ShimmerElementType1.gap:return react.createElement(ShimmerGap,(0,tslib_es6.pi)({key:index},filteredElem,{styles:styles}));case ShimmerElementType1.line:return react.createElement(ShimmerLine,(0,tslib_es6.pi)({key:index},filteredElem,{styles:styles}))}}):react.createElement(ShimmerLine,{height:ShimmerElementsDefaultHeights1.line}))},function(props){var flexWrap=props.flexWrap,theme=props.theme;return{root:[(0,lib.Cn)(ShimmerElementsGroup_styles_GlobalClassNames,theme).root,theme.fonts.medium,{display:"flex",alignItems:"center",flexWrap:flexWrap?"wrap":"nowrap",position:"relative"}]}},void 0,{scope:"ShimmerElementsGroup"}),useSetTimeout=__webpack_require__(678),Shimmer_base_getClassNames=(0,classNamesFunction.y)(),ShimmerBase=react.forwardRef(function(props,ref){var styles=props.styles,shimmerElements=props.shimmerElements,children=props.children,width=props.width,className=props.className,customElementsGroup=props.customElementsGroup,theme=props.theme,ariaLabel=props.ariaLabel,shimmerColors=props.shimmerColors,_a=props.isDataLoaded,isDataLoaded=void 0!==_a&&_a,improveCSSPerformance=props.improveCSSPerformance,divProps=(0,properties.pq)(props,properties.n7),classNames=Shimmer_base_getClassNames(styles,{theme:theme,isDataLoaded:isDataLoaded,className:className,transitionAnimationInterval:200,shimmerColor:shimmerColors&&shimmerColors.shimmer,shimmerWaveColor:shimmerColors&&shimmerColors.shimmerWave,improveCSSPerformance:improveCSSPerformance||!customElementsGroup}),internalState=(0,useConst.B)({lastTimeoutId:0}),_b=(0,useSetTimeout.L)(),setTimeout1=_b.setTimeout,clearTimeout1=_b.clearTimeout,_c=react.useState(isDataLoaded),contentLoaded=_c[0],setContentLoaded=_c[1];return react.useEffect(function(){if(isDataLoaded!==contentLoaded){if(isDataLoaded)return internalState.lastTimeoutId=setTimeout1(function(){setContentLoaded(!0)},200),function(){return clearTimeout1(internalState.lastTimeoutId)};setContentLoaded(!1)}},[isDataLoaded]),react.createElement("div",(0,tslib_es6.pi)({},divProps,{className:classNames.root,ref:ref}),!contentLoaded&&react.createElement("div",{style:{width:width||"100%"},className:classNames.shimmerWrapper},react.createElement("div",{className:classNames.shimmerGradient}),customElementsGroup||react.createElement(ShimmerElementsGroup,{shimmerElements:shimmerElements,backgroundColor:shimmerColors&&shimmerColors.background})),children&&react.createElement("div",{className:classNames.dataWrapper},children),ariaLabel&&!isDataLoaded&&react.createElement("div",{role:"status","aria-live":"polite"},react.createElement(DelayedRender.U,null,react.createElement("div",{className:classNames.screenReaderText},ariaLabel))))});ShimmerBase.displayName="Shimmer";var Shimmer=(0,styled.z)(ShimmerBase,function(props){var _a,isDataLoaded=props.isDataLoaded,className=props.className,theme=props.theme,transitionAnimationInterval=props.transitionAnimationInterval,shimmerColor=props.shimmerColor,shimmerWaveColor=props.shimmerWaveColor,improveCSSPerformance=props.improveCSSPerformance,semanticColors=theme.semanticColors,classNames=(0,lib.Cn)(Shimmer_styles_GlobalClassNames,theme),isRTL=(0,rtl.zg)(theme);return{root:[classNames.root,theme.fonts.medium,{position:"relative",height:"auto"},className],shimmerWrapper:[classNames.shimmerWrapper,{position:"relative",overflow:"hidden",transform:"translateZ(0)",backgroundColor:shimmerColor||semanticColors.disabledBackground,transition:"opacity "+transitionAnimationInterval+"ms",selectors:((_a={})[lib.qJ]=(0,tslib_es6.pi)({background:"WindowText\n linear-gradient(\n to right,\n transparent 0%,\n Window 50%,\n transparent 100%)\n 0 0 / 90% 100%\n no-repeat"},(0,lib.xM)()),_a)},isDataLoaded&&{opacity:"0",position:"absolute",top:"0",bottom:"0",left:"0",right:"0"},improveCSSPerformance?{selectors:{"> div:last-child":{transform:"translateZ(0)"}}}:{selectors:{"> *":{transform:"translateZ(0)"}}}],shimmerGradient:[classNames.shimmerGradient,{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:(shimmerColor||semanticColors.disabledBackground)+"\n linear-gradient(\n to right,\n "+(shimmerColor||semanticColors.disabledBackground)+" 0%,\n "+(shimmerWaveColor||semanticColors.bodyDivider)+" 50%,\n "+(shimmerColor||semanticColors.disabledBackground)+" 100%)\n 0 0 / 90% 100%\n no-repeat",transform:"translateX(-"+BACKGROUND_OFF_SCREEN_POSITION+")",animationDuration:"2s",animationTimingFunction:"ease-in-out",animationDirection:"normal",animationIterationCount:"infinite",animationName:isRTL?shimmerAnimationRTL():shimmerAnimation()}],dataWrapper:[classNames.dataWrapper,{position:"absolute",top:"0",bottom:"0",left:"0",right:"0",opacity:"0",background:"none",backgroundColor:"transparent",border:"none",transition:"opacity "+transitionAnimationInterval+"ms"},isDataLoaded&&{opacity:"1",position:"static"}],screenReaderText:lib.ul}},void 0,{scope:"Shimmer"}),ShimmeredDetailsList_base_getClassNames=(0,classNamesFunction.y)(),ShimmeredDetailsListBase=function(_super){function ShimmeredDetailsListBase(props){var _this=_super.call(this,props)||this;return _this._onRenderShimmerPlaceholder=function(index,rowProps){var onRenderCustomPlaceholder=_this.props.onRenderCustomPlaceholder,placeholderElements=onRenderCustomPlaceholder?onRenderCustomPlaceholder(rowProps,index,_this._renderDefaultShimmerPlaceholder):_this._renderDefaultShimmerPlaceholder(rowProps);return react.createElement(Shimmer,{customElementsGroup:placeholderElements})},_this._renderDefaultShimmerPlaceholder=function(rowProps){var columns=rowProps.columns,compact=rowProps.compact,selectionMode=rowProps.selectionMode,checkboxVisibility=rowProps.checkboxVisibility,_a=rowProps.cellStyleProps,cellStyleProps=void 0===_a?DEFAULT_CELL_STYLE_PROPS:_a,rowHeight=DEFAULT_ROW_HEIGHTS.rowHeight,compactRowHeight=DEFAULT_ROW_HEIGHTS.compactRowHeight,gapHeight=compact?compactRowHeight:rowHeight+1,shimmerElementsRow=[];return selectionMode!==Selection_types.oW.none&&checkboxVisibility!==DetailsList_types.tY.hidden&&shimmerElementsRow.push(react.createElement(ShimmerElementsGroup,{key:"checkboxGap",shimmerElements:[{type:ShimmerElementType1.gap,width:"40px",height:gapHeight}]})),columns.forEach(function(column,columnIdx){var shimmerElements=[],groupWidth=cellStyleProps.cellLeftPadding+cellStyleProps.cellRightPadding+column.calculatedWidth+(column.isPadded?cellStyleProps.cellExtraRightPadding:0);shimmerElements.push({type:ShimmerElementType1.gap,width:cellStyleProps.cellLeftPadding,height:gapHeight}),column.isIconOnly?(shimmerElements.push({type:ShimmerElementType1.line,width:column.calculatedWidth,height:column.calculatedWidth}),shimmerElements.push({type:ShimmerElementType1.gap,width:cellStyleProps.cellRightPadding,height:gapHeight})):(shimmerElements.push({type:ShimmerElementType1.line,width:.95*column.calculatedWidth,height:7}),shimmerElements.push({type:ShimmerElementType1.gap,width:cellStyleProps.cellRightPadding+(column.calculatedWidth-.95*column.calculatedWidth)+(column.isPadded?cellStyleProps.cellExtraRightPadding:0),height:gapHeight})),shimmerElementsRow.push(react.createElement(ShimmerElementsGroup,{key:columnIdx,width:groupWidth+"px",shimmerElements:shimmerElements}))}),shimmerElementsRow.push(react.createElement(ShimmerElementsGroup,{key:"endGap",width:"100%",shimmerElements:[{type:ShimmerElementType1.gap,width:"100%",height:gapHeight}]})),react.createElement("div",{style:{display:"flex"}},shimmerElementsRow)},_this._shimmerItems=props.shimmerLines?Array(props.shimmerLines):Array(10),_this}return(0,tslib_es6.ZT)(ShimmeredDetailsListBase,_super),ShimmeredDetailsListBase.prototype.render=function(){var _a=this.props,detailsListStyles=_a.detailsListStyles,enableShimmer=_a.enableShimmer,items=_a.items,listProps=_a.listProps,removeFadingOverlay=(_a.onRenderCustomPlaceholder,_a.removeFadingOverlay),styles=(_a.shimmerLines,_a.styles),theme=_a.theme,ariaLabelForGrid=_a.ariaLabelForGrid,ariaLabelForShimmer=_a.ariaLabelForShimmer,restProps=(0,tslib_es6._T)(_a,["detailsListStyles","enableShimmer","items","listProps","onRenderCustomPlaceholder","removeFadingOverlay","shimmerLines","styles","theme","ariaLabelForGrid","ariaLabelForShimmer"]),listClassName=listProps&&listProps.className;this._classNames=ShimmeredDetailsList_base_getClassNames(styles,{theme:theme});var newListProps=(0,tslib_es6.pi)((0,tslib_es6.pi)({},listProps),{className:enableShimmer&&!removeFadingOverlay?(0,css.i)(this._classNames.root,listClassName):listClassName});return react.createElement(DetailsList,(0,tslib_es6.pi)({},restProps,{styles:detailsListStyles,items:enableShimmer?this._shimmerItems:items,isPlaceholderData:enableShimmer,ariaLabelForGrid:enableShimmer&&ariaLabelForShimmer||ariaLabelForGrid,onRenderMissingItem:this._onRenderShimmerPlaceholder,listProps:newListProps}))},ShimmeredDetailsListBase}(react.Component),ShimmeredDetailsList=(0,styled.z)(ShimmeredDetailsListBase,function(props){var palette=props.theme.palette;return{root:{position:"relative",selectors:{":after":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,backgroundImage:"linear-gradient(to bottom, transparent 30%, "+palette.whiteTranslucent40+" 65%,"+palette.white+" 100%)"}}}}},void 0,{scope:"ShimmeredDetailsList"})},5198:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{x:function(){return MarqueeSelection}});var styled=__webpack_require__(3513),tslib_es6=__webpack_require__(3499),react=__webpack_require__(3370),classNamesFunction=__webpack_require__(3568),EventGroup=__webpack_require__(9720),lib_scroll=__webpack_require__(1649),getRect=__webpack_require__(1403),AutoScroll=function(){function AutoScroll(element){this._events=new EventGroup.r(this),this._scrollableParent=(0,lib_scroll.zj)(element),this._incrementScroll=this._incrementScroll.bind(this),this._scrollRect=(0,getRect.D)(this._scrollableParent),this._scrollableParent===window&&(this._scrollableParent=document.body),this._scrollableParent&&(this._events.on(window,"mousemove",this._onMouseMove,!0),this._events.on(window,"touchmove",this._onTouchMove,!0))}return AutoScroll.prototype.dispose=function(){this._events.dispose(),this._stopScroll()},AutoScroll.prototype._onMouseMove=function(ev){this._computeScrollVelocity(ev)},AutoScroll.prototype._onTouchMove=function(ev){ev.touches.length>0&&this._computeScrollVelocity(ev)},AutoScroll.prototype._computeScrollVelocity=function(ev){if(this._scrollRect){"clientX"in ev?(clientX=ev.clientX,clientY=ev.clientY):(clientX=ev.touches[0].clientX,clientY=ev.touches[0].clientY);var clientX,clientY,scrollRect,clientDirection,scrollClient,scrollRectTop=this._scrollRect.top,scrollRectLeft=this._scrollRect.left,scrollClientBottom=scrollRectTop+this._scrollRect.height-100,scrollClientRight=scrollRectLeft+this._scrollRect.width-100;clientY<scrollRectTop+100||clientY>scrollClientBottom?(clientDirection=clientY,scrollRect=scrollRectTop,scrollClient=scrollClientBottom,this._isVerticalScroll=!0):(clientDirection=clientX,scrollRect=scrollRectLeft,scrollClient=scrollClientRight,this._isVerticalScroll=!1),clientDirection<scrollRect+100?this._scrollVelocity=Math.max(-15,-15*((100-(clientDirection-scrollRect))/100)):clientDirection>scrollClient?this._scrollVelocity=Math.min(15,15*((clientDirection-scrollClient)/100)):this._scrollVelocity=0,this._scrollVelocity?this._startScroll():this._stopScroll()}},AutoScroll.prototype._startScroll=function(){this._timeoutId||this._incrementScroll()},AutoScroll.prototype._incrementScroll=function(){this._scrollableParent&&(this._isVerticalScroll?this._scrollableParent.scrollTop+=Math.round(this._scrollVelocity):this._scrollableParent.scrollLeft+=Math.round(this._scrollVelocity)),this._timeoutId=setTimeout(this._incrementScroll,16)},AutoScroll.prototype._stopScroll=function(){this._timeoutId&&(clearTimeout(this._timeoutId),delete this._timeoutId)},AutoScroll}(),initializeComponentRef=__webpack_require__(6651),Async=__webpack_require__(2598),rtl=__webpack_require__(327),math=__webpack_require__(6432),getClassNames=(0,classNamesFunction.y)(),MarqueeSelectionBase=function(_super){function MarqueeSelectionBase(props){var _this=_super.call(this,props)||this;return _this._root=react.createRef(),_this._onMouseDown=function(ev){var _a=_this.props,isEnabled=_a.isEnabled,onShouldStartSelection=_a.onShouldStartSelection;!(_this._isMouseEventOnScrollbar(ev)||_this._isInSelectionToggle(ev))&&!_this._isTouch&&isEnabled&&!_this._isDragStartInSelection(ev)&&(!onShouldStartSelection||onShouldStartSelection(ev))&&_this._scrollableSurface&&0===ev.button&&_this._root.current&&(_this._selectedIndicies={},_this._preservedIndicies=void 0,_this._events.on(window,"mousemove",_this._onAsyncMouseMove,!0),_this._events.on(_this._scrollableParent,"scroll",_this._onAsyncMouseMove),_this._events.on(window,"click",_this._onMouseUp,!0),_this._autoScroll=new AutoScroll(_this._root.current),_this._scrollTop=_this._scrollableSurface.scrollTop,_this._scrollLeft=_this._scrollableSurface.scrollLeft,_this._rootRect=_this._root.current.getBoundingClientRect(),_this._onMouseMove(ev))},_this._onTouchStart=function(ev){_this._isTouch=!0,_this._async.setTimeout(function(){_this._isTouch=!1},0)},_this._onPointerDown=function(ev){"touch"===ev.pointerType&&(_this._isTouch=!0,_this._async.setTimeout(function(){_this._isTouch=!1},0))},(0,initializeComponentRef.l)(_this),_this._async=new Async.e(_this),_this._events=new EventGroup.r(_this),_this.state={dragRect:void 0},_this}return(0,tslib_es6.ZT)(MarqueeSelectionBase,_super),MarqueeSelectionBase.prototype.componentDidMount=function(){this._scrollableParent=(0,lib_scroll.zj)(this._root.current),this._scrollableSurface=this._scrollableParent===window?document.body:this._scrollableParent;var hitTarget=this.props.isDraggingConstrainedToRoot?this._root.current:this._scrollableSurface;this._events.on(hitTarget,"mousedown",this._onMouseDown),this._events.on(hitTarget,"touchstart",this._onTouchStart,!0),this._events.on(hitTarget,"pointerdown",this._onPointerDown,!0)},MarqueeSelectionBase.prototype.componentWillUnmount=function(){this._autoScroll&&this._autoScroll.dispose(),delete this._scrollableParent,delete this._scrollableSurface,this._events.dispose(),this._async.dispose()},MarqueeSelectionBase.prototype.render=function(){var _a=this.props,rootProps=_a.rootProps,children=_a.children,theme=_a.theme,className=_a.className,styles=_a.styles,dragRect=this.state.dragRect,classNames=getClassNames(styles,{theme:theme,className:className});return react.createElement("div",(0,tslib_es6.pi)({},rootProps,{className:classNames.root,ref:this._root}),children,dragRect&&react.createElement("div",{className:classNames.dragMask}),dragRect&&react.createElement("div",{className:classNames.box,style:dragRect},react.createElement("div",{className:classNames.boxFill})))},MarqueeSelectionBase.prototype._isMouseEventOnScrollbar=function(ev){var targetElement=ev.target,targetScrollbarWidth=targetElement.offsetWidth-targetElement.clientWidth,targetScrollbarHeight=targetElement.offsetHeight-targetElement.clientHeight;if(targetScrollbarWidth||targetScrollbarHeight){var targetRect=targetElement.getBoundingClientRect();if((0,rtl.zg)(this.props.theme)){if(ev.clientX<targetRect.left+targetScrollbarWidth)return!0}else if(ev.clientX>targetRect.left+targetElement.clientWidth)return!0;if(ev.clientY>targetRect.top+targetElement.clientHeight)return!0}return!1},MarqueeSelectionBase.prototype._getRootRect=function(){return{left:this._rootRect.left+(this._scrollableSurface?this._scrollLeft-this._scrollableSurface.scrollLeft:this._scrollLeft),top:this._rootRect.top+(this._scrollableSurface?this._scrollTop-this._scrollableSurface.scrollTop:this._scrollTop),width:this._rootRect.width,height:this._rootRect.height}},MarqueeSelectionBase.prototype._onAsyncMouseMove=function(ev){var _this=this;this._async.requestAnimationFrame(function(){_this._onMouseMove(ev)}),ev.stopPropagation(),ev.preventDefault()},MarqueeSelectionBase.prototype._onMouseMove=function(ev){if(this._autoScroll){void 0!==ev.clientX&&(this._lastMouseEvent=ev);var rootRect=this._getRootRect(),currentPoint={left:ev.clientX-rootRect.left,top:ev.clientY-rootRect.top};if(this._dragOrigin||(this._dragOrigin=currentPoint),void 0!==ev.buttons&&0===ev.buttons)this._onMouseUp(ev);else if(this.state.dragRect||(0,math.Iw)(this._dragOrigin,currentPoint)>5){if(!this.state.dragRect){var selection=this.props.selection;ev.shiftKey||selection.setAllSelected(!1),this._preservedIndicies=selection&&selection.getSelectedIndices&&selection.getSelectedIndices()}var constrainedPoint=this.props.isDraggingConstrainedToRoot?{left:Math.max(0,Math.min(rootRect.width,this._lastMouseEvent.clientX-rootRect.left)),top:Math.max(0,Math.min(rootRect.height,this._lastMouseEvent.clientY-rootRect.top))}:{left:this._lastMouseEvent.clientX-rootRect.left,top:this._lastMouseEvent.clientY-rootRect.top},dragRect={left:Math.min(this._dragOrigin.left||0,constrainedPoint.left),top:Math.min(this._dragOrigin.top||0,constrainedPoint.top),width:Math.abs(constrainedPoint.left-(this._dragOrigin.left||0)),height:Math.abs(constrainedPoint.top-(this._dragOrigin.top||0))};this._evaluateSelection(dragRect,rootRect),this.setState({dragRect:dragRect})}return!1}},MarqueeSelectionBase.prototype._onMouseUp=function(ev){this._events.off(window),this._events.off(this._scrollableParent,"scroll"),this._autoScroll&&this._autoScroll.dispose(),this._autoScroll=this._dragOrigin=this._lastMouseEvent=void 0,this._selectedIndicies=this._itemRectCache=void 0,this.state.dragRect&&(this.setState({dragRect:void 0}),ev.preventDefault(),ev.stopPropagation())},MarqueeSelectionBase.prototype._isPointInRectangle=function(rectangle,point){return!!point.top&&rectangle.top<point.top&&rectangle.bottom>point.top&&!!point.left&&rectangle.left<point.left&&rectangle.right>point.left},MarqueeSelectionBase.prototype._isDragStartInSelection=function(ev){var selection=this.props.selection;if(!this._root.current||selection&&0===selection.getSelectedCount())return!1;for(var allElements=this._root.current.querySelectorAll("[data-selection-index]"),i=0;i<allElements.length;i++){var element=allElements[i],index=Number(element.getAttribute("data-selection-index"));if(selection.isIndexSelected(index)){var itemRect=element.getBoundingClientRect();if(this._isPointInRectangle(itemRect,{left:ev.clientX,top:ev.clientY}))return!0}}return!1},MarqueeSelectionBase.prototype._isInSelectionToggle=function(ev){for(var element=ev.target;element&&element!==this._root.current;){if("true"===element.getAttribute("data-selection-toggle"))return!0;element=element.parentElement}return!1},MarqueeSelectionBase.prototype._evaluateSelection=function(dragRect,rootRect){if(dragRect&&this._root.current){var selection=this.props.selection,allElements=this._root.current.querySelectorAll("[data-selection-index]");this._itemRectCache||(this._itemRectCache={});for(var i=0;i<allElements.length;i++){var element=allElements[i],index=element.getAttribute("data-selection-index"),itemRect=this._itemRectCache[index];!itemRect&&(itemRect={left:(itemRect=element.getBoundingClientRect()).left-rootRect.left,top:itemRect.top-rootRect.top,width:itemRect.width,height:itemRect.height,right:itemRect.left-rootRect.left+itemRect.width,bottom:itemRect.top-rootRect.top+itemRect.height}).width>0&&itemRect.height>0&&(this._itemRectCache[index]=itemRect),itemRect.top<dragRect.top+dragRect.height&&itemRect.bottom>dragRect.top&&itemRect.left<dragRect.left+dragRect.width&&itemRect.right>dragRect.left?this._selectedIndicies[index]=!0:delete this._selectedIndicies[index]}var previousSelectedIndices=this._allSelectedIndices||{};for(var index in this._allSelectedIndices={},this._selectedIndicies)this._selectedIndicies.hasOwnProperty(index)&&(this._allSelectedIndices[index]=!0);if(this._preservedIndicies)for(var _i=0,_a=this._preservedIndicies;_i<_a.length;_i++){var index=_a[_i];this._allSelectedIndices[index]=!0}var needToUpdate=!1;for(var index in this._allSelectedIndices)if(this._allSelectedIndices[index]!==previousSelectedIndices[index]){needToUpdate=!0;break}if(!needToUpdate){for(var index in previousSelectedIndices)if(this._allSelectedIndices[index]!==previousSelectedIndices[index]){needToUpdate=!0;break}}if(needToUpdate){selection.setChangeEvents(!1),selection.setAllSelected(!1);for(var _b=0,_c=Object.keys(this._allSelectedIndices);_b<_c.length;_b++){var index=_c[_b];selection.setIndexSelected(Number(index),!0,!1)}selection.setChangeEvents(!0)}}},MarqueeSelectionBase.defaultProps={rootTagName:"div",rootProps:{},isEnabled:!0},MarqueeSelectionBase}(react.Component),lib=__webpack_require__(3349),MarqueeSelection=(0,styled.z)(MarqueeSelectionBase,function(props){var _a,_b,_c,theme=props.theme,className=props.className,palette=theme.palette;return{root:[className,{position:"relative",cursor:"default"}],dragMask:[{position:"absolute",background:"rgba(255, 0, 0, 0)",left:0,top:0,right:0,bottom:0,selectors:((_a={})[lib.qJ]={background:"none",backgroundColor:"transparent"},_a)}],box:[{position:"absolute",boxSizing:"border-box",border:"1px solid "+palette.themePrimary,pointerEvents:"none",zIndex:10,selectors:((_b={})[lib.qJ]={borderColor:"Highlight"},_b)}],boxFill:[{position:"absolute",boxSizing:"border-box",backgroundColor:palette.themePrimary,opacity:.1,left:0,top:0,right:0,bottom:0,selectors:((_c={})[lib.qJ]={background:"none",backgroundColor:"transparent"},_c)}]}},void 0,{scope:"MarqueeSelection"})},8262:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{U:function(){return DelayedRender}});var tslib__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(3499),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(3370),_dom_getWindow__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(6451),DelayedRender=function(_super){function DelayedRender(props){var _this=_super.call(this,props)||this;return _this.state={isRendered:void 0===(0,_dom_getWindow__WEBPACK_IMPORTED_MODULE_2__.J)()},_this}return(0,tslib__WEBPACK_IMPORTED_MODULE_1__.ZT)(DelayedRender,_super),DelayedRender.prototype.componentDidMount=function(){var _this=this,delay=this.props.delay;this._timeoutId=window.setTimeout(function(){_this.setState({isRendered:!0})},delay)},DelayedRender.prototype.componentWillUnmount=function(){this._timeoutId&&clearTimeout(this._timeoutId)},DelayedRender.prototype.render=function(){return this.state.isRendered?react__WEBPACK_IMPORTED_MODULE_0__.Children.only(this.props.children):null},DelayedRender.defaultProps={delay:0},DelayedRender}(react__WEBPACK_IMPORTED_MODULE_0__.Component)},1403:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";function getRect(element){var rect;return element&&(element===window?rect={left:0,top:0,width:window.innerWidth,height:window.innerHeight,right:window.innerWidth,bottom:window.innerHeight}:element.getBoundingClientRect&&(rect=element.getBoundingClientRect())),rect}__webpack_require__.d(__webpack_exports__,{D:function(){return getRect}})},8228:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Y:function(){return Selection}});var _Selection_types__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(8487),_EventGroup__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9720),Selection=function(){function Selection(){for(var options=[],_i=0;_i<arguments.length;_i++)options[_i]=arguments[_i];var _a=options[0]||{},onSelectionChanged=_a.onSelectionChanged,onItemsChanged=_a.onItemsChanged,getKey=_a.getKey,_b=_a.canSelectItem,items=_a.items,_c=_a.selectionMode,selectionMode=void 0===_c?_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.multiple:_c;this.mode=selectionMode,this._getKey=getKey||defaultGetKey,this._changeEventSuppressionCount=0,this._exemptedCount=0,this._anchoredIndex=0,this._unselectableCount=0,this._onSelectionChanged=onSelectionChanged,this._onItemsChanged=onItemsChanged,this._canSelectItem=void 0===_b?function(){return!0}:_b,this._keyToIndexMap={},this._isModal=!1,this.setItems(items||[],!0),this.count=this.getSelectedCount()}return Selection.prototype.canSelectItem=function(item,index){return("number"!=typeof index||!(index<0))&&this._canSelectItem(item,index)},Selection.prototype.getKey=function(item,index){var key=this._getKey(item,index);return"number"==typeof key||key?""+key:""},Selection.prototype.setChangeEvents=function(isEnabled,suppressChange){this._changeEventSuppressionCount+=isEnabled?-1:1,0===this._changeEventSuppressionCount&&this._hasChanged&&(this._hasChanged=!1,suppressChange||this._change())},Selection.prototype.isModal=function(){return this._isModal},Selection.prototype.setModal=function(isModal){this._isModal!==isModal&&(this.setChangeEvents(!1),this._isModal=isModal,isModal||this.setAllSelected(!1),this._change(),this.setChangeEvents(!0))},Selection.prototype.setItems=function(items,shouldClear){void 0===shouldClear&&(shouldClear=!0);var newKeyToIndexMap={},newUnselectableIndices={},hasSelectionChanged=!1;this.setChangeEvents(!1),this._unselectableCount=0;for(var haveItemsChanged=!1,i=0;i<items.length;i++){var item=items[i];if(item){var key=this.getKey(item,i);key&&(haveItemsChanged||key in this._keyToIndexMap&&this._keyToIndexMap[key]===i||(haveItemsChanged=!0),newKeyToIndexMap[key]=i)}newUnselectableIndices[i]=item&&!this.canSelectItem(item),newUnselectableIndices[i]&&this._unselectableCount++}(shouldClear||0===items.length)&&this._setAllSelected(!1,!0);var newExemptedIndicies={},newExemptedCount=0;for(var indexProperty in this._exemptedIndices)if(this._exemptedIndices.hasOwnProperty(indexProperty)){var index=Number(indexProperty),item=this._items[index],exemptKey=item?this.getKey(item,Number(index)):void 0,newIndex=exemptKey?newKeyToIndexMap[exemptKey]:index;void 0===newIndex?hasSelectionChanged=!0:(newExemptedIndicies[newIndex]=!0,newExemptedCount++,hasSelectionChanged=hasSelectionChanged||newIndex!==index)}if(this._items&&0===this._exemptedCount&&items.length!==this._items.length&&this._isAllSelected&&(hasSelectionChanged=!0),!haveItemsChanged)for(var _i=0,_a=Object.keys(this._keyToIndexMap);_i<_a.length;_i++){var key=_a[_i];if(!(key in newKeyToIndexMap)){haveItemsChanged=!0;break}}this._exemptedIndices=newExemptedIndicies,this._exemptedCount=newExemptedCount,this._keyToIndexMap=newKeyToIndexMap,this._unselectableIndices=newUnselectableIndices,this._items=items,this._selectedItems=null,hasSelectionChanged&&this._updateCount(),haveItemsChanged&&(_EventGroup__WEBPACK_IMPORTED_MODULE_1__.r.raise(this,_Selection_types__WEBPACK_IMPORTED_MODULE_0__.xC),this._onItemsChanged&&this._onItemsChanged()),hasSelectionChanged&&this._change(),this.setChangeEvents(!0)},Selection.prototype.getItems=function(){return this._items},Selection.prototype.getSelection=function(){if(!this._selectedItems){this._selectedItems=[];var items=this._items;if(items)for(var i=0;i<items.length;i++)this.isIndexSelected(i)&&this._selectedItems.push(items[i])}return this._selectedItems},Selection.prototype.getSelectedCount=function(){return this._isAllSelected?this._items.length-this._exemptedCount-this._unselectableCount:this._exemptedCount},Selection.prototype.getSelectedIndices=function(){if(!this._selectedIndices){this._selectedIndices=[];var items=this._items;if(items)for(var i=0;i<items.length;i++)this.isIndexSelected(i)&&this._selectedIndices.push(i)}return this._selectedIndices},Selection.prototype.getItemIndex=function(key){var index=this._keyToIndexMap[key];return null!=index?index:-1},Selection.prototype.isRangeSelected=function(fromIndex,count){if(0===count)return!1;for(var endIndex=fromIndex+count,i=fromIndex;i<endIndex;i++)if(!this.isIndexSelected(i))return!1;return!0},Selection.prototype.isAllSelected=function(){var selectableCount=this._items.length-this._unselectableCount;return this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.single&&(selectableCount=Math.min(selectableCount,1)),this.count>0&&this._isAllSelected&&0===this._exemptedCount||!this._isAllSelected&&this._exemptedCount===selectableCount&&selectableCount>0},Selection.prototype.isKeySelected=function(key){var index=this._keyToIndexMap[key];return this.isIndexSelected(index)},Selection.prototype.isIndexSelected=function(index){return!!(this.count>0&&this._isAllSelected&&!this._exemptedIndices[index]&&!this._unselectableIndices[index]||!this._isAllSelected&&this._exemptedIndices[index])},Selection.prototype.setAllSelected=function(isAllSelected){if(!isAllSelected||this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.multiple){var selectableCount=this._items?this._items.length-this._unselectableCount:0;this.setChangeEvents(!1),selectableCount>0&&(this._exemptedCount>0||isAllSelected!==this._isAllSelected)&&(this._exemptedIndices={},(isAllSelected!==this._isAllSelected||this._exemptedCount>0)&&(this._exemptedCount=0,this._isAllSelected=isAllSelected,this._change()),this._updateCount()),this.setChangeEvents(!0)}},Selection.prototype.setKeySelected=function(key,isSelected,shouldAnchor){var index=this._keyToIndexMap[key];index>=0&&this.setIndexSelected(index,isSelected,shouldAnchor)},Selection.prototype.setIndexSelected=function(index,isSelected,shouldAnchor){if(!(this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.none||(index=Math.min(Math.max(0,index),this._items.length-1))<0||index>=this._items.length)){this.setChangeEvents(!1);var isExempt=this._exemptedIndices[index];!this._unselectableIndices[index]&&(isSelected&&this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.single&&this._setAllSelected(!1,!0),isExempt&&(isSelected&&this._isAllSelected||!isSelected&&!this._isAllSelected)&&(delete this._exemptedIndices[index],this._exemptedCount--),!isExempt&&(isSelected&&!this._isAllSelected||!isSelected&&this._isAllSelected)&&(this._exemptedIndices[index]=!0,this._exemptedCount++),shouldAnchor&&(this._anchoredIndex=index)),this._updateCount(),this.setChangeEvents(!0)}},Selection.prototype.setRangeSelected=function(fromIndex,count,isSelected,shouldAnchor){if(this.mode!==_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.none&&(fromIndex=Math.min(Math.max(0,fromIndex),this._items.length-1),count=Math.min(Math.max(0,count),this._items.length-fromIndex),!(fromIndex<0)&&!(fromIndex>=this._items.length)&&0!==count)){this.setChangeEvents(!1);for(var anchorIndex=this._anchoredIndex||0,startIndex=fromIndex,endIndex=fromIndex+count-1,newAnchorIndex=anchorIndex>=endIndex?startIndex:endIndex;startIndex<=endIndex;startIndex++)this.setIndexSelected(startIndex,isSelected,!!shouldAnchor&&startIndex===newAnchorIndex);this.setChangeEvents(!0)}},Selection.prototype.selectToKey=function(key,clearSelection){this.selectToIndex(this._keyToIndexMap[key],clearSelection)},Selection.prototype.selectToRange=function(fromIndex,count,clearSelection){if(this.mode!==_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.none){if(this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.single){1===count&&this.setIndexSelected(fromIndex,!0,!0);return}var anchorIndex=this._anchoredIndex||0,startIndex=Math.min(fromIndex,anchorIndex),endIndex=Math.max(fromIndex+count-1,anchorIndex);for(this.setChangeEvents(!1),clearSelection&&this._setAllSelected(!1,!0);startIndex<=endIndex;startIndex++)this.setIndexSelected(startIndex,!0,!1);this.setChangeEvents(!0)}},Selection.prototype.selectToIndex=function(index,clearSelection){if(this.mode!==_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.none){if(this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.single){this.setIndexSelected(index,!0,!0);return}var anchorIndex=this._anchoredIndex||0,startIndex=Math.min(index,anchorIndex),endIndex=Math.max(index,anchorIndex);for(this.setChangeEvents(!1),clearSelection&&this._setAllSelected(!1,!0);startIndex<=endIndex;startIndex++)this.setIndexSelected(startIndex,!0,!1);this.setChangeEvents(!0)}},Selection.prototype.toggleAllSelected=function(){this.setAllSelected(!this.isAllSelected())},Selection.prototype.toggleKeySelected=function(key){this.setKeySelected(key,!this.isKeySelected(key),!0)},Selection.prototype.toggleIndexSelected=function(index){this.setIndexSelected(index,!this.isIndexSelected(index),!0)},Selection.prototype.toggleRangeSelected=function(fromIndex,count){if(this.mode!==_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.none){var isRangeSelected=this.isRangeSelected(fromIndex,count),endIndex=fromIndex+count;if(this.mode!==_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.single||!(count>1)){this.setChangeEvents(!1);for(var i=fromIndex;i<endIndex;i++)this.setIndexSelected(i,!isRangeSelected,!1);this.setChangeEvents(!0)}}},Selection.prototype._updateCount=function(preserveModalState){void 0===preserveModalState&&(preserveModalState=!1);var count=this.getSelectedCount();count!==this.count&&(this.count=count,this._change()),this.count||preserveModalState||this.setModal(!1)},Selection.prototype._setAllSelected=function(isAllSelected,preserveModalState){if(void 0===preserveModalState&&(preserveModalState=!1),!isAllSelected||this.mode===_Selection_types__WEBPACK_IMPORTED_MODULE_0__.oW.multiple){var selectableCount=this._items?this._items.length-this._unselectableCount:0;this.setChangeEvents(!1),selectableCount>0&&(this._exemptedCount>0||isAllSelected!==this._isAllSelected)&&(this._exemptedIndices={},(isAllSelected!==this._isAllSelected||this._exemptedCount>0)&&(this._exemptedCount=0,this._isAllSelected=isAllSelected,this._change()),this._updateCount(preserveModalState)),this.setChangeEvents(!0)}},Selection.prototype._change=function(){0===this._changeEventSuppressionCount?(this._selectedItems=null,this._selectedIndices=void 0,_EventGroup__WEBPACK_IMPORTED_MODULE_1__.r.raise(this,_Selection_types__WEBPACK_IMPORTED_MODULE_0__.F5),this._onSelectionChanged&&this._onSelectionChanged()):this._hasChanged=!0},Selection}();function defaultGetKey(item,index){var _a=(item||{}).key;return void 0===_a?""+index:_a}},8487:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{F5:function(){return SELECTION_CHANGE},oW:function(){return SelectionMode1},xC:function(){return SELECTION_ITEMS_CHANGE}});var SelectionMode,SelectionDirection,SelectionMode1,SelectionDirection1,SELECTION_CHANGE="change",SELECTION_ITEMS_CHANGE="items-change";(SelectionMode=SelectionMode1||(SelectionMode1={}))[SelectionMode.none=0]="none",SelectionMode[SelectionMode.single=1]="single",SelectionMode[SelectionMode.multiple=2]="multiple",(SelectionDirection=SelectionDirection1||(SelectionDirection1={}))[SelectionDirection.horizontal=0]="horizontal",SelectionDirection[SelectionDirection.vertical=1]="vertical"}}]);
- //# sourceMappingURL=878-33a9e1394ac1a345.js.map
|
