npm - @livetiles/reach-components-react - Versions diffs - 0.3.101 → 0.3.104 - Mend

@livetiles/reach-components-react 0.3.101 → 0.3.104

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/EventsGrid.d.ts CHANGED Viewed

@@ -7,7 +7,11 @@ export interface EventGridProps {
     filter?: EventFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;
+    /**
+     * @deprecated Use `maxColumnCount` instead.
+     */
     columnCount?: number;
+    maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
     onChannelClick?: (channel: string) => unknown;

package/NewsGrid.d.ts CHANGED Viewed

@@ -5,7 +5,11 @@ export interface NewsGridProps {
     filter?: LibNewsFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;
+    /**
+     * @deprecated Use `maxColumnCount` instead.
+     */
     columnCount?: number;
+    maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
     onChannelClick?: (channel: string) => unknown;

package/PublishableItemGrid.d.ts CHANGED Viewed

@@ -7,9 +7,9 @@ interface LibraryProps<TItem extends PublishableItem = PublishableItem, TTokenTy
     emptyMessageResources: string[];
     emptyListIcon: string;
     hidePagination?: boolean;
-    columnCount?: number;
+    maxColumnCount?: number;
     rowCount?: number;
     className?: string;
 }
-export declare const PublishableItemGrid: <TItem extends PublishableItem, TTokenType = unknown>({ onRenderCard, dataLoader, minColumnWidth, emptyMessageResources, emptyListIcon, hidePagination, columnCount, rowCount, className, }: LibraryProps<TItem, TTokenType>) => JSX.Element;
+export declare const PublishableItemGrid: <TItem extends PublishableItem, TTokenType = unknown>({ onRenderCard, dataLoader, minColumnWidth, emptyMessageResources, emptyListIcon, hidePagination, maxColumnCount, rowCount, className, }: LibraryProps<TItem, TTokenType>) => JSX.Element;
 export {};

package/index.d.ts CHANGED Viewed

@@ -677,7 +677,9 @@ interface ToolbarIconButtonProps {
     disabled?: boolean;
     className?: string;
 }
-declare const ToolbarIconButton: styled_components.StyledComponent<FC<ToolbarIconButtonProps>, styled_components.DefaultTheme, {}, never>;
+declare const ToolbarIconButton: styled_components.StyledComponent<FC<ToolbarIconButtonProps>, styled_components.DefaultTheme, {
+    isActive?: boolean;
+}, never>;
 interface ToolbarMarkAllItemsAsReadButtonProps {
     onMarkAsReadStarted?: () => unknown;
@@ -835,7 +837,11 @@ interface NewsGridProps {
     filter?: LibNewsFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;
+    /**
+     * @deprecated Use `maxColumnCount` instead.
+     */
     columnCount?: number;
+    maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: NewsItem, itemUrl?: string, isTitleClicked?: boolean) => unknown;
     onChannelClick?: (channel: string) => unknown;
@@ -849,7 +855,11 @@ interface EventGridProps {
     filter?: EventFilterDefinition;
     searchText?: string;
     hidePagination?: boolean;
+    /**
+     * @deprecated Use `maxColumnCount` instead.
+     */
     columnCount?: number;
+    maxColumnCount?: number;
     rowCount?: number;
     onItemClick?: (item: EventItem, itemUrl?: string) => unknown;
     onChannelClick?: (channel: string) => unknown;

package/index.esm2.js CHANGED Viewed

@@ -77676,7 +77676,7 @@ var splitter=new C(SUPPORTS_Y$1?rx:'^(?:'+rx.source+')',flags);var lim=limit===u
 var src=browserInfo.name==='safari'?url+"#t=0.1":url;return jsxs("div",{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("video",__assign$1({preload:"metadata",controls:true,title:fileName,width:"auto",height:"auto"},{children:[jsx$1("source",{src:src,type:"video/mp4"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.videoReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isVideoFile(fileName){var _a;var os=env.deviceInfo.operatingSystem;var isApple=os==='mac';var fileType=(_a=lite.getType(fileName))===null||_a===void 0?void 0:_a.toString();if(!fileType){return false;}if(fileType.startsWith(VideoMimeTypes.mp4)){return true;}return isApple?fileType.startsWith(VideoMimeTypes.quicktime):fileType.startsWith(VideoMimeTypes.webm);}var CardBorderInline=function CardBorderInline(xRadius,yRadius){var xShadow=xRadius/2;var yShadow=yRadius/2;var radius=Math.abs(xRadius)+Math.abs(yRadius);return "\n    box-shadow: "+xShadow+"px "+yShadow+"px "+radius+"px grey;\n  ";};var InputPlaceholder=function InputPlaceholder(content){return "\n  &:-moz-placeholder {\n    "+content+";\n  }\n  &::-moz-placeholder {\n    "+content+";\n  }\n  &:-ms-input-placeholder {\n    "+content+";\n  }\n  &::-webkit-input-placeholder {\n    "+content+";\n  }\n  ";};var LineClamp=function LineClamp(lines,fontSize,lineHeight){return css$2(templateObject_1$T$1||(templateObject_1$T$1=__makeTemplateObject$1(["\n    display: block;\n    display: -webkit-box;\n    max-height: ","px;\n    font-size: ","px;\n    line-height: ",";\n    -webkit-line-clamp: ",";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "],["\n    display: block;\n    display: -webkit-box;\n    max-height: ","px;\n    font-size: ","px;\n    line-height: ",";\n    -webkit-line-clamp: ",";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "])),fontSize*lineHeight*lines,fontSize,lineHeight,lines);};function getImageSize(url){var image=new Image();var promise=new Promise(function(resolve){image.onload=function(e){var i=e.currentTarget;resolve({width:i.width,height:i.height});};});image.src=url;return promise;}function getFileIcon(filename){if(isAudioFile(filename)){return 'MusicInCollectionFill';}if(isVideoFile(filename)){return 'Video';}var extension=filename===null||filename===void 0?void 0:filename.split('.').pop().toLowerCase();return getFileIconByExtension(extension);}function getIconColor(fileIcon){switch(fileIcon){case'WordDocument':return '#1C5FC0';case'ExcelDocument':return '#138147';case'PowerPointDocument':return '#CA4B27';case'VisioDocument':return '#1C5FBF';case'PDF':return '#CF1700';default:return '#000';}}function getFileIconByExtension(extension){switch(extension===null||extension===void 0?void 0:extension.toLowerCase()){case'vsdx':return 'VisioDocument';case'rar':case'zip':case'7z':return 'ZipFolder';case'pdf':return 'PDF';case'doc':case'docx':return 'WordDocument';case'xls':case'xlsx':case'csv':return 'ExcelDocument';case'ppt':case'pptx':case'potx':case'ppsx':return 'PowerPointDocument';case'mp4':case'webm':case'mpeg':case'avi':case'ogv':return 'Video';case'aac':case'mp3':case'oga':case'opus':case'wav':case'weba':return 'MusicInCollectionFill';case'bmp':case'gif':case'ico':case'jpeg':case'jpg':case'png':case'svg':case'tif':case'webp':return 'FileImage';default:return 'Page';}}var templateObject_1$T$1;function useFileAccessTokenApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var identifier=useContext(SubscriptionIdContext).identifier;var env=useEnvironmentConfig();var subscriptionId=identifier===null||identifier===void 0?void 0:identifier.id;return useMemo(function(){return {exchangeShortLivedToken:exchangeShortLivedToken,getPublishableItemShortLivedToken:getPublishableItemShortLivedToken,createDownloadClickHandler:createDownloadClickHandler};// Creates a click handler that is safe to be used on iOS.
 // iOS does not allow async onClick handler that open a new window
 // with `window.open(url, '_blank')`
-function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"],["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"],["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n  display: inline-flex;\n\n  ","\n"],["\n  display: inline-flex;\n\n  ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n          width: 100%;\n        "],["\n          width: 100%;\n        "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n          width: calc(100% - 34px); // delete button size;\n        "],["\n          width: calc(100% - 34px); // delete button size;\n        "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n  margin-right: ","px;\n  font-size: 18px;\n"],["\n  margin-right: ","px;\n  font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"],["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"],["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n  font-size: 20px;\n  color: ",";\n"],["\n  font-size: 20px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$S$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$5$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"],["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"])));var templateObject_1$R$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"],["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "],["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n          top: ","px;\n        "],["\n          top: ","px;\n        "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "])),useSecondaryBgColor?css$2(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return applyFocusStyle("\n    [data-fab] button:focus::after,\n    button[data-fab]:focus::after {\n      outline-color: "+p.theme.palette.themePrimary+";\n      outline-offset: 5px;\n      border-radius: 50%;\n    }\n  ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n  &&& {\n    ","\n  }\n"],["\n  &&& {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n  a,\n  a:visited {\n    ","\n  }\n"],["\n  a,\n  a:visited {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n  && {\n    margin-left: auto;\n  }\n"],["\n  && {\n    margin-left: auto;\n  }\n"])));createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var templateObject_1$Q$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$4$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"])),spacingXs,fontSizeSmall);var templateObject_1$P$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
+function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"],["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"],["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n  display: inline-flex;\n\n  ","\n"],["\n  display: inline-flex;\n\n  ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n          width: 100%;\n        "],["\n          width: 100%;\n        "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n          width: calc(100% - 34px); // delete button size;\n        "],["\n          width: calc(100% - 34px); // delete button size;\n        "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n  margin-right: ","px;\n  font-size: 18px;\n"],["\n  margin-right: ","px;\n  font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"],["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"],["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n  font-size: 20px;\n  color: ",";\n"],["\n  font-size: 20px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$S$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"],["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"])));var templateObject_1$R$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"],["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "],["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n          top: ","px;\n        "],["\n          top: ","px;\n        "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "])),useSecondaryBgColor?css$2(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return applyFocusStyle("\n    [data-fab] button:focus::after,\n    button[data-fab]:focus::after {\n      outline-color: "+p.theme.palette.themePrimary+";\n      outline-offset: 5px;\n      border-radius: 50%;\n    }\n  ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n  &&& {\n    ","\n  }\n"],["\n  &&& {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n  a,\n  a:visited {\n    ","\n  }\n"],["\n  a,\n  a:visited {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n  && {\n    margin-left: auto;\n  }\n"],["\n  && {\n    margin-left: auto;\n  }\n"])));createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var templateObject_1$Q$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"])),spacingXs,fontSizeSmall);var templateObject_1$P$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
  * Repacks the grid layout when a given dependency changes
  * It does not repack the grid on the very first run
  * @param deps
@@ -77687,7 +77687,7 @@ function createDownloadClickHandler(target,getUrl){var _this=this;return functio
 // (mobile app even has to be restarted) and one image just freezes and
 // on the console we have errors like this:  Uncaught TypeError: Cannot read property 'mouseUsed' of null
 var gallery;clearTimeout(initializeGalleryHandle.current);initializeGalleryHandle.current=setTimeout(function(){return gallery=initializeGallery();},200);return function(){return gallery===null||gallery===void 0?void 0:gallery.close();};// eslint-disable-next-line react-hooks/exhaustive-deps
-},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "],["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "])));});var templateObject_1$M$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"],["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "],["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"],["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$L$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$3$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"],["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ",";\n  }\n"],["\n  && {\n    height: 100%;\n    ",";\n  }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);});var templateObject_1$K$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
+},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "],["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "])));});var templateObject_1$M$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"],["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "],["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"],["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$L$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"],["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ",";\n  }\n"],["\n  && {\n    height: 100%;\n    ",";\n  }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);});var templateObject_1$K$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
 // eslint-disable-next-line max-len
 var whitespaces$2$2='\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';var requireObjectCoercible$e=requireObjectCoercible$9$1;var whitespaces$1$2=whitespaces$2$2;var whitespace$2='['+whitespaces$1$2+']';var ltrim$2=RegExp('^'+whitespace$2+whitespace$2+'*');var rtrim$2=RegExp(whitespace$2+whitespace$2+'*$');// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 var createMethod$5=function(TYPE){return function($this){var string=String(requireObjectCoercible$e($this));if(TYPE&1)string=string.replace(ltrim$2,'');if(TYPE&2)string=string.replace(rtrim$2,'');return string;};};var stringTrim$2={// `String.prototype.{ trimLeft, trimStart }` methods
@@ -77700,7 +77700,7 @@ trim:createMethod$5(3)};var fails$k=fails$h$1;var whitespaces$5=whitespaces$2$2;
 // of whitespaces and has a correct name
 var stringTrimForced$2=function(METHOD_NAME){return fails$k(function(){return !!whitespaces$5[METHOD_NAME]()||non$2[METHOD_NAME]()!=non$2||whitespaces$5[METHOD_NAME].name!==METHOD_NAME;});};var $$1$2=_export$1;var $trim$2=stringTrim$2.trim;var forcedStringTrimMethod$2=stringTrimForced$2;// `String.prototype.trim` method
 // https://tc39.github.io/ecma262/#sec-string.prototype.trim
-$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledExternalLink=_styled(ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled(IconButton$1).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n  border-radius: 0;\n\n  ","\n"],["\n  border-radius: 0;\n\n  ","\n"])),function(p){return p.active&&css$2(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n      border-color: ",";\n    "],["\n      border-color: ",";\n    "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled(ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n"],["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$J$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2;var Search=function Search(props){var intl=useIntl();var _a=useState$2(null),searchText=_a[0],setSearchText=_a[1];var location=useLocation$1();var textColors=useContext(ThemeContext$1).theme.textColors;var searchInputRef=useRef$1();useEffect$1(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
+$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledExternalLink=_styled(ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled(IconButton$1).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n  border-radius: 0;\n\n  ","\n"],["\n  border-radius: 0;\n\n  ","\n"])),function(p){return p.active&&css$2(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n      border-color: ",";\n    "],["\n      border-color: ",";\n    "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled(ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n\n  ","\n"])),function(p){return p.theme.textColors.default;},function(p){return p.isActive&&css$2(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n      i {\n        font-weight: bold;\n      }\n    "],["\n      i {\n        font-weight: bold;\n      }\n    "])));});var templateObject_1$J$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2,templateObject_7$3$2;var Search=function Search(props){var intl=useIntl();var _a=useState$2(null),searchText=_a[0],setSearchText=_a[1];var location=useLocation$1();var textColors=useContext(ThemeContext$1).theme.textColors;var searchInputRef=useRef$1();useEffect$1(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[]);useEffect$1(function(){setSearchText('');// eslint-disable-next-line react-hooks/exhaustive-deps
 },[location.pathname]);return jsxs(Host$j$2,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsx$1(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsx$1(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsx$1(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled(TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return p.useLightTheme?css$2(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "],["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):css$2(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "],["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "])),function(p){return p.theme.textColors.onPrimary;},InputPlaceholder("color: "+p.theme.textColors.onPrimary));});var StyledSpinner$1$1=_styled(Spinner$1).withConfig({displayName:"Search__StyledSpinner",componentId:"sc-17f35gt-1"})(templateObject_4$c$2||(templateObject_4$c$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ",";\n  background-color: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ",";\n  background-color: ",";\n"])),function(p){return p.theme.textColors.onPrimary;},function(p){return p.theme.palette.themeDarker;});var Host$j$2=_styled.div.withConfig({displayName:"Search__Host",componentId:"sc-17f35gt-2"})(templateObject_7$2$2||(templateObject_7$2$2=__makeTemplateObject$1(["\n  flex: 1 1 auto;\n  height: 100%;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n\n  > .ms-TextField {\n    flex: 1 1 auto;\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0;\n\n    > .ms-TextField-wrapper {\n      flex: 1 0 auto;\n\n      .ms-TextField-fieldGroup {\n        border: none;\n        background: none;\n\n        > input {\n          border: 0;\n          height: 100%;\n          font-size: 18px;\n\n          &::-ms-clear {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  input {\n    &.ms-TextField-field {\n      min-width: 100%;\n      width: 30px;\n    }\n\n    ",";\n  }\n\n  i {\n    display: flex;\n    justify-content: space-around;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    margin-right: 1em;\n    margin-left: 0.5em;\n    cursor: pointer;\n  }\n\n  button {\n    height: 100%;\n    margin: 0 4px;\n  }\n\n  ","\n"],["\n  flex: 1 1 auto;\n  height: 100%;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n\n  > .ms-TextField {\n    flex: 1 1 auto;\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0;\n\n    > .ms-TextField-wrapper {\n      flex: 1 0 auto;\n\n      .ms-TextField-fieldGroup {\n        border: none;\n        background: none;\n\n        > input {\n          border: 0;\n          height: 100%;\n          font-size: 18px;\n\n          &::-ms-clear {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  input {\n    &.ms-TextField-field {\n      min-width: 100%;\n      width: 30px;\n    }\n\n    ",";\n  }\n\n  i {\n    display: flex;\n    justify-content: space-around;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    margin-right: 1em;\n    margin-left: 0.5em;\n    cursor: pointer;\n  }\n\n  button {\n    height: 100%;\n    margin: 0 4px;\n  }\n\n  ","\n"])),InputPlaceholder("\n      font-size: inherit;\n      opacity: 0.5;\n    "),function(p){return p.useLightTheme?css$2(templateObject_5$7$2||(templateObject_5$7$2=__makeTemplateObject$1(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.neutralLighter;}):css$2(templateObject_6$4$2||(templateObject_6$4$2=__makeTemplateObject$1(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.themeDarker;});});var CancelButton$1=_styled(IconButton).withConfig({displayName:"Search__CancelButton",componentId:"sc-17f35gt-3"})(templateObject_8$2$2||(templateObject_8$2$2=__makeTemplateObject$1(["\n  align-self: center;\n"],["\n  align-self: center;\n"])));var SearchBox=function SearchBox(_a){var onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged,isToolbarMode=_a.isToolbarMode,onExecuteSearch=_a.onExecuteSearch,onSearchTextChange=_a.onSearchTextChange,searchText=_a.searchText,showSearchBoxInput=_a.showSearchBoxInput,className=_a.className;var _b=useState$2(!!searchText),showSearchInputFieldState=_b[0],setShowSearchInputField=_b[1];var showSearchInputField=showSearchBoxInput||showSearchInputFieldState||!!searchText;// this use effect is required, if the state does not change via a manual toggle
 // but instead via a property
@@ -77959,9 +77959,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
-var version$1 = "0.3.101";
-var buildId = "103089";
-var commitId = "cb6313821f67ea9e0e79075ae11509fa693e8823";
+var version$1 = "0.3.104";
+var buildId = "103307";
+var commitId = "3c6d65afadeb56129c5d4be85465a3c10ea2bda8";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -124175,12 +124175,12 @@ var PublishableItemGrid = function PublishableItemGrid(_a) {
       emptyMessageResources = _a.emptyMessageResources,
       emptyListIcon = _a.emptyListIcon,
       hidePagination = _a.hidePagination,
-      _b = _a.columnCount,
-      columnCount = _b === void 0 ? 4 : _b,
+      _b = _a.maxColumnCount,
+      maxColumnCount = _b === void 0 ? 4 : _b,
       _c = _a.rowCount,
       rowCount = _c === void 0 ? 2 : _c,
       className = _a.className;
-  var itemsToShowPerPage = rowCount * columnCount;
+  var itemsToShowPerPage = rowCount * maxColumnCount;
   var _d = useItemLoaderWithPreFetch(itemsToShowPerPage, dataLoader, [dataLoader]),
       items = _d.items,
@@ -124214,7 +124214,7 @@ var PublishableItemGrid = function PublishableItemGrid(_a) {
   return jsxs(Host$a, {
     children: [jsx$1(Grid, __assign$g({
       className: className,
-      columnCount: columnCount,
+      columnCount: maxColumnCount,
       minColumnWidth: minColumnWidth
     }, {
       children: items.map(function (item) {
@@ -124249,8 +124249,9 @@ var NewsGrid = function NewsGrid(_a) {
   var filter = _a.filter,
       searchText = _a.searchText,
       hidePagination = _a.hidePagination,
-      _b = _a.columnCount,
-      columnCount = _b === void 0 ? 4 : _b,
+      _b = _a.maxColumnCount,
+      maxColumnCount = _b === void 0 ? 4 : _b,
+      columnCount = _a.columnCount,
       _c = _a.rowCount,
       rowCount = _c === void 0 ? 2 : _c,
       onItemClick = _a.onItemClick,
@@ -124267,7 +124268,7 @@ var NewsGrid = function NewsGrid(_a) {
     dataLoader: dataLoader,
     hidePagination: hidePagination,
     rowCount: rowCount,
-    columnCount: columnCount,
+    maxColumnCount: columnCount !== null && columnCount !== void 0 ? columnCount : maxColumnCount,
     emptyMessageResources: ['Lib.newsList.noItems'],
     emptyListIcon: "News",
     onRenderCard: function (item) {
@@ -124421,8 +124422,9 @@ var EventsGrid = function EventsGrid(_a) {
       filter = _a.filter,
       searchText = _a.searchText,
       hidePagination = _a.hidePagination,
-      _c = _a.columnCount,
-      columnCount = _c === void 0 ? 4 : _c,
+      _c = _a.maxColumnCount,
+      maxColumnCount = _c === void 0 ? 4 : _c,
+      columnCount = _a.columnCount,
       _d = _a.rowCount,
       rowCount = _d === void 0 ? 2 : _d,
       onItemClick = _a.onItemClick,
@@ -124439,7 +124441,7 @@ var EventsGrid = function EventsGrid(_a) {
     dataLoader: dataLoader,
     hidePagination: hidePagination,
     rowCount: rowCount,
-    columnCount: columnCount,
+    maxColumnCount: columnCount !== null && columnCount !== void 0 ? columnCount : maxColumnCount,
     emptyMessageResources: ['Events.emptyList'],
     emptyListIcon: "Event",
     onRenderCard: function (item) {

package/index.umd.js CHANGED Viewed

@@ -77534,7 +77534,7 @@
 	var src=browserInfo.name==='safari'?url+"#t=0.1":url;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxRuntime.jsxs("video",__assign$1({preload:"metadata",controls:true,title:fileName,width:"auto",height:"auto"},{children:[jsxRuntime.jsx("source",{src:src,type:"video/mp4"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.videoReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isVideoFile(fileName){var _a;var os=env.deviceInfo.operatingSystem;var isApple=os==='mac';var fileType=(_a=lite.getType(fileName))===null||_a===void 0?void 0:_a.toString();if(!fileType){return false;}if(fileType.startsWith(VideoMimeTypes.mp4)){return true;}return isApple?fileType.startsWith(VideoMimeTypes.quicktime):fileType.startsWith(VideoMimeTypes.webm);}var CardBorderInline=function CardBorderInline(xRadius,yRadius){var xShadow=xRadius/2;var yShadow=yRadius/2;var radius=Math.abs(xRadius)+Math.abs(yRadius);return "\n    box-shadow: "+xShadow+"px "+yShadow+"px "+radius+"px grey;\n  ";};var InputPlaceholder=function InputPlaceholder(content){return "\n  &:-moz-placeholder {\n    "+content+";\n  }\n  &::-moz-placeholder {\n    "+content+";\n  }\n  &:-ms-input-placeholder {\n    "+content+";\n  }\n  &::-webkit-input-placeholder {\n    "+content+";\n  }\n  ";};var LineClamp=function LineClamp(lines,fontSize,lineHeight){return _styled.css(templateObject_1$T$1||(templateObject_1$T$1=__makeTemplateObject$1(["\n    display: block;\n    display: -webkit-box;\n    max-height: ","px;\n    font-size: ","px;\n    line-height: ",";\n    -webkit-line-clamp: ",";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "],["\n    display: block;\n    display: -webkit-box;\n    max-height: ","px;\n    font-size: ","px;\n    line-height: ",";\n    -webkit-line-clamp: ",";\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "])),fontSize*lineHeight*lines,fontSize,lineHeight,lines);};function getImageSize(url){var image=new Image();var promise=new Promise(function(resolve){image.onload=function(e){var i=e.currentTarget;resolve({width:i.width,height:i.height});};});image.src=url;return promise;}function getFileIcon(filename){if(isAudioFile(filename)){return 'MusicInCollectionFill';}if(isVideoFile(filename)){return 'Video';}var extension=filename===null||filename===void 0?void 0:filename.split('.').pop().toLowerCase();return getFileIconByExtension(extension);}function getIconColor(fileIcon){switch(fileIcon){case'WordDocument':return '#1C5FC0';case'ExcelDocument':return '#138147';case'PowerPointDocument':return '#CA4B27';case'VisioDocument':return '#1C5FBF';case'PDF':return '#CF1700';default:return '#000';}}function getFileIconByExtension(extension){switch(extension===null||extension===void 0?void 0:extension.toLowerCase()){case'vsdx':return 'VisioDocument';case'rar':case'zip':case'7z':return 'ZipFolder';case'pdf':return 'PDF';case'doc':case'docx':return 'WordDocument';case'xls':case'xlsx':case'csv':return 'ExcelDocument';case'ppt':case'pptx':case'potx':case'ppsx':return 'PowerPointDocument';case'mp4':case'webm':case'mpeg':case'avi':case'ogv':return 'Video';case'aac':case'mp3':case'oga':case'opus':case'wav':case'weba':return 'MusicInCollectionFill';case'bmp':case'gif':case'ico':case'jpeg':case'jpg':case'png':case'svg':case'tif':case'webp':return 'FileImage';default:return 'Page';}}var templateObject_1$T$1;function useFileAccessTokenApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var identifier=React$d.useContext(SubscriptionIdContext).identifier;var env=useEnvironmentConfig();var subscriptionId=identifier===null||identifier===void 0?void 0:identifier.id;return React$d.useMemo(function(){return {exchangeShortLivedToken:exchangeShortLivedToken,getPublishableItemShortLivedToken:getPublishableItemShortLivedToken,createDownloadClickHandler:createDownloadClickHandler};// Creates a click handler that is safe to be used on iOS.
 	// iOS does not allow async onClick handler that open a new window
 	// with `window.open(url, '_blank')`
-	function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsxRuntime.jsx(VideoFileItem,{children:jsxRuntime.jsx(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"])));var VideoFilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingS);var FileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"],["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxRuntime.jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsxRuntime.jsx(AttachmentOverlay$1,{children:jsxRuntime.jsx(CenteredSpinner$1,{size:officeUiFabricReact.SpinnerSize.medium},void 0)},void 0),jsxRuntime.jsx(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsxRuntime.jsx(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(WarningIcon$1,{iconName:"Warning"},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxRuntime.jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"],["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n  display: inline-flex;\n\n  ","\n"],["\n  display: inline-flex;\n\n  ","\n"])),function(p){return p.takeFullWidth?_styled.css(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n          width: 100%;\n        "],["\n          width: 100%;\n        "]))):_styled.css(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n          width: calc(100% - 34px); // delete button size;\n        "],["\n          width: calc(100% - 34px); // delete button size;\n        "])));});var FileNameContainer=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"])),spacingS);var FileIcon$2=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n  margin-right: ","px;\n  font-size: 18px;\n"],["\n  margin-right: ","px;\n  font-size: 18px;\n"])),spacingS);var DeleteButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"],["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"],["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"])));var AttachmentOverlay$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var CenteredSpinner$1=_styled__default["default"](Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n  font-size: 20px;\n  color: ",";\n"],["\n  font-size: 20px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$S$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$5$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Styles$2,{},void 0),jsxRuntime.jsx(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=_styled.createGlobalStyle(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"],["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"])));var templateObject_1$R$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled__default["default"].nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"],["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"])),function(p){return p.positionBottomOnMobile?_styled.css(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "],["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "])),minScreenSize.medium,p.offsetTop+20):_styled.css(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n          top: ","px;\n        "],["\n          top: ","px;\n        "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return _styled.css(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "])),useSecondaryBgColor?_styled.css(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):_styled.css(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};_styled.createGlobalStyle(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return applyFocusStyle("\n    [data-fab] button:focus::after,\n    button[data-fab]:focus::after {\n      outline-color: "+p.theme.palette.themePrimary+";\n      outline-offset: 5px;\n      border-radius: 50%;\n    }\n  ");});_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n  &&& {\n    ","\n  }\n"],["\n  &&& {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"](Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n  a,\n  a:visited {\n    ","\n  }\n"],["\n  a,\n  a:visited {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"].div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"])),spacingM);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n  && {\n    margin-left: auto;\n  }\n"],["\n  && {\n    margin-left: auto;\n  }\n"])));_styled.createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var templateObject_1$Q$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$4$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/React$d.createElement(tagName,{className:className},jsxRuntime.jsx(FormattedMessage$1,{id:id,values:values},void 0));};_styled__default["default"].div(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"])),spacingXs,fontSizeSmall);var templateObject_1$P$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
+	function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsxRuntime.jsx(VideoFileItem,{children:jsxRuntime.jsx(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsxRuntime.jsx(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileItem,{children:jsxRuntime.jsx(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  audio {\n    width: 100%;\n  }\n"])));var VideoFilesListHost=_styled__default["default"].ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingS);var FileItem=_styled__default["default"].li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"],["\n  width: 100%;\n  &:not(:first-child) {\n    margin-top: ","px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n\n    &:nth-child(2) {\n      margin-top: 0;\n    }\n  }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxRuntime.jsxs(Host$o$1,{children:[attachment.isUploadInProgress&&jsxRuntime.jsx(AttachmentOverlay$1,{children:jsxRuntime.jsx(CenteredSpinner$1,{size:officeUiFabricReact.SpinnerSize.medium},void 0)},void 0),jsxRuntime.jsx(Inner$1$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsxRuntime.jsx(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(WarningIcon$1,{iconName:"Warning"},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxRuntime.jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxRuntime.jsxs(FileNameContainer,{children:[jsxRuntime.jsx(FileIcon$2,{iconName:iconName},void 0),jsxRuntime.jsx(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$o$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"],["\n  position: relative;\n  display: flex;\n  border: 1px solid #95989a;\n  border-radius: 2px;\n  background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  color: ",";\n  box-sizing: border-box;\n  padding: ","px;\n  border: 0;\n  height: auto;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  & > span {\n    max-width: 100%;\n  }\n\n  // make the entire tile clickable\n  button::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$1$1=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n  display: inline-flex;\n\n  ","\n"],["\n  display: inline-flex;\n\n  ","\n"])),function(p){return p.takeFullWidth?_styled.css(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n          width: 100%;\n        "],["\n          width: 100%;\n        "]))):_styled.css(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n          width: calc(100% - 34px); // delete button size;\n        "],["\n          width: calc(100% - 34px); // delete button size;\n        "])));});var FileNameContainer=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"],["\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: ","px;\n"])),spacingS);var FileIcon$2=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n  margin-right: ","px;\n  font-size: 18px;\n"],["\n  margin-right: ","px;\n  font-size: 18px;\n"])),spacingS);var DeleteButton=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"],["\n  margin: 0 auto;\n  height: auto;\n  width: auto;\n  padding: 0 8px;\n\n  && {\n    color: ",";\n  }\n\n  &:disabled {\n    background-color: transparent;\n  }\n\n  i {\n    font-size: 18px;\n    margin: 0;\n  }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled__default["default"].span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"],["\n  font-size: 14px;\n  flex: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  text-decoration: none;\n"])));var AttachmentOverlay$1=_styled__default["default"].div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));var CenteredSpinner$1=_styled__default["default"](Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n  font-size: 20px;\n  color: ",";\n"],["\n  font-size: 20px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$S$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Styles$2,{},void 0),jsxRuntime.jsx(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=_styled.createGlobalStyle(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"],["\n  /**\n    Mobile overrides\n   */\n  .lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        height: calc(100vh - 32px);\n      }\n    }\n  }\n\n  .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n    .ms-Dialog-main {\n      .ms-Modal-scrollableContent {\n        // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n        // it has an additional \"backbar\" there which takes up space\n        height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n      }\n    }\n  }\n"])));var templateObject_1$R$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled__default["default"].nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"],["\n  position: fixed;\n  margin: 0 10px;\n  right: 20px;\n  z-index: 11;\n\n  ","\n"])),function(p){return p.positionBottomOnMobile?_styled.css(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "],["\n          bottom: 20px;\n          @media (min-width: ","px) {\n            bottom: unset;\n            top: ","px;\n          }\n        "])),minScreenSize.medium,p.offsetTop+20):_styled.css(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n          top: ","px;\n        "],["\n          top: ","px;\n        "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return _styled.css(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "],["\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 50px;\n    height: 50px;\n    font-size: 20px;\n\n    border-radius: 50%;\n    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n      0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    margin-bottom: 15px;\n\n    ","\n  "])),useSecondaryBgColor?_styled.css(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):_styled.css(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "],["\n          background-color: ",";\n          color: ",";\n\n          &:hover {\n            background-color: ",";\n          }\n        "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};_styled.createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return applyFocusStyle("\n    [data-fab] button:focus::after,\n    button[data-fab]:focus::after {\n      outline-color: "+p.theme.palette.themePrimary+";\n      outline-offset: 5px;\n      border-radius: 50%;\n    }\n  ");});_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n  &&& {\n    ","\n  }\n"],["\n  &&& {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"](Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n  a,\n  a:visited {\n    ","\n  }\n"],["\n  a,\n  a:visited {\n    ","\n  }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled__default["default"].div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  padding: ","px;\n"])),spacingM);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n  && {\n    margin-left: auto;\n  }\n"],["\n  && {\n    margin-left: auto;\n  }\n"])));_styled.createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-mobile-full-height {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-title {\n    padding-bottom: 0;\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var templateObject_1$Q$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/React$d.createElement(tagName,{className:className},jsxRuntime.jsx(FormattedMessage$1,{id:id,values:values},void 0));};_styled__default["default"].div(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > *:first-child {\n    margin-right: ","px;\n  }\n\n  i {\n    font-size: 24px;\n  }\n\n  > span {\n    font-size: ","px;\n  }\n"])),spacingXs,fontSizeSmall);var templateObject_1$P$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
 	 * Repacks the grid layout when a given dependency changes
 	 * It does not repack the grid on the very first run
 	 * @param deps
@@ -77545,7 +77545,7 @@
 	// (mobile app even has to be restarted) and one image just freezes and
 	// on the console we have errors like this:  Uncaught TypeError: Cannot read property 'mouseUsed' of null
 	var gallery;clearTimeout(initializeGalleryHandle.current);initializeGalleryHandle.current=setTimeout(function(){return gallery=initializeGallery();},200);return function(){return gallery===null||gallery===void 0?void 0:gallery.close();};// eslint-disable-next-line react-hooks/exhaustive-deps
-	},[hidden,selectedIndex]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxRuntime.jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsxRuntime.jsx("div",{className:"pswp__bg"},void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__container"},{children:[jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0)]}),void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsxRuntime.jsx("div",{className:"pswp__counter"},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__icn"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__cut"},{children:jsxRuntime.jsx("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsxRuntime.jsx("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__caption"},{children:jsxRuntime.jsx("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=_styled.createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&_styled.css(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "],["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "])));});var templateObject_1$M$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxRuntime.jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsxRuntime.jsx("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsxRuntime.jsx(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx(StyledImage$1,{src:image.previewUrl,imageFit:officeUiFabricReact.ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxRuntime.jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsxRuntime.jsx(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"],["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&_styled.css(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "],["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"])),function(p){return p.applyRoundedCorners&&_styled.css(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var Gallery=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var ImageItem=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"],["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"])));var StyledImage$1=_styled__default["default"](officeUiFabricReact.Image).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var MoreIndicator=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$L$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$3$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsxRuntime.jsx(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsxRuntime.jsx(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0)}),void 0);return jsxRuntime.jsx(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled__default["default"].div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var Button$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"],["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"])),function(p){return !p.isActive&&_styled.css(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&_styled.css(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ",";\n  }\n"],["\n  && {\n    height: 100%;\n    ",";\n  }\n"])),function(p){return _styled.css(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);});var templateObject_1$K$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
+	},[hidden,selectedIndex]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxRuntime.jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsxRuntime.jsx("div",{className:"pswp__bg"},void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__container"},{children:[jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0),jsxRuntime.jsx("div",{className:"pswp__item"},void 0)]}),void 0),jsxRuntime.jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxRuntime.jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsxRuntime.jsx("div",{className:"pswp__counter"},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__icn"},{children:jsxRuntime.jsx("div",__assign$1({className:"pswp__preloader__cut"},{children:jsxRuntime.jsx("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsxRuntime.jsx("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsxRuntime.jsx("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsxRuntime.jsx("div",__assign$1({className:"pswp__caption"},{children:jsxRuntime.jsx("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=_styled.createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n  .pswp__top-bar {\n    padding-top: calc(env(safe-area-inset-top));\n    height: calc(initial + env(safe-area-inset-top));\n\n    .pswp__counter {\n      padding-top: env(safe-area-inset-top);\n    }\n  }\n}\n\n.pswp__caption__center {\n  && {\n    text-align: center;\n  }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&_styled.css(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "],["\n    .pswp--touch .pswp__button--arrow--left,\n    .pswp--touch .pswp__button--arrow--right {\n      visibility: visible !important;\n    }\n  "])));});var templateObject_1$M$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxRuntime.jsxs(Host$l$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsxRuntime.jsx("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsxRuntime.jsx(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx(StyledImage$1,{src:image.previewUrl,imageFit:officeUiFabricReact.ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxRuntime.jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsxRuntime.jsx(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsxRuntime.jsx(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsxRuntime.jsx("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$l$1=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"],["\n  overflow: hidden;\n  width: 100%;\n\n  position: relative;\n\n  &:after {\n    content: '';\n    display: block;\n    font-size: 0;\n  }\n\n  > [data-gallery-wrapper] {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  &[data-multi-images='false'] {\n    [data-gallery-wrapper] {\n      display: flex;\n    }\n\n    ","\n  }\n\n  &[data-multi-images='true'] {\n    &:after {\n      padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n    }\n  }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&_styled.css(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "],["\n        &:after {\n          // fallback for old browsers - that do not suport min function\n          // the image aspect ratio is maintained\n          padding-bottom: calc(\n            ","* 100%\n          );\n\n          // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n          // but it cannot get \"taller\" than 1:1\n          @supports (padding-bottom: min(100%, ","px)) {\n            padding-bottom: min(\n              min(100%, ","px, ","px),\n              calc(\n                ","*\n                  min(100%, ","px)\n              )\n            );\n          }\n        }\n      "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: auto;\n\n  max-height: 100%;\n\n  overflow: hidden;\n\n  // fallback for old browsers\n  width: 100%;\n\n  @supports (height: min(100%, 0px)) {\n    width: auto;\n  }\n\n  img {\n    max-width: 100%;\n    height: 100%;\n    width: 100%;\n\n    @supports (height: min(100%, 0px)) {\n      height: auto;\n      width: auto;\n    }\n  }\n\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n\n  ","\n"])),function(p){return p.applyRoundedCorners&&_styled.css(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var Gallery=_styled__default["default"].div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"],["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ",";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&_styled.css(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n      border-radius: 10px;\n    "],["\n      border-radius: 10px;\n    "])));});var ImageItem=_styled__default["default"].a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"],["\n  display: block;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n  }\n\n  &:focus {\n    &::before {\n      outline-offset: -10px !important;\n    }\n\n    img {\n      opacity: 0.6;\n    }\n  }\n"])));var StyledImage$1=_styled__default["default"](officeUiFabricReact.Image).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var MoreIndicator=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ","px;\n  @media (min-width: ","px) {\n    font-size: ","px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$L$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsxRuntime.jsx(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsxRuntime.jsx(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:icon},void 0)}),void 0);return jsxRuntime.jsx(Host$k$1,__assign$1({className:"tooltip-container"},{children:jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$k$1=_styled__default["default"].div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n  height: 100%;\n"],["\n  height: 100%;\n"])));var Button$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"],["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ",";\n    ","\n  }\n"])),function(p){return !p.isActive&&_styled.css(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&_styled.css(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "],["\n        background-color: ",";\n        color: ",";\n\n        &&:hover {\n          background-color: ",";\n          color: ",";\n        }\n      "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ",";\n  }\n"],["\n  && {\n    height: 100%;\n    ",";\n  }\n"])),function(p){return _styled.css(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n        color: ",";\n      "],["\n        color: ",";\n      "])),p.theme.textColors.onPrimary);});var templateObject_1$K$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
 	var whitespaces$2$2='\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';var requireObjectCoercible$e=requireObjectCoercible$9$1;var whitespaces$1$2=whitespaces$2$2;var whitespace$2='['+whitespaces$1$2+']';var ltrim$2=RegExp('^'+whitespace$2+whitespace$2+'*');var rtrim$2=RegExp(whitespace$2+whitespace$2+'*$');// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 	var createMethod$5=function(TYPE){return function($this){var string=String(requireObjectCoercible$e($this));if(TYPE&1)string=string.replace(ltrim$2,'');if(TYPE&2)string=string.replace(rtrim$2,'');return string;};};var stringTrim$2={// `String.prototype.{ trimLeft, trimStart }` methods
@@ -77558,7 +77558,7 @@
 	// of whitespaces and has a correct name
 	var stringTrimForced$2=function(METHOD_NAME){return fails$k(function(){return !!whitespaces$5[METHOD_NAME]()||non$2[METHOD_NAME]()!=non$2||whitespaces$5[METHOD_NAME].name!==METHOD_NAME;});};var $$1$2=_export$1;var $trim$2=stringTrim$2.trim;var forcedStringTrimMethod$2=stringTrimForced$2;// `String.prototype.trim` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.trim
-	$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=React$d.useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsxRuntime.jsx(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsxRuntime.jsx(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsxRuntime.jsx(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxRuntime.jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsxRuntime.jsx(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsxRuntime.jsx(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsxRuntime.jsx(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=_styled.css(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"])));var StyledLink$1$1=_styled__default["default"](TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledExternalLink=_styled__default["default"](ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n  border-radius: 0;\n\n  ","\n"],["\n  border-radius: 0;\n\n  ","\n"])),function(p){return p.active&&_styled.css(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n      border-color: ",";\n    "],["\n      border-color: ",";\n    "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled__default["default"](ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n"],["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$J$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2;var Search$1=function Search(props){var intl=useIntl();var _a=React$d.useState(null),searchText=_a[0],setSearchText=_a[1];var location=ReactRouterDom.useLocation();var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var searchInputRef=React$d.useRef();React$d.useEffect(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
+	$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=React$d.useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsxRuntime.jsx(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsxRuntime.jsx(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsxRuntime.jsx(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxRuntime.jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsxRuntime.jsx(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsxRuntime.jsx(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsxRuntime.jsx(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=_styled.css(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  width: 32px;\n  text-decoration: none !important;\n"])));var StyledLink$1$1=_styled__default["default"](TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledExternalLink=_styled__default["default"](ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n  border-radius: 0;\n\n  ","\n"],["\n  border-radius: 0;\n\n  ","\n"])),function(p){return p.active&&_styled.css(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n      border-color: ",";\n    "],["\n      border-color: ",";\n    "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled__default["default"](ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n\n  ","\n"],["\n  background-color: transparent;\n  &:not([disabled]) {\n    color: ",";\n  }\n\n  ","\n"])),function(p){return p.theme.textColors.default;},function(p){return p.isActive&&_styled.css(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n      i {\n        font-weight: bold;\n      }\n    "],["\n      i {\n        font-weight: bold;\n      }\n    "])));});var templateObject_1$J$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2,templateObject_7$3$2;var Search$1=function Search(props){var intl=useIntl();var _a=React$d.useState(null),searchText=_a[0],setSearchText=_a[1];var location=ReactRouterDom.useLocation();var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var searchInputRef=React$d.useRef();React$d.useEffect(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[]);React$d.useEffect(function(){setSearchText('');// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[location.pathname]);return jsxRuntime.jsxs(Host$j$2,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsxRuntime.jsx(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsxRuntime.jsx(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsxRuntime.jsx(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n  ","\n"],["\n  ","\n"])),function(p){return p.useLightTheme?_styled.css(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "],["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):_styled.css(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "],["\n          .ms-TextField-field {\n            color: ",";\n            ",";\n          }\n        "])),function(p){return p.theme.textColors.onPrimary;},InputPlaceholder("color: "+p.theme.textColors.onPrimary));});var StyledSpinner$1$1=_styled__default["default"](officeUiFabricReact.Spinner).withConfig({displayName:"Search__StyledSpinner",componentId:"sc-17f35gt-1"})(templateObject_4$c$2||(templateObject_4$c$2=__makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ",";\n  background-color: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ",";\n  background-color: ",";\n"])),function(p){return p.theme.textColors.onPrimary;},function(p){return p.theme.palette.themeDarker;});var Host$j$2=_styled__default["default"].div.withConfig({displayName:"Search__Host",componentId:"sc-17f35gt-2"})(templateObject_7$2$2||(templateObject_7$2$2=__makeTemplateObject$1(["\n  flex: 1 1 auto;\n  height: 100%;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n\n  > .ms-TextField {\n    flex: 1 1 auto;\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0;\n\n    > .ms-TextField-wrapper {\n      flex: 1 0 auto;\n\n      .ms-TextField-fieldGroup {\n        border: none;\n        background: none;\n\n        > input {\n          border: 0;\n          height: 100%;\n          font-size: 18px;\n\n          &::-ms-clear {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  input {\n    &.ms-TextField-field {\n      min-width: 100%;\n      width: 30px;\n    }\n\n    ",";\n  }\n\n  i {\n    display: flex;\n    justify-content: space-around;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    margin-right: 1em;\n    margin-left: 0.5em;\n    cursor: pointer;\n  }\n\n  button {\n    height: 100%;\n    margin: 0 4px;\n  }\n\n  ","\n"],["\n  flex: 1 1 auto;\n  height: 100%;\n\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: stretch;\n\n  > .ms-TextField {\n    flex: 1 1 auto;\n    display: flex;\n    flex-flow: row nowrap;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0;\n\n    > .ms-TextField-wrapper {\n      flex: 1 0 auto;\n\n      .ms-TextField-fieldGroup {\n        border: none;\n        background: none;\n\n        > input {\n          border: 0;\n          height: 100%;\n          font-size: 18px;\n\n          &::-ms-clear {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n\n  input {\n    &.ms-TextField-field {\n      min-width: 100%;\n      width: 30px;\n    }\n\n    ",";\n  }\n\n  i {\n    display: flex;\n    justify-content: space-around;\n    flex-flow: row nowrap;\n    align-items: center;\n\n    margin-right: 1em;\n    margin-left: 0.5em;\n    cursor: pointer;\n  }\n\n  button {\n    height: 100%;\n    margin: 0 4px;\n  }\n\n  ","\n"])),InputPlaceholder("\n      font-size: inherit;\n      opacity: 0.5;\n    "),function(p){return p.useLightTheme?_styled.css(templateObject_5$7$2||(templateObject_5$7$2=__makeTemplateObject$1(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.neutralLighter;}):_styled.css(templateObject_6$4$2||(templateObject_6$4$2=__makeTemplateObject$1(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.themeDarker;});});var CancelButton$1=_styled__default["default"](IconButton).withConfig({displayName:"Search__CancelButton",componentId:"sc-17f35gt-3"})(templateObject_8$2$2||(templateObject_8$2$2=__makeTemplateObject$1(["\n  align-self: center;\n"],["\n  align-self: center;\n"])));var SearchBox=function SearchBox(_a){var onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged,isToolbarMode=_a.isToolbarMode,onExecuteSearch=_a.onExecuteSearch,onSearchTextChange=_a.onSearchTextChange,searchText=_a.searchText,showSearchBoxInput=_a.showSearchBoxInput,className=_a.className;var _b=React$d.useState(!!searchText),showSearchInputFieldState=_b[0],setShowSearchInputField=_b[1];var showSearchInputField=showSearchBoxInput||showSearchInputFieldState||!!searchText;// this use effect is required, if the state does not change via a manual toggle
 	// but instead via a property
@@ -77817,9 +77817,9 @@
 	  }), void 0);
 	};
-	var version$1 = "0.3.101";
-	var buildId = "103089";
-	var commitId = "cb6313821f67ea9e0e79075ae11509fa693e8823";
+	var version$1 = "0.3.104";
+	var buildId = "103307";
+	var commitId = "3c6d65afadeb56129c5d4be85465a3c10ea2bda8";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -124049,12 +124049,12 @@
 	      emptyMessageResources = _a.emptyMessageResources,
 	      emptyListIcon = _a.emptyListIcon,
 	      hidePagination = _a.hidePagination,
-	      _b = _a.columnCount,
-	      columnCount = _b === void 0 ? 4 : _b,
+	      _b = _a.maxColumnCount,
+	      maxColumnCount = _b === void 0 ? 4 : _b,
 	      _c = _a.rowCount,
 	      rowCount = _c === void 0 ? 2 : _c,
 	      className = _a.className;
-	  var itemsToShowPerPage = rowCount * columnCount;
+	  var itemsToShowPerPage = rowCount * maxColumnCount;
 	  var _d = useItemLoaderWithPreFetch(itemsToShowPerPage, dataLoader, [dataLoader]),
 	      items = _d.items,
@@ -124088,7 +124088,7 @@
 	  return jsxRuntime.jsxs(Host$a, {
 	    children: [jsxRuntime.jsx(Grid, __assign$g({
 	      className: className,
-	      columnCount: columnCount,
+	      columnCount: maxColumnCount,
 	      minColumnWidth: minColumnWidth
 	    }, {
 	      children: items.map(function (item) {
@@ -124123,8 +124123,9 @@
 	  var filter = _a.filter,
 	      searchText = _a.searchText,
 	      hidePagination = _a.hidePagination,
-	      _b = _a.columnCount,
-	      columnCount = _b === void 0 ? 4 : _b,
+	      _b = _a.maxColumnCount,
+	      maxColumnCount = _b === void 0 ? 4 : _b,
+	      columnCount = _a.columnCount,
 	      _c = _a.rowCount,
 	      rowCount = _c === void 0 ? 2 : _c,
 	      onItemClick = _a.onItemClick,
@@ -124141,7 +124142,7 @@
 	    dataLoader: dataLoader,
 	    hidePagination: hidePagination,
 	    rowCount: rowCount,
-	    columnCount: columnCount,
+	    maxColumnCount: columnCount !== null && columnCount !== void 0 ? columnCount : maxColumnCount,
 	    emptyMessageResources: ['Lib.newsList.noItems'],
 	    emptyListIcon: "News",
 	    onRenderCard: function (item) {
@@ -124295,8 +124296,9 @@
 	      filter = _a.filter,
 	      searchText = _a.searchText,
 	      hidePagination = _a.hidePagination,
-	      _c = _a.columnCount,
-	      columnCount = _c === void 0 ? 4 : _c,
+	      _c = _a.maxColumnCount,
+	      maxColumnCount = _c === void 0 ? 4 : _c,
+	      columnCount = _a.columnCount,
 	      _d = _a.rowCount,
 	      rowCount = _d === void 0 ? 2 : _d,
 	      onItemClick = _a.onItemClick,
@@ -124313,7 +124315,7 @@
 	    dataLoader: dataLoader,
 	    hidePagination: hidePagination,
 	    rowCount: rowCount,
-	    columnCount: columnCount,
+	    maxColumnCount: columnCount !== null && columnCount !== void 0 ? columnCount : maxColumnCount,
 	    emptyMessageResources: ['Events.emptyList'],
 	    emptyListIcon: "Event",
 	    onRenderCard: function (item) {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@livetiles/reach-components-react",
   "description": "Provides React components to consume LiveTiles Reach data",
-  "version": "0.3.101",
+  "version": "0.3.104",
   "peerDependencies": {
     "react": "^16.14.0 || ^17",
     "react-dom": "^16.14.0 || ^17",