@livetiles/reach-components-react 0.3.101 → 0.3.104

package/EventsGrid.d.ts

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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",