@livetiles/reach-components-react 0.4.0-preview.227 → 0.4.0-preview.228

package/index.umd.js

@@ -83350,7 +83350,7 @@
 	_styled__default["default"](ChannelTitle).withConfig({
 	  displayName: "ChannelItem__StyledChannelTitle",
 	  componentId: "sc-bumcwu-0"
-	})(templateObject_1$t$1 || (templateObject_1$t$1 = __makeTemplateObject$1(["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (p) {
+	})(templateObject_1$t$2 || (templateObject_1$t$2 = __makeTemplateObject$1(["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (p) {
 	  return p.applyMargin ? '37' : '0';
 	}, fontSizeLarge);
 
@@ -83364,7 +83364,7 @@
 	  componentId: "sc-bumcwu-2"
 	})(templateObject_3$f$1 || (templateObject_3$f$1 = __makeTemplateObject$1(["\n  i {\n    font-size: ", "px;\n  }\n"], ["\n  i {\n    font-size: ", "px;\n  }\n"])), fontSizeLarge);
 
-	var templateObject_1$t$1, templateObject_2$n$1, templateObject_3$f$1;
+	var templateObject_1$t$2, templateObject_2$n$1, templateObject_3$f$1;
 
 	var ChannelList$1 = function ChannelList(_a) {
 	  var channels = _a.channels,
@@ -83783,7 +83783,7 @@
 	var StyledCallout$2 = _styled__default["default"](Callout).withConfig({
 	  displayName: "EmojiButton__StyledCallout",
 	  componentId: "sc-1eq2zlz-1"
-	})(templateObject_2$h$1 || (templateObject_2$h$1 = __makeTemplateObject$1(["\n  border-radius: 10px;\n  padding: 5px;\n"], ["\n  border-radius: 10px;\n  padding: 5px;\n"])));
+	})(templateObject_2$h$2 || (templateObject_2$h$2 = __makeTemplateObject$1(["\n  border-radius: 10px;\n  padding: 5px;\n"], ["\n  border-radius: 10px;\n  padding: 5px;\n"])));
 
 	var LazyEmojiPicker = /*#__PURE__*/React$d.lazy(function () {
 	  return Promise.resolve().then(function () { return EmojiPicker_esm; });
@@ -83812,7 +83812,7 @@
 	  return p.isSmaller ? 319 : 400;
 	});
 
-	var templateObject_1$k$2, templateObject_2$h$1, templateObject_3$b$2;
+	var templateObject_1$k$2, templateObject_2$h$2, templateObject_3$b$2;
 
 	var GiphyAttribution = function GiphyAttribution() {
 	  var env = useConfiguration();
@@ -87327,9 +87327,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.227";
-	var buildId = "98743";
-	var commitId = "665f170af8a5c04d57b0d188a2e6d55f095a8b1f";
+	var version$1 = "0.4.0-preview.228";
+	var buildId = "98787";
+	var commitId = "150e036829bf4c080f98b99b58372aa4fa9e51e9";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -131522,7 +131522,7 @@
 	// https://tc39.github.io/ecma262/#sec-promise.all
 	all:function all(iterable){var C=this;var capability=newPromiseCapability(C);var resolve=capability.resolve;var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);var values=[];var counter=0;var remaining=1;iterate(iterable,function(promise){var index=counter++;var alreadyCalled=false;values.push(undefined);remaining++;$promiseResolve.call(C,promise).then(function(value){if(alreadyCalled)return;alreadyCalled=true;values[index]=value;--remaining||resolve(values);},reject);});--remaining||resolve(values);});if(result.error)reject(result.value);return capability.promise;},// `Promise.race` method
 	// https://tc39.github.io/ecma262/#sec-promise.race
-	race:function race(iterable){var C=this;var capability=newPromiseCapability(C);var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);iterate(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});function getCommaSeparatedChannelsString(channels){if(!(channels===null||channels===void 0?void 0:channels.length)){return {};}return {channels:channels.join(',')};}function getCommaSeparatedKeywordsString(keywords){if(!(keywords===null||keywords===void 0?void 0:keywords.length)){return {};}return {keywords:keywords.join(',')};}function useEventsApi(){var api=useApi();return React$d.useMemo(function(){return {getEvents:getEvents,getEvent:getEvent,getEventRecurrences:getEventRecurrences};function getEvents(filter,sortFieldBuilder){var queryString$1=queryString.stringify(__assign(__assign({},filter&&__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords))),sortFieldBuilder&&__assign({},sortFieldBuilder)));return api.custom("events?"+queryString$1).get().then(function(r){return r.body().data();});}function getEvent(id){return api.all('events').get(id).then(function(response){var eventItem=response.body().data();itemStatisticsCache[eventItem.id]=Promise.resolve(__assign({},eventItem.statistics));return eventItem;});}function getEventRecurrences(eventId,from,to){return api.all("editor/events/"+eventId+"/recurrences?"+queryString.stringify({from:from,to:to})).getAll().then(function(res){return res.body().map(function(e){return e.data();});});}},[api]);}// `SameValue` abstract operation
+	race:function race(iterable){var C=this;var capability=newPromiseCapability(C);var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);iterate(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});function getCommaSeparatedChannelsString(channels){if(!(channels===null||channels===void 0?void 0:channels.length)){return {};}return {channels:channels.join(',')};}function getCommaSeparatedKeywordsString(keywords){if(!(keywords===null||keywords===void 0?void 0:keywords.length)){return {};}return {keywords:keywords.join(',')};}function useEventsApi(){var api=useApi();return React$d.useMemo(function(){return {getEvents:getEvents,getEvent:getEvent,getEventRecurrences:getEventRecurrences};function getEvents(filter,sortFieldBuilder){var _a;var queryString$1=queryString.stringify(__assign(__assign({},filter&&__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords))),sortFieldBuilder&&__assign({},sortFieldBuilder)));return api.custom("events?"+queryString$1).get().then(function(r){return r.body().data();});}function getEvent(id){return api.all('events').get(id).then(function(response){var eventItem=response.body().data();itemStatisticsCache[eventItem.id]=Promise.resolve(__assign({},eventItem.statistics));return eventItem;});}function getEventRecurrences(eventId,from,to){return api.all("editor/events/"+eventId+"/recurrences?"+queryString.stringify({from:from,to:to})).getAll().then(function(res){return res.body().map(function(e){return e.data();});});}},[api]);}// `SameValue` abstract operation
 	// https://tc39.github.io/ecma262/#sec-samevalue
 	var sameValue$1=Object.is||function is(x,y){// eslint-disable-next-line no-self-compare
 	return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3=requireObjectCoercible$c;var sameValue=sameValue$1;var regExpExec$1=regexpExecAbstract$1;// @@search logic
@@ -131532,8 +131532,8 @@
 	// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
 	function(regexp){var res=maybeCallNative(nativeSearch,regexp,this);if(res.done)return res.value;var rx=anObject$1$1(regexp);var S=String(this);var previousLastIndex=rx.lastIndex;if(!sameValue(previousLastIndex,0))rx.lastIndex=0;var result=regExpExec$1(rx,S);if(!sameValue(rx.lastIndex,previousLastIndex))rx.lastIndex=previousLastIndex;return result===null?-1:result.index;}];});var $$8=_export;var assign=objectAssign;// `Object.assign` method
 	// https://tc39.github.io/ecma262/#sec-object.assign
-	$$8({target:'Object',stat:true,forced:Object.assign!==assign},{assign:assign});var defaultPageSize$2=10;function fetchNewsItems(path,cacheKey,api,storage,paginationToken,filterDefinition,isArray){var _this=this;var _a,_b;if(isArray===void 0){isArray=false;}var hasSimpleFilters=filterDefinition.beforeDate!=null||filterDefinition.afterDate!=null||((_a=filterDefinition.keywords)===null||_a===void 0?void 0:_a.length)>0||filterDefinition.author!=null||filterDefinition.owner!=null||filterDefinition.bookmarksOnly!=null||filterDefinition.source!=null||filterDefinition.state!=null||filterDefinition.groupId!=null||filterDefinition.includePromoted!=null||filterDefinition.unreadOnly!=null;var isSearchActive=filterDefinition.search&&filterDefinition.search.length>0;var hasChannels=((_b=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_b===void 0?void 0:_b.length)>0;var pageSize=filterDefinition.pageSize;var hasAnyFilteringApplied=hasChannels||hasSimpleFilters||isSearchActive;// Note: caching is done only for the first page (paginationToken == null)
-	var canCache=!hasAnyFilteringApplied&&paginationToken==null;if(isSearchActive){filterDefinition.search=filterDefinition.search.trim();}if(!hasAnyFilteringApplied){filterDefinition=null;}var params=Object.assign({},{token:paginationToken,pageSize:pageSize!==null&&pageSize!==void 0?pageSize:defaultPageSize$2},__assign(__assign(__assign({},filterDefinition),getCommaSeparatedChannelsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)),getCommaSeparatedKeywordsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.keywords)));var endpoint=api.all(path);var apiLoader=isArray?endpoint.getAll(params).then(function(res){return {items:res.body().map(function(r){return r.data();})};}):endpoint.get('',params).then(function(res){return res.body().data();});if(!canCache){return from(apiLoader);}return new Observable(function(observer){(function(){return __awaiter(_this,void 0,void 0,function(){var cachedPage,apiPage_1,err_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,storage.getObject(cacheKey)];case 1:cachedPage=_a.sent();if(cachedPage){validateFileAccessTokens(cachedPage,function(isTokenValid,item){if(!isTokenValid){// prevent executing requests resulting in 401 if we already know the token is not valid anymore
+	$$8({target:'Object',stat:true,forced:Object.assign!==assign},{assign:assign});var defaultPageSize$2=10;function fetchNewsItems(path,cacheKey,api,storage,paginationToken,filterDefinition,isArray){var _this=this;var _a,_b,_c,_d;if(isArray===void 0){isArray=false;}var hasSimpleFilters=filterDefinition.beforeDate!=null||filterDefinition.afterDate!=null||((_a=filterDefinition.keywords)===null||_a===void 0?void 0:_a.length)>0||filterDefinition.author!=null||filterDefinition.owner!=null||filterDefinition.bookmarksOnly!=null||filterDefinition.source!=null||filterDefinition.state!=null||filterDefinition.groupId!=null||filterDefinition.includePromoted!=null||filterDefinition.unreadOnly!=null;var isSearchActive=filterDefinition.search&&filterDefinition.search.length>0;var hasChannels=((_c=(_b=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_b===void 0?void 0:_b.items)===null||_c===void 0?void 0:_c.length)>0;var pageSize=filterDefinition.pageSize;var hasAnyFilteringApplied=hasChannels||hasSimpleFilters||isSearchActive;// Note: caching is done only for the first page (paginationToken == null)
+	var canCache=!hasAnyFilteringApplied&&paginationToken==null;if(isSearchActive){filterDefinition.search=filterDefinition.search.trim();}if(!hasAnyFilteringApplied){filterDefinition=null;}var params=Object.assign({},{token:paginationToken,pageSize:pageSize!==null&&pageSize!==void 0?pageSize:defaultPageSize$2},__assign(__assign(__assign({},filterDefinition),getCommaSeparatedChannelsString((_d=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_d===void 0?void 0:_d.items)),getCommaSeparatedKeywordsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.keywords)));var endpoint=api.all(path);var apiLoader=isArray?endpoint.getAll(params).then(function(res){return {items:res.body().map(function(r){return r.data();})};}):endpoint.get('',params).then(function(res){return res.body().data();});if(!canCache){return from(apiLoader);}return new Observable(function(observer){(function(){return __awaiter(_this,void 0,void 0,function(){var cachedPage,apiPage_1,err_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,storage.getObject(cacheKey)];case 1:cachedPage=_a.sent();if(cachedPage){validateFileAccessTokens(cachedPage,function(isTokenValid,item){if(!isTokenValid){// prevent executing requests resulting in 401 if we already know the token is not valid anymore
 	item.fileAccessToken=null;}});observer.next(cachedPage);}return [4/*yield*/,apiLoader];case 2:apiPage_1=_a.sent();// no need to wait for updating the cache
 	storage.set(cacheKey,apiPage_1).then(function(){return null;});if(!cachedPage){observer.next(apiPage_1);observer.complete();return [2/*return*/];}validateFileAccessTokens(cachedPage,function(isTokenValid,cachedItem){var apiItem=apiPage_1.items.find(function(i){return i.id===cachedItem.id;});if(apiItem&&isTokenValid){// prevent reload of the image if the old token is still valid
 	apiItem.fileAccessToken=cachedItem.fileAccessToken;}});observer.next(apiPage_1);observer.complete();return [3/*break*/,4];case 3:err_1=_a.sent();observer.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});})();});}function validateFileAccessTokens(page,modifyFunc){if(!page||!page.items){return;}page.items.forEach(function(item){var isTokenValid=isTokenStillValid(item.fileAccessToken);modifyFunc(isTokenValid,item);});}var NewsApiService=/** @class */function(){function NewsApiService(factory,subscriptionId,storage){var _this=this;this.factory=factory;this.storage=storage;this.trackExternalItem=function(itemId,itemType){return _this.api.custom(itemType+"/"+encodeURIComponent(itemId)+"/external_url/track").get().then(function(result){return result.body().data();});};this.getAllNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{includePromoted:true}));};this.getAllUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{unreadOnly:true,pageSize:0}));};this.getMyNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news',NewsApiService.newsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition);};this.getMyUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news/unread',NewsApiService.myUnreadNewsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition,true);};this.getBookmarks=function(filterDefinition){return fetchNewsItems('users/current/bookmarks',NewsApiService.bookmarksCacheKey,_this.api,_this.storage,null,filterDefinition,true);};this.getNewsFromCache=function(){return __awaiter(_this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,this.storage.getObject(NewsApiService.newsItemsCacheKey)];case 1:return [2/*return*/,(_a=_b.sent())!==null&&_a!==void 0?_a:[]];}});});};this.get=function(newsId){var getFromCache=function getFromCache(id){return __awaiter(_this,void 0,void 0,function(){var cache,hits;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:cache=_a.sent();hits=cache.filter(function(i){return i.id===id;});return [2/*return*/,hits.length>0?hits[0]:null];}});});};var getFromApi=function getFromApi(id){return from(_this.api.all('news').get(id)).pipe(mergeMap(function(res){return updateItemCache(res.body().data());}));};var updateItemCache=function updateItemCache(item){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,cacheItem,clonedCachedItem,clonedNewItem;return __generator(this,function(_a){switch(_a.label){case 0:if(item.statistics){itemStatisticsCache[item.id]=Promise.resolve(__assign({},item.statistics));}return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===item.id;});if(index>-1){cacheItem=fromCache[index];if(isTokenStillValid(cacheItem.fileAccessToken)){clonedCachedItem=__assign({},cacheItem);delete clonedCachedItem.fileAccessToken;clonedNewItem=__assign({},item);delete clonedNewItem.fileAccessToken;if(JSON.stringify(clonedCachedItem)===JSON.stringify(clonedNewItem)){return [2/*return*/,null];}}fromCache.splice(index,1,item);}else {fromCache.push(item);}return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/,item];}});});};return concat(getFromCache(newsId),getFromApi(newsId)).pipe(filter(function(i){return i!=null;}),catchError(function(err){if(err.response&&err.response.statusCode===404){return of(null);}else {return throwError(err);}}));};this.getImageUrlWithToken=function(token,itemId,subscriptionId,resourceType,imageIdentifier,width,height){if(imageIdentifier===void 0){imageIdentifier='banner';}return _this.factory.createApiUrl("/"+resourceType+"/"+itemId+"/images/"+imageIdentifier+"/"+width+"/"+(height||''),{access_token:token,subscriptionId:subscriptionId});};this.getStatistics=function(newsId){if(!itemStatisticsCache[newsId]){itemStatisticsCache[newsId]=_this.api.custom("news/"+newsId+"/statistics").get().then(function(result){return result.body().data();}).then(function(result){var feedbackCountsKeys=Object.keys(result.feedbackCounts);return {bookmarkCount:result.bookmarkCount,likeCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='like';})],commentCount:result.commentCount,confirmationCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='confirm';})],readCount:result.readCount};});}return itemStatisticsCache[newsId];};this.refreshStatistics=function(itemId,delta){return __awaiter(_this,void 0,void 0,function(){var _this=this;return __generator(this,function(_a){switch(_a.label){case 0:// update statistics cache with new delta
@@ -131711,9 +131711,9 @@
 	// for this case the blockProps would be an empty object and
 	// we need to set the showPages and showDocuments to true
 	var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords.split(','),showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
-	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$R,templateObject_2$w,templateObject_3$n,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$k,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$k=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$Q,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$P;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$O,templateObject_2$u,templateObject_3$m;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$N;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$M;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$L;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$K;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$J;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$h$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$h$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c$1||(templateObject_4$c$1=__makeTemplateObject(["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"],["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"],["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n  && {\n    display: inherit;\n  }\n"],["\n  && {\n    display: inherit;\n  }\n"])));var templateObject_1$I,templateObject_2$t,templateObject_3$l,templateObject_4$c$1,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$H;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$G;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$F;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$E;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$g$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$g$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$D;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$f$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$C,templateObject_2$s;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$B;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$A;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$z;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$y;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);var KeywordPickerGroup=function KeywordPickerGroup(_a){var group=_a.group,keywords=_a.keywords,expanded=_a.expanded,selectedKeywords=_a.selectedKeywords,onChange=_a.onChange,mandatoryKeywordIds=_a.mandatoryKeywordIds;var _b=React$d.useState(null),isExpanded=_b[0],setIsExpanded=_b[1];var isSelected=!!selectedKeywords.find(function(k){return k.groupId===group.id;});var isCollapsed=!(isExpanded===true||expanded);return jsxRuntime.jsxs(Host$e$1,{children:[jsxRuntime.jsxs(GroupButton,__assign({onClick:toggle,iconProps:{iconName:isCollapsed?'CaretRightSolid8':'CaretDownSolid8'},"aria-expanded":!isCollapsed,"aria-controls":group.name+"-list"},{children:[isSelected&&jsxRuntime.jsx(CheckMarkIcon,{iconName:"CheckMark"},void 0),jsxRuntime.jsx(ButtonLabel,__assign({"data-keyword-group":group.name,isSelected:isSelected},{children:jsxRuntime.jsx(KeywordTitle,{groupName:group.name},void 0)}),void 0)]}),void 0),jsxRuntime.jsx(KeywordsList,__assign({id:group.name+"-list","data-keyword-picker-group-list":true,isCollapsed:isCollapsed},{children:keywords.map(function(k){var checked=isKeywordSelected(k);var disabled=isKeywordDisabled(k);return jsxRuntime.jsx(KeywordItem,__assign({"data-keyword":k.name,"data-is-checked":checked,"data-is-disabled":disabled},{children:jsxRuntime.jsx(officeUiFabricReact.Checkbox,{label:k.name,onRenderLabel:function(){return jsxRuntime.jsx(KeywordTitle,{groupName:group.name,keywordName:k.name},void 0);},checked:checked,onChange:function(_e,isChecked){return handleChange(isChecked,k);},disabled:disabled},k.id)}),k.name);})}),void 0)]},void 0);function toggle(){setIsExpanded(!isExpanded);}function isKeywordSelected(keyword){return !!selectedKeywords.find(function(k){return k.id===keyword.id;});}function isKeywordDisabled(keyword){return mandatoryKeywordIds===null||mandatoryKeywordIds===void 0?void 0:mandatoryKeywordIds.some(function(id){return id===keyword.id;});}function handleChange(add,keyword){if(onChange){var result=selectedKeywords.filter(function(k){return keyword.id!==k.id;});if(add){result.push(keyword);}onChange(result);}}};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);var GroupButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);var CheckMarkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));var ButtonLabel=_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});var KeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);var KeywordItem=_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$x,templateObject_2$r,templateObject_3$k,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;var KeywordPicker=function KeywordPicker(_a){var _b;var value=_a.value,onChange=_a.onChange,showSelectionToggle=_a.showSelectionToggle,incomingAvailableKeywords=_a.availableKeywords,mandatoryKeywordIds=_a.mandatoryKeywordIds,className=_a.className;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,selectedKeywordGroups=_c.selectedKeywordGroups;var _d=React$d.useState(null),searchedKeywords=_d[0],setSearchedKeywords=_d[1];var _e=React$d.useState(null),searchText=_e[0],setSearchText=_e[1];var selectedKeywords=getSelectedKeywords();var availableKeywords=incomingAvailableKeywords!==null&&incomingAvailableKeywords!==void 0?incomingAvailableKeywords:allKeywords;var visibleKeywords=(_b=searchedKeywords!==null&&searchedKeywords!==void 0?searchedKeywords:availableKeywords)!==null&&_b!==void 0?_b:[];var mandatoryKeywords=mandatoryKeywordIds?availableKeywords.filter(function(k){return mandatoryKeywordIds.includes(k.id);}):[];var noKeywordGroups=(selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.length)===0;var noAvailableKeywords=!noKeywordGroups&&(availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.length)===0;var isEmpty=visibleKeywords.length===0;return jsxRuntime.jsxs(Host$d$1,__assign({className:classNames('keyword-picker',className)},{children:[(noKeywordGroups||noAvailableKeywords)&&jsxRuntime.jsx("span",__assign({className:"keyword-picker-empty"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:noKeywordGroups?'KeywordPicker.noGroupsDefined':'KeywordPicker.noAvailableKeywordsForGroup'},void 0)}),void 0),!noKeywordGroups&&!noAvailableKeywords&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(SearchHost,__assign({className:"keyword-picker-search","data-keyword-picker-search":true},{children:[jsxRuntime.jsx(officeUiFabricReact.TextField,{onChange:handleSearch,value:searchText||'',placeholder:formatMessage({id:'KeywordPicker.search'})},void 0),searchText&&jsxRuntime.jsx(SearchCancelButton,{iconProps:{iconName:'Cancel'},onClick:function(){return handleSearch(null,null);},"aria-hidden":"true"},void 0)]}),void 0),showSelectionToggle&&jsxRuntime.jsx(StyledToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsxs(KeywordPickerTree,__assign({className:"keyword-picker-tree"},{children:[isEmpty&&jsxRuntime.jsx(FormattedMessage$1,{id:"KeywordPicker.emptySearch"},void 0),!isEmpty&&selectedKeywordGroups&&selectedKeywordGroups.sort(function(a,b){return a.name.localeCompare(b.name);}).map(function(g){var keywords=visibleKeywords.filter(function(k){return k.groupId===g.id;});return keywords.length===0?null:jsxRuntime.jsx(KeywordPickerGroup,{expanded:!!searchText,group:g,keywords:keywords,selectedKeywords:selectedKeywords,onChange:onChange,mandatoryKeywordIds:mandatoryKeywordIds},g.id);})]}),void 0)]},void 0)]}),void 0);function getSelectedKeywords(){if(value==null||allKeywords==null){return [];}return value.map(function(k){return typeof k==='string'?allKeywords.find(function(a){return a.id===k;}):k;}).filter(function(k){return k;});}function handleSearch(_,text){var hasSearch=text&&text.length;var keywords=hasSearch?availableKeywords.filter(function(k){return getKeywordTitle(user,k.translations,k.name).toLocaleLowerCase().indexOf(text.toLocaleLowerCase())>=0;}):availableKeywords;setSearchedKeywords(keywords);setSearchText(hasSearch?text:null);}function handleToggleAll(checkAll){onChange(checkAll?availableKeywords:mandatoryKeywords);}};var KeywordPickerTree=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var StyledToggleAllButtons=_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var Host$d$1=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));var SearchHost=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));var SearchCancelButton=_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"])));var templateObject_1$w,templateObject_2$q,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
+	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$R,templateObject_2$w,templateObject_3$n,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$k,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$k=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$Q,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$P;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$O,templateObject_2$u,templateObject_3$m;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$N;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$M;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$L;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$K;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$J;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$h$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$h$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c$1||(templateObject_4$c$1=__makeTemplateObject(["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"],["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"],["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n  && {\n    display: inherit;\n  }\n"],["\n  && {\n    display: inherit;\n  }\n"])));var templateObject_1$I,templateObject_2$t,templateObject_3$l,templateObject_4$c$1,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$H;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$G;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$F;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$E;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$g$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$g$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$D;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$f$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$C,templateObject_2$s;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$B;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$A;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$z;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$y;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var _a;var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var LogicalOperator;(function(LogicalOperator){LogicalOperator["Or"]="or";LogicalOperator["And"]="and";})(LogicalOperator||(LogicalOperator={}));var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);var KeywordPickerGroup=function KeywordPickerGroup(_a){var group=_a.group,keywords=_a.keywords,expanded=_a.expanded,selectedKeywords=_a.selectedKeywords,onChange=_a.onChange,mandatoryKeywordIds=_a.mandatoryKeywordIds;var _b=React$d.useState(null),isExpanded=_b[0],setIsExpanded=_b[1];var isSelected=!!selectedKeywords.find(function(k){return k.groupId===group.id;});var isCollapsed=!(isExpanded===true||expanded);return jsxRuntime.jsxs(Host$e$1,{children:[jsxRuntime.jsxs(GroupButton,__assign({onClick:toggle,iconProps:{iconName:isCollapsed?'CaretRightSolid8':'CaretDownSolid8'},"aria-expanded":!isCollapsed,"aria-controls":group.name+"-list"},{children:[isSelected&&jsxRuntime.jsx(CheckMarkIcon,{iconName:"CheckMark"},void 0),jsxRuntime.jsx(ButtonLabel,__assign({"data-keyword-group":group.name,isSelected:isSelected},{children:jsxRuntime.jsx(KeywordTitle,{groupName:group.name},void 0)}),void 0)]}),void 0),jsxRuntime.jsx(KeywordsList,__assign({id:group.name+"-list","data-keyword-picker-group-list":true,isCollapsed:isCollapsed},{children:keywords.map(function(k){var checked=isKeywordSelected(k);var disabled=isKeywordDisabled(k);return jsxRuntime.jsx(KeywordItem,__assign({"data-keyword":k.name,"data-is-checked":checked,"data-is-disabled":disabled},{children:jsxRuntime.jsx(officeUiFabricReact.Checkbox,{label:k.name,onRenderLabel:function(){return jsxRuntime.jsx(KeywordTitle,{groupName:group.name,keywordName:k.name},void 0);},checked:checked,onChange:function(_e,isChecked){return handleChange(isChecked,k);},disabled:disabled},k.id)}),k.name);})}),void 0)]},void 0);function toggle(){setIsExpanded(!isExpanded);}function isKeywordSelected(keyword){return !!selectedKeywords.find(function(k){return k.id===keyword.id;});}function isKeywordDisabled(keyword){return mandatoryKeywordIds===null||mandatoryKeywordIds===void 0?void 0:mandatoryKeywordIds.some(function(id){return id===keyword.id;});}function handleChange(add,keyword){if(onChange){var result=selectedKeywords.filter(function(k){return keyword.id!==k.id;});if(add){result.push(keyword);}onChange(result);}}};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);var GroupButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);var CheckMarkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));var ButtonLabel=_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});var KeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);var KeywordItem=_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$x,templateObject_2$r,templateObject_3$k,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;var KeywordPicker=function KeywordPicker(_a){var _b;var value=_a.value,onChange=_a.onChange,showSelectionToggle=_a.showSelectionToggle,incomingAvailableKeywords=_a.availableKeywords,mandatoryKeywordIds=_a.mandatoryKeywordIds,className=_a.className;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,selectedKeywordGroups=_c.selectedKeywordGroups;var _d=React$d.useState(null),searchedKeywords=_d[0],setSearchedKeywords=_d[1];var _e=React$d.useState(null),searchText=_e[0],setSearchText=_e[1];var selectedKeywords=getSelectedKeywords();var availableKeywords=incomingAvailableKeywords!==null&&incomingAvailableKeywords!==void 0?incomingAvailableKeywords:allKeywords;var visibleKeywords=(_b=searchedKeywords!==null&&searchedKeywords!==void 0?searchedKeywords:availableKeywords)!==null&&_b!==void 0?_b:[];var mandatoryKeywords=mandatoryKeywordIds?availableKeywords.filter(function(k){return mandatoryKeywordIds.includes(k.id);}):[];var noKeywordGroups=(selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.length)===0;var noAvailableKeywords=!noKeywordGroups&&(availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.length)===0;var isEmpty=visibleKeywords.length===0;return jsxRuntime.jsxs(Host$d$1,__assign({className:classNames('keyword-picker',className)},{children:[(noKeywordGroups||noAvailableKeywords)&&jsxRuntime.jsx("span",__assign({className:"keyword-picker-empty"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:noKeywordGroups?'KeywordPicker.noGroupsDefined':'KeywordPicker.noAvailableKeywordsForGroup'},void 0)}),void 0),!noKeywordGroups&&!noAvailableKeywords&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(SearchHost,__assign({className:"keyword-picker-search","data-keyword-picker-search":true},{children:[jsxRuntime.jsx(officeUiFabricReact.TextField,{onChange:handleSearch,value:searchText||'',placeholder:formatMessage({id:'KeywordPicker.search'})},void 0),searchText&&jsxRuntime.jsx(SearchCancelButton,{iconProps:{iconName:'Cancel'},onClick:function(){return handleSearch(null,null);},"aria-hidden":"true"},void 0)]}),void 0),showSelectionToggle&&jsxRuntime.jsx(StyledToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsxs(KeywordPickerTree,__assign({className:"keyword-picker-tree"},{children:[isEmpty&&jsxRuntime.jsx(FormattedMessage$1,{id:"KeywordPicker.emptySearch"},void 0),!isEmpty&&selectedKeywordGroups&&selectedKeywordGroups.sort(function(a,b){return a.name.localeCompare(b.name);}).map(function(g){var keywords=visibleKeywords.filter(function(k){return k.groupId===g.id;});return keywords.length===0?null:jsxRuntime.jsx(KeywordPickerGroup,{expanded:!!searchText,group:g,keywords:keywords,selectedKeywords:selectedKeywords,onChange:onChange,mandatoryKeywordIds:mandatoryKeywordIds},g.id);})]}),void 0)]},void 0)]}),void 0);function getSelectedKeywords(){if(value==null||allKeywords==null){return [];}return value.map(function(k){return typeof k==='string'?allKeywords.find(function(a){return a.id===k;}):k;}).filter(function(k){return k;});}function handleSearch(_,text){var hasSearch=text&&text.length;var keywords=hasSearch?availableKeywords.filter(function(k){return getKeywordTitle(user,k.translations,k.name).toLocaleLowerCase().indexOf(text.toLocaleLowerCase())>=0;}):availableKeywords;setSearchedKeywords(keywords);setSearchText(hasSearch?text:null);}function handleToggleAll(checkAll){onChange(checkAll?availableKeywords:mandatoryKeywords);}};var KeywordPickerTree=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var StyledToggleAllButtons=_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var Host$d$1=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));var SearchHost=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));var SearchCancelButton=_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"])));var templateObject_1$w,templateObject_2$q,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
 	// https://github.com/tc39/proposal-string-replace-all
-	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$u,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$t,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
+	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$u,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t$1||(templateObject_1$t$1=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$t$1,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
 	if(!timeHasFocus){// We might not know that the time field has the focus after an onBlur from the date field.
 	// In this case only update the _time_ component if it has changed. Which is not the case for changes
 	// from the date field
@@ -131725,7 +131725,7 @@
 	props.onChanged(newDate.toISOString(),validationResult.isInRange);}function handleDateChange(newDate){if(timeField.current){// note: focus event is ignored/not propagated without setTimeout
 	setTimeout(function(){return timeField.current.focus();},0);}if(!newDate){handleChange(null);}else {// include the current time component when triggering a change.
 	// newDate is only a Date without time.
-	var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
+	var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
 	var MDN_POLYFILL_BUG=!CORRECT_IS_REGEXP_LOGIC&&!!function(){var descriptor=getOwnPropertyDescriptor(String.prototype,'endsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.endsWith` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.endswith
 	$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$f$1||(templateObject_2$f$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$k$1||(templateObject_1$k$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryGetHighlight(highlights,preferredLanguage){var _a;if(!highlights){return null;}return (_a=tryGetAllHighlights(highlights,preferredLanguage))===null||_a===void 0?void 0:_a[0];}function tryGetAllHighlights(highlights,preferredLanguage){if(!highlights){return null;}var preferredHighlights=highlights.filter(function(h){return h.language===preferredLanguage;});if(preferredHighlights.length){return preferredHighlights;}var firstHighlight=highlights[0];return highlights.filter(function(h){return h.language===firstHighlight.language;});}var templateObject_1$k$1,templateObject_2$f$1;var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(TitleHighlight,{search:search,title:title,page:page},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var TitleHighlight=function TitleHighlight(_a){var _b;var search=_a.search,title=_a.title,page=_a.page;var user=useCurrentUser();var preferredLanguage=NewsService.getLanguageForContent(page.contents,user);var titleHighlight=tryGetHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"],["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$e$1||(templateObject_2$e$1=__makeTemplateObject(["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"],["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$b$1||(templateObject_3$b$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$j$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$d$1||(templateObject_2$d$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"],["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"],["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"],["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n  align-self: flex-start;\n  z-index: 1;\n"],["\n  align-self: flex-start;\n  z-index: 1;\n"])));var templateObject_1$i$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"],["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$c$1||(templateObject_2$c$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  ","\n"],["\n  padding: 0;\n  margin: 0;\n  ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"],["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$h$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"],["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n  flex: 1 1 auto;\n  width: ","%;\n"],["\n  flex: 1 1 auto;\n  width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var templateObject_1$g$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
@@ -131739,13 +131739,13 @@
 	// https://github.com/tc39/proposal-flatMap
 	$$h({target:'Array',proto:true},{flatMap:function flatMap(callbackfn/* , thisArg */){var O=toObject(this);var sourceLen=toLength$c(O.length);var A;aFunction(callbackfn);A=arraySpeciesCreate(O,0);A.length=flattenIntoArray(A,O,O,sourceLen,0,1,callbackfn,arguments.length>1?arguments[1]:undefined);return A;}});// this method was added to unscopables after implementation
 	// in popular engines, so it's moved to a separate module
-	var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var StreamItemTypes;(function(StreamItemTypes){StreamItemTypes["Post"]="POST";StreamItemTypes["News"]="NEWS";StreamItemTypes["Event"]="EVENT";StreamItemTypes["Page"]="PAGE";})(StreamItemTypes||(StreamItemTypes={}));var StreamConversationScope;(function(StreamConversationScope){StreamConversationScope["Public"]="PUBLIC";StreamConversationScope["Editor"]="EDITOR";StreamConversationScope["Posts"]="POSTS";})(StreamConversationScope||(StreamConversationScope={}));var StreamKnownNewsState;(function(StreamKnownNewsState){StreamKnownNewsState["Unconfirmed"]="UNCONFIRMED";StreamKnownNewsState["Alert"]="ALERT";})(StreamKnownNewsState||(StreamKnownNewsState={}));function isPost(item){return item.type===StreamItemTypes.Post;}function isNews(item){return item.type===StreamItemTypes.News;}function isEvent(item){return item.type===StreamItemTypes.Event;}function isPage(item){return item.type===StreamItemTypes.Page;}function convertProperties(items,user,subscriptionChannels){return items.map(function(i){var _a,_b,_c;var mappedItem=__assign(__assign({},i),{keywords:getGroupedKeywords(i.keywordsList)});if(isPost(i)){return __assign(__assign({},mappedItem),{groupId:i.groupIds[0],attachments:(_a=i.postAttachments)===null||_a===void 0?void 0:_a.map(function(i){return __assign(__assign({},i),{type:getAttachmentType(i.type)});}),comments:__assign(__assign({},i.postComments),{items:(_b=i.postComments)===null||_b===void 0?void 0:_b.items.map(function(c){var _a;return __assign(__assign({},c),{conversationScope:getConversationScope(c.streamConversationScope),fileAccessToken:i.fileAccessToken,attachments:(_a=c.postCommentAttachments)===null||_a===void 0?void 0:_a.map(function(a){return __assign(__assign({},a),{type:getAttachmentType(a.type)});})});})})});}return __assign(__assign(__assign(__assign({},mappedItem),{userResponse:isEvent(i)?i.userResponseType&&getEventResponse(i.userResponseType):null,channels:(i.channelsList||[]).map(function(c){return {name:getChannelDisplayName(subscriptionChannels,c,user,getPreferredContentLanguage(user))};}),contents:i.contentsList.reduce(function(a,b){var _a;return __assign(__assign({},a),(_a={},_a[b.language]=b,_a));},{}),bannerInfo:i.bannerInfo&&__assign(__assign({},i.bannerInfo),{videoSource:convertStringToVideoSource((_c=i.bannerInfo)===null||_c===void 0?void 0:_c.videoSource)})}),getPageInfos(i)),getKnownNewsState(i));});}function getKnownNewsState(item){var _a,_b;if(!isNews(item)){return {};}var state=KnownNewsState.None;if((_a=item.knownNewsState)===null||_a===void 0?void 0:_a.includes(StreamKnownNewsState.Alert)){state|=KnownNewsState.Alert;}if((_b=item.knownNewsState)===null||_b===void 0?void 0:_b.includes(StreamKnownNewsState.Unconfirmed)){state|=KnownNewsState.Unconfirmed;}return {knownState:state};}function getPageInfos(item){if(!isPage(item)){return {};}return {pageType:getPageType(item.streamPageType),navigationContext:unflattenNavigationContext(item)};}function unflattenNavigationContext(item){var itemNavigationContext;var currentNavigationContext;var parentId=item.parentId;while(parentId!=null){var parent_1=item.path.find(function(c){return c.id===parentId;});if(!itemNavigationContext){itemNavigationContext={parent:parent_1};}else {currentNavigationContext.parent=parent_1;}parentId=parent_1.parentId;currentNavigationContext=parent_1;}return itemNavigationContext||{};}function getAttachmentType(source){switch(source){case GraphQLAttachmentType.News:return AttachmentType.News;case GraphQLAttachmentType.Event:return AttachmentType.Event;case GraphQLAttachmentType.Page:return AttachmentType.Page;case GraphQLAttachmentType.Post:return AttachmentType.Post;case GraphQLAttachmentType.Image:return AttachmentType.Image;case GraphQLAttachmentType.File:return AttachmentType.File;case GraphQLAttachmentType.VimeoVideo:return AttachmentType.VimeoVideo;case GraphQLAttachmentType.YouTubeVideo:return AttachmentType.YouTubeVideo;case GraphQLAttachmentType.Giphy:return AttachmentType.Giphy;default:return null;}}function getConversationScope(streamScope){switch(streamScope){case StreamConversationScope.Public:return ConversationScope.Public;case StreamConversationScope.Editor:return ConversationScope.Editor;case StreamConversationScope.Posts:return ConversationScope.Posts;default:return null;}}function getPageType(pageType){return pageType==='PAGE'?PageType.Page:PageType.Document;}function getEventResponse(source){switch(source){case StreamEventResponse.NotSet:return EventResponse.NotSet;case StreamEventResponse.Registered:return EventResponse.Registered;case StreamEventResponse.Declined:return EventResponse.Declined;default:return null;}}var StreamEventResponse;(function(StreamEventResponse){StreamEventResponse["NotSet"]="NOTSET";StreamEventResponse["Registered"]="REGISTERED";StreamEventResponse["Declined"]="DECLINED";})(StreamEventResponse||(StreamEventResponse={}));var CHANNELS_OR_CONDITION=function CHANNELS_OR_CONDITION(channels,allChannels){var _a;if(!channels||!channels.length){return '';}var filterChannels=(_a=channels===null||channels===void 0?void 0:channels.map(function(c){var _a;return (_a=allChannels===null||allChannels===void 0?void 0:allChannels.find(function(uc){return uc.name===c;}))===null||_a===void 0?void 0:_a.id;}))===null||_a===void 0?void 0:_a.map(function(c){return "\""+c+"\"";});if(!filterChannels){return '';}return "channels: { some: { in: ["+filterChannels+"] } }";};var KEYWORDS_OR_CONDITION=function KEYWORDS_OR_CONDITION(keywords){if(!keywords||!keywords.length){return '';}return "keywordIds: { some: { in: ["+(keywords===null||keywords===void 0?void 0:keywords.map(function(k){return "\""+k+"\"";}))+"] } }";};var OWNER_CONDITION=function OWNER_CONDITION(owner){if(!owner){return '';}return "or: [\n          { author: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { owner: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { onBehalfOf: { userPrincipalName: { eq: \""+owner+"\" } } }\n        ]";};var PUBLISHING_DATE_CONDITION=function PUBLISHING_DATE_CONDITION(beforeDate,afterDate){if(!beforeDate&&!afterDate){return '';}if(beforeDate&&afterDate){return "and: [\n      { publishingDate: { gt: \""+afterDate+"\" } }\n      { publishingDate: { lt: \""+beforeDate+"\" } }\n    ]";}return afterDate?"publishingDate: { gt: \""+afterDate+"\" }":"publishingDate: { lt: \""+beforeDate+"\" }";};var AUTHORS_CONDITION=function AUTHORS_CONDITION(authors){if(!authors||!authors.length){return '';}return "or: [\n          { owner: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n          { onBehalfOf: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n        ]";};gql(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"],["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"])));gql(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"],["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"])));var templateObject_2$5$1,templateObject_3$2$1;var EditorListItem=function EditorListItem(props){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var itemDomRef=React$d.useRef();var webAppUrl=useConfiguration().webAppUrl;if(props.language==null){return null;}var item=props.item;var className=classNames(props.className,'editor-list-item',{'editor-list-item-rejected ms-borderColor-red':item.status===WorkflowStatus.rejected&&isCurrentUserItemOwner()},{'editor-list-item-selected ms-fontColor-onSecondary ms-bgColor-themeSecondary':props.isSelected},{'ms-bgColor-white':!props.isSelected},{'editor-list-item--highlighted':props.highlighted});return jsxRuntime.jsxs(ListItem,__assign({className:className,"data-item-is-published":props.isPublishedItem,"data-is-focusable":true,"data-item-is-selected":props.isSelected,"data-item-id":item.id,ref:itemDomRef},{children:[props.useExternalLink?jsxRuntime.jsx(ExternalLink,__assign({href:""+webAppUrl+props.basePath+"/"+item.id+"/"+props.language,className:"editor-list-content",target:"_blank",rel:"noopener noreferrer",onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());}},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0):jsxRuntime.jsx(Content$9,__assign({to:props.basePath+"/"+item.id+"/"+props.language,onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());},className:"editor-list-content"},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0),jsxRuntime.jsxs(Options,{children:[props.allowSelection&&jsxRuntime.jsx(SelectedIconOption,{children:jsxRuntime.jsx(SelectedIcon,{"data-item-select":true,iconProps:{iconName:'CompletedSolid'},ariaLabel:formatMessage({id:'AriaLabel.editor.selectItemButton'}),onClick:toggleSelect,isTouch:env.isTouchDevice,isSelected:props.isSelected,className:classNames('ms-fontColor-neutralTertiary',{'ms-fontColor-themeDarkAlt':props.isSelected})},void 0)},void 0),jsxRuntime.jsx(StatusOption,{status:item.status,isActive:props.isSelected},void 0),jsxRuntime.jsx(Option,__assign({className:"editor-list-persona"},{children:item.owner&&jsxRuntime.jsx(Avatar,{upn:item.owner.userPrincipalName,size:officeUiFabricReact.PersonaSize.size48,text:props.item.owner.displayName,hidePersonaDetails:true},void 0)}),void 0)]},void 0)]}),void 0);function isCurrentUserItemOwner(){return props.item.owner&&props.item.owner.userPrincipalName===user.userPrincipalName;}function getTitle(){var title=props.item.contents[props.language].title;return title==null||title.trim().length===0?"<"+formatMessage({id:'Generic.noTitle'})+">":title;}function toggleSelect(){props.onSelect(props.item,!props.isSelected);}};var EditorItemTitle=_styled__default["default"].h2.withConfig({displayName:"EditorListItem__EditorItemTitle",componentId:"sc-zoqzrc-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"],["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"])));var SelectedIcon=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"EditorListItem__SelectedIcon",componentId:"sc-zoqzrc-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"],["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"])),function(p){return p.isSelected?1:p.isTouch?0.1:0;});var ListItem=_styled__default["default"].div.withConfig({displayName:"EditorListItem__ListItem",componentId:"sc-zoqzrc-2"})(templateObject_3$1$1||(templateObject_3$1$1=__makeTemplateObject(["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"],["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"])),CardBorderInline(2,2),function(p){return p.theme.textColors.default;},SelectedIcon);var Options=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Options",componentId:"sc-zoqzrc-3"})(templateObject_4$1$1||(templateObject_4$1$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"])));var Option=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Option",componentId:"sc-zoqzrc-4"})(templateObject_5$1$1||(templateObject_5$1$1=__makeTemplateObject(["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"],["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"])));var SelectedIconOption=_styled__default["default"](Option).withConfig({displayName:"EditorListItem__SelectedIconOption",componentId:"sc-zoqzrc-5"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n  padding: 6px;\n"],["\n  padding: 6px;\n"])));var LinkStyle=_styled.css(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"],["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"])),spacingXs,spacingS,spacingS,spacingS,spacingS+6,spacingXs);var Content$9=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EditorListItem__Content",componentId:"sc-zoqzrc-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var ExternalLink=_styled__default["default"].a.withConfig({displayName:"EditorListItem__ExternalLink",componentId:"sc-zoqzrc-7"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var StatusOption=function StatusOption(_a){var _b=_a.status,status=_b===void 0?WorkflowStatus.draft:_b,isActive=_a.isActive;if(status===WorkflowStatus.deleted){return null;}return jsxRuntime.jsx(Option,{children:status===WorkflowStatus.approved?jsxRuntime.jsx("img",{style:{width:'20px'},alt:""},void 0):jsxRuntime.jsx(Tooltip,__assign({resourceKey:'EditorList.'+status||WorkflowStatus.draft},{children:jsxRuntime.jsx(StateIcon,{status:status||WorkflowStatus.draft,width:20,isActive:isActive},void 0)}),void 0)},void 0);};var templateObject_1$6$1,templateObject_2$4$1,templateObject_3$1$1,templateObject_4$1$1,templateObject_5$1$1,templateObject_6$s,templateObject_7$m,templateObject_8$k,templateObject_9$f;var NewsEditorItem=function NewsEditorItem(_a){var title=_a.title,item=_a.item,isSelected=_a.isSelected;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EditorItemTitle,__assign({className:classNames({'ms-fontColor-onSecondary':isSelected})},{children:title}),void 0),jsxRuntime.jsx(DateInfo,__assign({className:classNames('ms-fontSize-m',{'ms-fontColor-onSecondary':isSelected})},{children:jsxRuntime.jsx(MetaInfo$1,{dateMode:DateMode.Published,item:item,expiryDate:item.expiryDate,channels:item.channels,readOnly:true,showChannels:true,hideAvatar:true,hideDisplayName:true},void 0)}),void 0)]},void 0);};var MetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsEditorItem__MetaInfo",componentId:"sc-1kz3wt0-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"],["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"])));var DateInfo=_styled__default["default"].div.withConfig({displayName:"NewsEditorItem__DateInfo",componentId:"sc-1kz3wt0-1"})(templateObject_2$3$1||(templateObject_2$3$1=__makeTemplateObject(["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"],["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"])));var templateObject_1$5$1,templateObject_2$3$1;var EventDates=_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDates",componentId:"sc-1irp2hc-0"})(templateObject_1$4$1||(templateObject_1$4$1=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"])),spacingS,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EmptyEventDates",componentId:"sc-1irp2hc-1"})(templateObject_2$2$1||(templateObject_2$2$1=__makeTemplateObject(["\n  font-style: italic;\n"],["\n  font-style: italic;\n"])));_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDateAndRecurrenceInfo",componentId:"sc-1irp2hc-2"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventEditorItem__RecurrenceSeriesInfo",componentId:"sc-1irp2hc-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);_styled__default["default"](EventDates).withConfig({displayName:"EventEditorItem__DatesInfo",componentId:"sc-1irp2hc-4"})(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n  margin-right: ","px;\n"],["\n  margin-right: ","px;\n"])),spacingM);var templateObject_1$4$1,templateObject_2$2$1,templateObject_3$13,templateObject_4$K,templateObject_5$D;var CreateNewItemButton=function CreateNewItemButton(_a){var type=_a.type,groupId=_a.groupId,onClick=_a.onClick,className=_a.className;var baseRoute=useBaseRoute();var history=ReactRouterDom.useHistory();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var intl=useIntl();var user=useCurrentUser();var hasSelectedGroup=!!groupId;var groups=getGroupItems();if(hasSelectedGroup||groups.length===1){return jsxRuntime.jsx(StyledPrimaryButton,__assign({iconProps:{iconName:'AddTo'},onClick:function(){return handleOnClick(hasSelectedGroup?undefined:groups[0].key);},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);}if(!groups.length){return null;}return jsxRuntime.jsx(MenuButton,__assign({iconProps:{iconName:'AddTo'},menuProps:{items:groups,calloutProps:{calloutMaxWidth:300},className:'lt-reach-callout'},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);function getGroupItems(){return getGroupsWithExplicitMinRole(GroupRoles.Author,user).map(function(g){return {key:g.id,onClick:function(){return handleOnClick(g.id);},text:getGroupName(g,user,intl)};});}function openEditor(id){history.push(buildPath("/editor/"+type+"/groups/"+id+"/new"));}function handleOnClick(id){if(onClick){onClick(groupId||id);}else {hasSelectedGroup?history.push(baseRoute+"/new"):openEditor(id);}}};var MenuButton=_styled__default["default"](officeUiFabricReact.CommandBarButton).withConfig({displayName:"CreateNewItemButton__MenuButton",componentId:"sc-18o74g9-0"})(templateObject_1$3$1||(templateObject_1$3$1=__makeTemplateObject(["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),function(p){return p.theme.semanticColors.primaryButtonBackground;},function(p){return p.theme.semanticColors.primaryButtonBackgroundHovered;},function(p){return p.theme.semanticColors.primaryButtonTextHovered;},function(p){return p.theme.semanticColors.primaryButtonText;},spacingS,spacingS);var StyledPrimaryButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"CreateNewItemButton__StyledPrimaryButton",componentId:"sc-18o74g9-1"})(templateObject_2$1$1||(templateObject_2$1$1=__makeTemplateObject(["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),spacingS,spacingS);var templateObject_1$3$1,templateObject_2$1$1;function useEditorApi(){var api=useApi();var fetchFromApi=useApiFactory().fetchFromApi;var sendBeacon=useBeaconHandler();var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {cloneItem:cloneItem,getDeletedItems:getDeletedItems,getVersion:getVersion,getVersions:getVersions,deleteDraft:deleteDraft,deleteRange:deleteRange,deletePermanently:deletePermanently,bulkSetStatus:bulkSetStatus,setStatus:setStatus,removeLease:removeLease,keepLeaseAlive:keepLeaseAlive,saveItem:saveItem,updateGroups:updateGroups,translateContent:translateContent};function translateContent(itemId,translateFrom,translateTo){return api.all("editor/news/"+itemId+"/contents/"+translateFrom+"/translations?"+queryString.stringify({languages:translateTo})).getAll().then(function(response){return response.body(false);});}function updateGroups(itemType,itemId,groupIds){return api.custom("editor/"+itemType+"/"+itemId+"/groups").put(groupIds).then(function(response){return response.body().data();});}function cloneItem(itemType,itemId){return api.all("editor/"+itemType+"?"+queryString.stringify({cloneFromItem:itemId})).post({}).then(function(response){return response.body().data();});}function getDeletedItems(type,filter,token){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token,pageSize:30});return api.all("editor/"+type+"/recyclebin").get('',params).then(function(res){return res.body().data();});}function getVersions(type,itemId){return from(api.all("editor/"+type+"/"+itemId+"/versions").getAll()).pipe(map(function(response){return response.body().map(function(group){return group.data();});}));}function getVersion(type,itemId,versionId){return api.all("editor/"+type+"/"+itemId+"/versions").get(versionId).then(function(response){return response.body().data();});}function deleteDraft(leaseId,itemId,type){var url="editor/"+type+"/"+itemId+"/draft";if(leaseId){url+="?leaseId="+leaseId;}return api.custom(url).delete();}function deleteRange(type,ids){var data=ids.map(function(id){return {id:id,status:WorkflowStatus.deleted};});return api.custom("editor/"+type).patch(data).then(function(response){return response.body().map(function(item){return item.data();});}).catch(function(){// set null as a result in case of error
+	var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var StreamItemTypes;(function(StreamItemTypes){StreamItemTypes["Post"]="POST";StreamItemTypes["News"]="NEWS";StreamItemTypes["Event"]="EVENT";StreamItemTypes["Page"]="PAGE";})(StreamItemTypes||(StreamItemTypes={}));var StreamConversationScope;(function(StreamConversationScope){StreamConversationScope["Public"]="PUBLIC";StreamConversationScope["Editor"]="EDITOR";StreamConversationScope["Posts"]="POSTS";})(StreamConversationScope||(StreamConversationScope={}));var StreamKnownNewsState;(function(StreamKnownNewsState){StreamKnownNewsState["Unconfirmed"]="UNCONFIRMED";StreamKnownNewsState["Alert"]="ALERT";})(StreamKnownNewsState||(StreamKnownNewsState={}));function isPost(item){return item.type===StreamItemTypes.Post;}function isNews(item){return item.type===StreamItemTypes.News;}function isEvent(item){return item.type===StreamItemTypes.Event;}function isPage(item){return item.type===StreamItemTypes.Page;}function convertProperties(items,user,subscriptionChannels){return items.map(function(i){var _a,_b,_c;var mappedItem=__assign(__assign({},i),{keywords:getGroupedKeywords(i.keywordsList)});if(isPost(i)){return __assign(__assign({},mappedItem),{groupId:i.groupIds[0],attachments:(_a=i.postAttachments)===null||_a===void 0?void 0:_a.map(function(i){return __assign(__assign({},i),{type:getAttachmentType(i.type)});}),comments:__assign(__assign({},i.postComments),{items:(_b=i.postComments)===null||_b===void 0?void 0:_b.items.map(function(c){var _a;return __assign(__assign({},c),{conversationScope:getConversationScope(c.streamConversationScope),fileAccessToken:i.fileAccessToken,attachments:(_a=c.postCommentAttachments)===null||_a===void 0?void 0:_a.map(function(a){return __assign(__assign({},a),{type:getAttachmentType(a.type)});})});})})});}return __assign(__assign(__assign(__assign({},mappedItem),{userResponse:isEvent(i)?i.userResponseType&&getEventResponse(i.userResponseType):null,channels:(i.channelsList||[]).map(function(c){return {name:getChannelDisplayName(subscriptionChannels,c,user,getPreferredContentLanguage(user))};}),contents:i.contentsList.reduce(function(a,b){var _a;return __assign(__assign({},a),(_a={},_a[b.language]=b,_a));},{}),bannerInfo:i.bannerInfo&&__assign(__assign({},i.bannerInfo),{videoSource:convertStringToVideoSource((_c=i.bannerInfo)===null||_c===void 0?void 0:_c.videoSource)})}),getPageInfos(i)),getKnownNewsState(i));});}function getKnownNewsState(item){var _a,_b;if(!isNews(item)){return {};}var state=KnownNewsState.None;if((_a=item.knownNewsState)===null||_a===void 0?void 0:_a.includes(StreamKnownNewsState.Alert)){state|=KnownNewsState.Alert;}if((_b=item.knownNewsState)===null||_b===void 0?void 0:_b.includes(StreamKnownNewsState.Unconfirmed)){state|=KnownNewsState.Unconfirmed;}return {knownState:state};}function getPageInfos(item){if(!isPage(item)){return {};}return {pageType:getPageType(item.streamPageType),navigationContext:unflattenNavigationContext(item)};}function unflattenNavigationContext(item){var itemNavigationContext;var currentNavigationContext;var parentId=item.parentId;while(parentId!=null){var parent_1=item.path.find(function(c){return c.id===parentId;});if(!itemNavigationContext){itemNavigationContext={parent:parent_1};}else {currentNavigationContext.parent=parent_1;}parentId=parent_1.parentId;currentNavigationContext=parent_1;}return itemNavigationContext||{};}function getAttachmentType(source){switch(source){case GraphQLAttachmentType.News:return AttachmentType.News;case GraphQLAttachmentType.Event:return AttachmentType.Event;case GraphQLAttachmentType.Page:return AttachmentType.Page;case GraphQLAttachmentType.Post:return AttachmentType.Post;case GraphQLAttachmentType.Image:return AttachmentType.Image;case GraphQLAttachmentType.File:return AttachmentType.File;case GraphQLAttachmentType.VimeoVideo:return AttachmentType.VimeoVideo;case GraphQLAttachmentType.YouTubeVideo:return AttachmentType.YouTubeVideo;case GraphQLAttachmentType.Giphy:return AttachmentType.Giphy;default:return null;}}function getConversationScope(streamScope){switch(streamScope){case StreamConversationScope.Public:return ConversationScope.Public;case StreamConversationScope.Editor:return ConversationScope.Editor;case StreamConversationScope.Posts:return ConversationScope.Posts;default:return null;}}function getPageType(pageType){return pageType==='PAGE'?PageType.Page:PageType.Document;}function getEventResponse(source){switch(source){case StreamEventResponse.NotSet:return EventResponse.NotSet;case StreamEventResponse.Registered:return EventResponse.Registered;case StreamEventResponse.Declined:return EventResponse.Declined;default:return null;}}var StreamEventResponse;(function(StreamEventResponse){StreamEventResponse["NotSet"]="NOTSET";StreamEventResponse["Registered"]="REGISTERED";StreamEventResponse["Declined"]="DECLINED";})(StreamEventResponse||(StreamEventResponse={}));var CHANNELS_CONDITION=function CHANNELS_CONDITION(channels,allChannels,operator){var _a;if(operator===void 0){operator=LogicalOperator.Or;}if(!channels||!channels.length){return '';}var filterChannels=(_a=channels===null||channels===void 0?void 0:channels.map(function(c){var _a;return (_a=allChannels===null||allChannels===void 0?void 0:allChannels.find(function(uc){return uc.name===c;}))===null||_a===void 0?void 0:_a.id;}))===null||_a===void 0?void 0:_a.map(function(c){return "\""+c+"\"";});if(!filterChannels){return '';}if(operator===LogicalOperator.And){var channelConditions=filterChannels.map(function(c){return "{ channels: { some: { eq: "+c+" } } }";});return "and: [\n      "+channelConditions.join()+"\n    ]";}return "channels: { some: { in: ["+filterChannels+"] } }";};var KEYWORDS_OR_CONDITION=function KEYWORDS_OR_CONDITION(keywords){if(!keywords||!keywords.length){return '';}return "keywordIds: { some: { in: ["+(keywords===null||keywords===void 0?void 0:keywords.map(function(k){return "\""+k+"\"";}))+"] } }";};var OWNER_CONDITION=function OWNER_CONDITION(owner){if(!owner){return '';}return "or: [\n          { author: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { owner: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { onBehalfOf: { userPrincipalName: { eq: \""+owner+"\" } } }\n        ]";};var PUBLISHING_DATE_CONDITION=function PUBLISHING_DATE_CONDITION(beforeDate,afterDate){if(!beforeDate&&!afterDate){return '';}if(beforeDate&&afterDate){return "and: [\n      { publishingDate: { gt: \""+afterDate+"\" } }\n      { publishingDate: { lt: \""+beforeDate+"\" } }\n    ]";}return afterDate?"publishingDate: { gt: \""+afterDate+"\" }":"publishingDate: { lt: \""+beforeDate+"\" }";};var AUTHORS_CONDITION=function AUTHORS_CONDITION(authors){if(!authors||!authors.length){return '';}return "or: [\n          { owner: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n          { onBehalfOf: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n        ]";};gql(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"],["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"])));gql(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"],["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"])));var templateObject_2$5$1,templateObject_3$2$1;var EditorListItem=function EditorListItem(props){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var itemDomRef=React$d.useRef();var webAppUrl=useConfiguration().webAppUrl;if(props.language==null){return null;}var item=props.item;var className=classNames(props.className,'editor-list-item',{'editor-list-item-rejected ms-borderColor-red':item.status===WorkflowStatus.rejected&&isCurrentUserItemOwner()},{'editor-list-item-selected ms-fontColor-onSecondary ms-bgColor-themeSecondary':props.isSelected},{'ms-bgColor-white':!props.isSelected},{'editor-list-item--highlighted':props.highlighted});return jsxRuntime.jsxs(ListItem,__assign({className:className,"data-item-is-published":props.isPublishedItem,"data-is-focusable":true,"data-item-is-selected":props.isSelected,"data-item-id":item.id,ref:itemDomRef},{children:[props.useExternalLink?jsxRuntime.jsx(ExternalLink,__assign({href:""+webAppUrl+props.basePath+"/"+item.id+"/"+props.language,className:"editor-list-content",target:"_blank",rel:"noopener noreferrer",onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());}},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0):jsxRuntime.jsx(Content$9,__assign({to:props.basePath+"/"+item.id+"/"+props.language,onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());},className:"editor-list-content"},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0),jsxRuntime.jsxs(Options,{children:[props.allowSelection&&jsxRuntime.jsx(SelectedIconOption,{children:jsxRuntime.jsx(SelectedIcon,{"data-item-select":true,iconProps:{iconName:'CompletedSolid'},ariaLabel:formatMessage({id:'AriaLabel.editor.selectItemButton'}),onClick:toggleSelect,isTouch:env.isTouchDevice,isSelected:props.isSelected,className:classNames('ms-fontColor-neutralTertiary',{'ms-fontColor-themeDarkAlt':props.isSelected})},void 0)},void 0),jsxRuntime.jsx(StatusOption,{status:item.status,isActive:props.isSelected},void 0),jsxRuntime.jsx(Option,__assign({className:"editor-list-persona"},{children:item.owner&&jsxRuntime.jsx(Avatar,{upn:item.owner.userPrincipalName,size:officeUiFabricReact.PersonaSize.size48,text:props.item.owner.displayName,hidePersonaDetails:true},void 0)}),void 0)]},void 0)]}),void 0);function isCurrentUserItemOwner(){return props.item.owner&&props.item.owner.userPrincipalName===user.userPrincipalName;}function getTitle(){var title=props.item.contents[props.language].title;return title==null||title.trim().length===0?"<"+formatMessage({id:'Generic.noTitle'})+">":title;}function toggleSelect(){props.onSelect(props.item,!props.isSelected);}};var EditorItemTitle=_styled__default["default"].h2.withConfig({displayName:"EditorListItem__EditorItemTitle",componentId:"sc-zoqzrc-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"],["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"])));var SelectedIcon=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"EditorListItem__SelectedIcon",componentId:"sc-zoqzrc-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"],["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"])),function(p){return p.isSelected?1:p.isTouch?0.1:0;});var ListItem=_styled__default["default"].div.withConfig({displayName:"EditorListItem__ListItem",componentId:"sc-zoqzrc-2"})(templateObject_3$1$1||(templateObject_3$1$1=__makeTemplateObject(["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"],["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"])),CardBorderInline(2,2),function(p){return p.theme.textColors.default;},SelectedIcon);var Options=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Options",componentId:"sc-zoqzrc-3"})(templateObject_4$1$1||(templateObject_4$1$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"])));var Option=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Option",componentId:"sc-zoqzrc-4"})(templateObject_5$1$1||(templateObject_5$1$1=__makeTemplateObject(["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"],["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"])));var SelectedIconOption=_styled__default["default"](Option).withConfig({displayName:"EditorListItem__SelectedIconOption",componentId:"sc-zoqzrc-5"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n  padding: 6px;\n"],["\n  padding: 6px;\n"])));var LinkStyle=_styled.css(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"],["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"])),spacingXs,spacingS,spacingS,spacingS,spacingS+6,spacingXs);var Content$9=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EditorListItem__Content",componentId:"sc-zoqzrc-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var ExternalLink=_styled__default["default"].a.withConfig({displayName:"EditorListItem__ExternalLink",componentId:"sc-zoqzrc-7"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var StatusOption=function StatusOption(_a){var _b=_a.status,status=_b===void 0?WorkflowStatus.draft:_b,isActive=_a.isActive;if(status===WorkflowStatus.deleted){return null;}return jsxRuntime.jsx(Option,{children:status===WorkflowStatus.approved?jsxRuntime.jsx("img",{style:{width:'20px'},alt:""},void 0):jsxRuntime.jsx(Tooltip,__assign({resourceKey:'EditorList.'+status||WorkflowStatus.draft},{children:jsxRuntime.jsx(StateIcon,{status:status||WorkflowStatus.draft,width:20,isActive:isActive},void 0)}),void 0)},void 0);};var templateObject_1$6$1,templateObject_2$4$1,templateObject_3$1$1,templateObject_4$1$1,templateObject_5$1$1,templateObject_6$s,templateObject_7$m,templateObject_8$k,templateObject_9$f;var NewsEditorItem=function NewsEditorItem(_a){var title=_a.title,item=_a.item,isSelected=_a.isSelected;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EditorItemTitle,__assign({className:classNames({'ms-fontColor-onSecondary':isSelected})},{children:title}),void 0),jsxRuntime.jsx(DateInfo,__assign({className:classNames('ms-fontSize-m',{'ms-fontColor-onSecondary':isSelected})},{children:jsxRuntime.jsx(MetaInfo$1,{dateMode:DateMode.Published,item:item,expiryDate:item.expiryDate,channels:item.channels,readOnly:true,showChannels:true,hideAvatar:true,hideDisplayName:true},void 0)}),void 0)]},void 0);};var MetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsEditorItem__MetaInfo",componentId:"sc-1kz3wt0-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"],["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"])));var DateInfo=_styled__default["default"].div.withConfig({displayName:"NewsEditorItem__DateInfo",componentId:"sc-1kz3wt0-1"})(templateObject_2$3$1||(templateObject_2$3$1=__makeTemplateObject(["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"],["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"])));var templateObject_1$5$1,templateObject_2$3$1;var EventDates=_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDates",componentId:"sc-1irp2hc-0"})(templateObject_1$4$1||(templateObject_1$4$1=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"])),spacingS,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EmptyEventDates",componentId:"sc-1irp2hc-1"})(templateObject_2$2$1||(templateObject_2$2$1=__makeTemplateObject(["\n  font-style: italic;\n"],["\n  font-style: italic;\n"])));_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDateAndRecurrenceInfo",componentId:"sc-1irp2hc-2"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventEditorItem__RecurrenceSeriesInfo",componentId:"sc-1irp2hc-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);_styled__default["default"](EventDates).withConfig({displayName:"EventEditorItem__DatesInfo",componentId:"sc-1irp2hc-4"})(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n  margin-right: ","px;\n"],["\n  margin-right: ","px;\n"])),spacingM);var templateObject_1$4$1,templateObject_2$2$1,templateObject_3$13,templateObject_4$K,templateObject_5$D;var CreateNewItemButton=function CreateNewItemButton(_a){var type=_a.type,groupId=_a.groupId,onClick=_a.onClick,className=_a.className;var baseRoute=useBaseRoute();var history=ReactRouterDom.useHistory();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var intl=useIntl();var user=useCurrentUser();var hasSelectedGroup=!!groupId;var groups=getGroupItems();if(hasSelectedGroup||groups.length===1){return jsxRuntime.jsx(StyledPrimaryButton,__assign({iconProps:{iconName:'AddTo'},onClick:function(){return handleOnClick(hasSelectedGroup?undefined:groups[0].key);},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);}if(!groups.length){return null;}return jsxRuntime.jsx(MenuButton,__assign({iconProps:{iconName:'AddTo'},menuProps:{items:groups,calloutProps:{calloutMaxWidth:300},className:'lt-reach-callout'},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);function getGroupItems(){return getGroupsWithExplicitMinRole(GroupRoles.Author,user).map(function(g){return {key:g.id,onClick:function(){return handleOnClick(g.id);},text:getGroupName(g,user,intl)};});}function openEditor(id){history.push(buildPath("/editor/"+type+"/groups/"+id+"/new"));}function handleOnClick(id){if(onClick){onClick(groupId||id);}else {hasSelectedGroup?history.push(baseRoute+"/new"):openEditor(id);}}};var MenuButton=_styled__default["default"](officeUiFabricReact.CommandBarButton).withConfig({displayName:"CreateNewItemButton__MenuButton",componentId:"sc-18o74g9-0"})(templateObject_1$3$1||(templateObject_1$3$1=__makeTemplateObject(["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),function(p){return p.theme.semanticColors.primaryButtonBackground;},function(p){return p.theme.semanticColors.primaryButtonBackgroundHovered;},function(p){return p.theme.semanticColors.primaryButtonTextHovered;},function(p){return p.theme.semanticColors.primaryButtonText;},spacingS,spacingS);var StyledPrimaryButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"CreateNewItemButton__StyledPrimaryButton",componentId:"sc-18o74g9-1"})(templateObject_2$1$1||(templateObject_2$1$1=__makeTemplateObject(["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),spacingS,spacingS);var templateObject_1$3$1,templateObject_2$1$1;function useEditorApi(){var api=useApi();var fetchFromApi=useApiFactory().fetchFromApi;var sendBeacon=useBeaconHandler();var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {cloneItem:cloneItem,getDeletedItems:getDeletedItems,getVersion:getVersion,getVersions:getVersions,deleteDraft:deleteDraft,deleteRange:deleteRange,deletePermanently:deletePermanently,bulkSetStatus:bulkSetStatus,setStatus:setStatus,removeLease:removeLease,keepLeaseAlive:keepLeaseAlive,saveItem:saveItem,updateGroups:updateGroups,translateContent:translateContent};function translateContent(itemId,translateFrom,translateTo){return api.all("editor/news/"+itemId+"/contents/"+translateFrom+"/translations?"+queryString.stringify({languages:translateTo})).getAll().then(function(response){return response.body(false);});}function updateGroups(itemType,itemId,groupIds){return api.custom("editor/"+itemType+"/"+itemId+"/groups").put(groupIds).then(function(response){return response.body().data();});}function cloneItem(itemType,itemId){return api.all("editor/"+itemType+"?"+queryString.stringify({cloneFromItem:itemId})).post({}).then(function(response){return response.body().data();});}function getDeletedItems(type,filter,token){var _a;var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token,pageSize:30});return api.all("editor/"+type+"/recyclebin").get('',params).then(function(res){return res.body().data();});}function getVersions(type,itemId){return from(api.all("editor/"+type+"/"+itemId+"/versions").getAll()).pipe(map(function(response){return response.body().map(function(group){return group.data();});}));}function getVersion(type,itemId,versionId){return api.all("editor/"+type+"/"+itemId+"/versions").get(versionId).then(function(response){return response.body().data();});}function deleteDraft(leaseId,itemId,type){var url="editor/"+type+"/"+itemId+"/draft";if(leaseId){url+="?leaseId="+leaseId;}return api.custom(url).delete();}function deleteRange(type,ids){var data=ids.map(function(id){return {id:id,status:WorkflowStatus.deleted};});return api.custom("editor/"+type).patch(data).then(function(response){return response.body().map(function(item){return item.data();});}).catch(function(){// set null as a result in case of error
 	return null;});}function deletePermanently(type,ids){var itemIds=ids.join(',');return api.custom("editor/"+type+"/recyclebin?"+queryString.stringify({itemIds:itemIds})).delete();}function bulkSetStatus(type,items){return api.custom("editor/"+type).patch(items).then(function(response){return response.body().map(function(item){return item.data();});});}function setStatus(type,itemId,status,leaseId){return __awaiter(this,void 0,void 0,function(){var path,response,ex_1;return __generator(this,function(_a){switch(_a.label){case 0:path="editor/"+type+"/"+itemId+"/status";if(leaseId!=null){path+='?'+queryString.stringify({leaseId:leaseId});}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,api.custom(path).put(status)];case 2:response=_a.sent();return [2/*return*/,response.body().data()];case 3:ex_1=_a.sent();throw ex_1.response.statusCode===409?{account:ex_1.response.data}:ex_1;case 4:return [2/*return*/];}});});}function removeLease(itemId,leaseId){return api.custom("editor/"+itemId+"/lease?"+queryString.stringify({leaseId:leaseId})).delete();}function keepLeaseAlive(itemId,leaseId,token,subscriptionId){var _this=this;var expireLeaseToken=token;// every 10 seconds
 	var timer=setInterval(function(){return __awaiter(_this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:// update the lease
 	return [4/*yield*/,api.custom("editor/"+itemId+"/lease").put({leaseId:leaseId})];case 1:// update the lease
 	_a.sent();return [4/*yield*/,onRequestToken()];case 2:// renew the access token
 	expireLeaseToken=_a.sent();return [2/*return*/];}});});},1000*10);return {cancel:function(){return clearInterval(timer);},destroy:function(){clearInterval(timer);sendBeacon("/editor/"+itemId+"/lease/delete",expireLeaseToken,subscriptionId,{leaseId:leaseId});}};}function saveItem(subscriptionId,type,item,createLease){if(createLease===void 0){createLease=true;}return from(onRequestToken()).pipe(switchMap(function(token){var config={method:item.id==null?'POST':'PUT',body:JSON.stringify(item),headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId,'Content-Type':'application/json'}};var basePath=type?'/editor/'+type:'/editor';var path=item.id==null?basePath:basePath+"/"+item.id;// note (sl): use custom fetch, since post/put with query string is annoying to build with restful.js
-	return fetchFromApi(path+"?createLease="+createLease.toString(),config);}),switchMap(function(response){if(response.status===409){return new Promise(function(_,reject){return response.json().then(function(account){if(account.userPrincipalName!=null){reject({account:account});}else {reject({status:response.status,error:response.statusText});}});});}else if(response.ok){return from(response.json());}else {return throwError({status:response.status,error:response.statusText});}}));}},[onRequestToken,api,fetchFromApi,sendBeacon]);}function useNewsEditorApi(){var api=useApi();var saveItem=useEditorApi().saveItem;return React$d.useMemo(function(){return {getNews:getNews,unpublish:unpublish,save:save};function getNews(newsId){return __awaiter(this,void 0,void 0,function(){var response,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,api.all('editor/news').get(newsId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();if(error_1.response&&error_1.response.statusCode===404){return [2/*return*/,null];}else {throw error_1;}case 4:return [2/*return*/];}});});}function unpublish(id,leaseId){var path=leaseId?"news/"+id+"?"+queryString.stringify({leaseId:leaseId}):"news/"+id;return from(api.custom(path).delete());}function save(item,subscriptionId){if(item.id==null){item.source='Condense';}return saveItem(subscriptionId,ItemResourceTypes.News,item);}},[api,saveItem]);}_styled__default["default"].div.withConfig({displayName:"GlobalSearchButton__Host",componentId:"sc-1c5dmlm-0"})(templateObject_1$2$1||(templateObject_1$2$1=__makeTemplateObject(["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"],["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"])),spacingM);var templateObject_1$2$1;_styled__default["default"].article.withConfig({displayName:"StreamList__Host",componentId:"sc-1rdkc01-0"})(templateObject_2$1A||(templateObject_2$1A=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"],["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"])),spacingM,function(p){return p.highlight&&_styled.css(templateObject_1$1$1||(templateObject_1$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "],["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])),spacingXs,p.theme.palette.accent);});var templateObject_1$1$1,templateObject_2$1A;function useNewsStreamDataLoader(filter){var _this=this;var client=useApolloClient();var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;return function(take,skip){return __awaiter(_this,void 0,void 0,function(){var variables,result,stream;var _a,_b,_c,_d;return __generator(this,function(_e){switch(_e.label){case 0:variables={take:take,skip:skip!==null&&skip!==void 0?skip:0};return [4/*yield*/,client.query({query:NEWS_QUERY(false,"\n            "+CHANNELS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.channels,channels)+"\n            "+KEYWORDS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.keywords)+"\n            "+OWNER_CONDITION(filter===null||filter===void 0?void 0:filter.owner)+"\n            "+PUBLISHING_DATE_CONDITION(filter===null||filter===void 0?void 0:filter.beforeDate,filter===null||filter===void 0?void 0:filter.afterDate)+"\n            "+AUTHORS_CONDITION(filter===null||filter===void 0?void 0:filter.authors)+"\n        "),fetchPolicy:'no-cache',variables:variables})];case 1:result=_e.sent();if(((_a=result===null||result===void 0?void 0:result.errors)===null||_a===void 0?void 0:_a.length)>0){logger.error(result.errors[0]);throw result.errors[0];}stream=(_b=result===null||result===void 0?void 0:result.data)===null||_b===void 0?void 0:_b.stream;return [2/*return*/,{items:convertProperties((_c=stream===null||stream===void 0?void 0:stream.items)!==null&&_c!==void 0?_c:[],user,channels),hasNextPage:(_d=stream===null||stream===void 0?void 0:stream.pageInfo)===null||_d===void 0?void 0:_d.hasNextPage,paginationToken:(skip!==null&&skip!==void 0?skip:0)+take}];}});});};}var NEWS_QUERY=function NEWS_QUERY(includeAllItems,whereConditions){if(whereConditions===void 0){whereConditions='';}return gql(templateObject_1$2o||(templateObject_1$2o=__makeTemplateObject(["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "],["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "])),includeAllItems,whereConditions);};var templateObject_1$2o;
+	return fetchFromApi(path+"?createLease="+createLease.toString(),config);}),switchMap(function(response){if(response.status===409){return new Promise(function(_,reject){return response.json().then(function(account){if(account.userPrincipalName!=null){reject({account:account});}else {reject({status:response.status,error:response.statusText});}});});}else if(response.ok){return from(response.json());}else {return throwError({status:response.status,error:response.statusText});}}));}},[onRequestToken,api,fetchFromApi,sendBeacon]);}function useNewsEditorApi(){var api=useApi();var saveItem=useEditorApi().saveItem;return React$d.useMemo(function(){return {getNews:getNews,unpublish:unpublish,save:save};function getNews(newsId){return __awaiter(this,void 0,void 0,function(){var response,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,api.all('editor/news').get(newsId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();if(error_1.response&&error_1.response.statusCode===404){return [2/*return*/,null];}else {throw error_1;}case 4:return [2/*return*/];}});});}function unpublish(id,leaseId){var path=leaseId?"news/"+id+"?"+queryString.stringify({leaseId:leaseId}):"news/"+id;return from(api.custom(path).delete());}function save(item,subscriptionId){if(item.id==null){item.source='Condense';}return saveItem(subscriptionId,ItemResourceTypes.News,item);}},[api,saveItem]);}_styled__default["default"].div.withConfig({displayName:"GlobalSearchButton__Host",componentId:"sc-1c5dmlm-0"})(templateObject_1$2$1||(templateObject_1$2$1=__makeTemplateObject(["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"],["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"])),spacingM);var templateObject_1$2$1;_styled__default["default"].article.withConfig({displayName:"StreamList__Host",componentId:"sc-1rdkc01-0"})(templateObject_2$1A||(templateObject_2$1A=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"],["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"])),spacingM,function(p){return p.highlight&&_styled.css(templateObject_1$1$1||(templateObject_1$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "],["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])),spacingXs,p.theme.palette.accent);});var templateObject_1$1$1,templateObject_2$1A;function useNewsStreamDataLoader(filter){var _this=this;var client=useApolloClient();var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;return function(take,skip){return __awaiter(_this,void 0,void 0,function(){var variables,result,stream;var _a,_b,_c,_d,_e,_f;return __generator(this,function(_g){switch(_g.label){case 0:variables={take:take,skip:skip!==null&&skip!==void 0?skip:0};return [4/*yield*/,client.query({query:NEWS_QUERY(false,"\n            "+CHANNELS_CONDITION((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items,channels,(_b=filter===null||filter===void 0?void 0:filter.channels)===null||_b===void 0?void 0:_b.operator)+"\n            "+KEYWORDS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.keywords)+"\n            "+OWNER_CONDITION(filter===null||filter===void 0?void 0:filter.owner)+"\n            "+PUBLISHING_DATE_CONDITION(filter===null||filter===void 0?void 0:filter.beforeDate,filter===null||filter===void 0?void 0:filter.afterDate)+"\n            "+AUTHORS_CONDITION(filter===null||filter===void 0?void 0:filter.authors)+"\n        "),fetchPolicy:'no-cache',variables:variables})];case 1:result=_g.sent();if(((_c=result===null||result===void 0?void 0:result.errors)===null||_c===void 0?void 0:_c.length)>0){logger.error(result.errors[0]);throw result.errors[0];}stream=(_d=result===null||result===void 0?void 0:result.data)===null||_d===void 0?void 0:_d.stream;return [2/*return*/,{items:convertProperties((_e=stream===null||stream===void 0?void 0:stream.items)!==null&&_e!==void 0?_e:[],user,channels),hasNextPage:(_f=stream===null||stream===void 0?void 0:stream.pageInfo)===null||_f===void 0?void 0:_f.hasNextPage,paginationToken:(skip!==null&&skip!==void 0?skip:0)+take}];}});});};}var NEWS_QUERY=function NEWS_QUERY(includeAllItems,whereConditions){if(whereConditions===void 0){whereConditions='';}return gql(templateObject_1$2o||(templateObject_1$2o=__makeTemplateObject(["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "],["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "])),includeAllItems,whereConditions);};var templateObject_1$2o;
 
 	var PublishableItemDetailViewContainer = function PublishableItemDetailViewContainer(_a) {
 	  var preventExternalContentAutoRedirect = _a.preventExternalContentAutoRedirect,
@@ -131797,9 +131797,9 @@
 	var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
 	  displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
 	  componentId: "sc-1v9a7tf-0"
-	})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
+	})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
 
-	var templateObject_1$s;
+	var templateObject_1$t;
 
 	var NewsItemContextProvider = function NewsItemContextProvider(_a) {
 	  var itemId = _a.itemId,
@@ -131905,9 +131905,9 @@
 	var Host$h = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetail__Host",
 	  componentId: "sc-6rz5th-0"
-	})(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$r;
+	var templateObject_1$s;
 
 	var anObject$2 = anObject$v;
 
@@ -132306,11 +132306,11 @@
 	    }, void 0)]
 	  }, void 0);
 	};
-	var Host$g = _styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l(["\n  && {\n    margin-top: ", "px;\n  }\n"], ["\n  && {\n    margin-top: ", "px;\n  }\n"])), spacingXs);
-	var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
+	var Host$g = _styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$l(["\n  && {\n    margin-top: ", "px;\n  }\n"], ["\n  && {\n    margin-top: ", "px;\n  }\n"])), spacingXs);
+	var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$q, templateObject_2$g;
+	var templateObject_1$r, templateObject_2$h;
 
 	var PageDetail = function PageDetail(props) {
 	  var routeMatch = ReactRouterDom.useRouteMatch();
@@ -132404,12 +132404,12 @@
 	var Host$f = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__Host",
 	  componentId: "sc-22rpk8-0"
-	})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l([""], [""])));
 
 	var PageHeader = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__PageHeader",
 	  componentId: "sc-22rpk8-1"
-	})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
+	})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
 
 	var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132481,7 +132481,7 @@
 	  return jsxRuntime.jsx(InlinePageList, {}, void 0);
 	};
 
-	var templateObject_1$p, templateObject_2$f, templateObject_3$e, templateObject_4$c, templateObject_5$9;
+	var templateObject_1$q, templateObject_2$g, templateObject_3$e, templateObject_4$c, templateObject_5$9;
 
 	var EventDetail = function EventDetail(_a) {
 	  var itemId = _a.itemId,
@@ -132549,12 +132549,12 @@
 	var Host$e = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__Host",
 	  componentId: "sc-hrm4yl-0"
-	})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
 
 	var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__EventDateAndRecurrenceInfo",
 	  componentId: "sc-hrm4yl-1"
-	})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+	})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
 
 	var DatesInfo = _styled__default["default"](EventDetailViewDatesInfo).withConfig({
 	  displayName: "EventDetail__DatesInfo",
@@ -132568,7 +132568,7 @@
 	  return p.theme.textColors.default;
 	}, spacingM);
 
-	var templateObject_1$o, templateObject_2$e, templateObject_3$d, templateObject_4$b;
+	var templateObject_1$p, templateObject_2$f, templateObject_3$d, templateObject_4$b;
 
 	function useNewsItemClickHandler() {
 	  var user = useCurrentUserContext().user;
@@ -132757,11 +132757,11 @@
 	var Host$d = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Host",
 	  componentId: "sc-16ovog0-0"
-	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
+	})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
 	  return p.theme.palette.white;
 	});
 
-	var TextStyle = _styled.css(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
+	var TextStyle = _styled.css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
 
 	var Inner$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Inner",
@@ -132855,7 +132855,7 @@
 	  });
 	});
 
-	var templateObject_1$n, templateObject_2$d, templateObject_3$c, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
+	var templateObject_1$o, templateObject_2$e, templateObject_3$c, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
 
 	var EmptyNewsList = function EmptyNewsList() {
 	  return jsxRuntime.jsxs(Host$c, {
@@ -132872,19 +132872,19 @@
 	var Host$c = _styled__default["default"].div.withConfig({
 	  displayName: "EmptyNewsList__Host",
 	  componentId: "sc-11ktr8s-0"
-	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
+	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
 
 	var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "EmptyNewsList__StyledIcon",
 	  componentId: "sc-11ktr8s-1"
-	})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
+	})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
 
 	var Message = _styled__default["default"].p.withConfig({
 	  displayName: "EmptyNewsList__Message",
 	  componentId: "sc-11ktr8s-2"
 	})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$l(["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"], ["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"])));
 
-	var templateObject_1$m, templateObject_2$c, templateObject_3$b;
+	var templateObject_1$n, templateObject_2$d, templateObject_3$b;
 
 	exports.ItemLayoutMode = void 0;
 
@@ -133050,12 +133050,12 @@
 	var Host$b = _styled__default["default"].div.withConfig({
 	  displayName: "NewsList__Host",
 	  componentId: "sc-1d0bzx1-0"
-	})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l([""], [""])));
 
 	var CompactList = _styled__default["default"].ul.withConfig({
 	  displayName: "NewsList__CompactList",
 	  componentId: "sc-1d0bzx1-1"
-	})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
+	})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
 
 	var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
 	  displayName: "NewsList__StyledNewsItemTile",
@@ -133090,7 +133090,7 @@
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$l, templateObject_2$b, templateObject_3$a, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$3;
+	var templateObject_1$m, templateObject_2$c, templateObject_3$a, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$3;
 
 	var ManageChannels = function ManageChannels(_a) {
 	  var className = _a.className;
@@ -133256,12 +133256,12 @@
 	var Host$a = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__Host",
 	  componentId: "sc-yyoxfw-0"
-	})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
+	})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
 
 	var Title$2 = _styled__default["default"].h3.withConfig({
 	  displayName: "ManageChannels__Title",
 	  componentId: "sc-yyoxfw-1"
-	})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+	})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 
 	var Description = _styled__default["default"].span.withConfig({
 	  displayName: "ManageChannels__Description",
@@ -133329,7 +133329,7 @@
 	  return p.theme.textColors.default;
 	});
 
-	var templateObject_1$k, templateObject_2$a, templateObject_3$9, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$2, templateObject_8$2;
+	var templateObject_1$l, templateObject_2$b, templateObject_3$9, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$2, templateObject_8$2;
 
 	var NewsGridCard = function NewsGridCard(_a) {
 	  var _b;
@@ -133436,8 +133436,8 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title);
 	  }
 	};
-	var Host$9 = _styled__default["default"].div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"])), function (p) {
-	  return p.showHighlight && _styled.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
+	var Host$9 = _styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"])), function (p) {
+	  return p.showHighlight && _styled.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
 	});
 	var BannerHighlightStyle = _styled.css(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"], ["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"])), spacingXs, function (p) {
 	  return p.theme.palette.accent;
@@ -133464,7 +133464,7 @@
 	  return p.theme.palette.neutralTertiary;
 	});
 	var StyledChannels$1 = _styled__default["default"](ChannelList$1)(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject$l(["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"], ["\n  margin-top: ", "px;\n  margin-bottom: ", "px;\n"])), spacingS, spacingM);
-	var templateObject_1$j, templateObject_2$9, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
+	var templateObject_1$k, templateObject_2$a, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
 
 	var ErrorContainer = function ErrorContainer() {
 	  return jsxRuntime.jsx(Host$8, {
@@ -133477,11 +133477,11 @@
 	var Host$8 = _styled__default["default"].p.withConfig({
 	  displayName: "ErrorContainer__Host",
 	  componentId: "sc-499uwc-0"
-	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
+	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$i;
+	var templateObject_1$j;
 
 	var NewsGrid = function NewsGrid(_a) {
 	  var filter = _a.filter,
@@ -133568,13 +133568,13 @@
 	var Host$7 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Host",
 	  componentId: "sc-8ugpfz-0"
-	})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l([""], [""])));
 
 	var Inner$1 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Inner",
 	  componentId: "sc-8ugpfz-1"
 	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
-	  return _styled.css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+	  return _styled.css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
 	});
 
 	_styled__default["default"](NewsGridCard).withConfig({
@@ -133584,7 +133584,7 @@
 	  return _styled.css(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
 	});
 
-	var templateObject_1$h, templateObject_2$8, templateObject_3$7, templateObject_4$6, templateObject_5$4;
+	var templateObject_1$i, templateObject_2$9, templateObject_3$7, templateObject_4$6, templateObject_5$4;
 
 	var HeroSlide = function HeroSlide(_a) {
 	  var item = _a.item,
@@ -133729,7 +133729,7 @@
 	  displayName: "HeroSlide__Host",
 	  componentId: "sc-3yofth-0"
 	})(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n  position: relative;\n\n  ", "\n\n  ", "\n  \n    ", "\n  \n    ", "\n"], ["\n  position: relative;\n\n  ", "\n\n  ", "\n  \n    ", "\n  \n    ", "\n"])), function (p) {
-	  return p.width ? _styled.css(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
+	  return p.width ? _styled.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
 	}, function (p) {
 	  return p.height ? _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
 	}, function (p) {
@@ -133849,7 +133849,7 @@
 	  return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
-	var templateObject_1$g, templateObject_2$7, templateObject_3$6, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
+	var templateObject_1$h, templateObject_2$8, templateObject_3$6, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
 
 	var HeroPaging = function HeroPaging(_a) {
 	  var items = _a.items,
@@ -133970,12 +133970,12 @@
 	var PagingHost = _styled__default["default"].div.withConfig({
 	  displayName: "HeroPaging__PagingHost",
 	  componentId: "sc-1y3j8qb-0"
-	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 
 	var Paging = _styled__default["default"].ul.withConfig({
 	  displayName: "HeroPaging__Paging",
 	  componentId: "sc-1y3j8qb-1"
-	})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"], ["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"])), spacingM);
+	})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"], ["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"])), spacingM);
 
 	var PagingItem = _styled__default["default"].li.withConfig({
 	  displayName: "HeroPaging__PagingItem",
@@ -133996,7 +133996,7 @@
 	  componentId: "sc-1y3j8qb-4"
 	})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"], ["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"])));
 
-	var templateObject_1$f, templateObject_2$6, templateObject_3$5, templateObject_4$4, templateObject_5$2, templateObject_6$2;
+	var templateObject_1$g, templateObject_2$7, templateObject_3$5, templateObject_4$4, templateObject_5$2, templateObject_6$2;
 
 	var Hero = function Hero(_a) {
 	  var items = _a.items,
@@ -134063,11 +134063,13 @@
 	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
 	  displayName: "Hero__StyledCarousel",
 	  componentId: "sc-55ys37-0"
-	})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"], ["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"])), spacingL, spacingL);
+	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"], ["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"])), spacingL, spacingL);
 
-	var templateObject_1$e;
+	var templateObject_1$f;
 
 	var NewsHero = function NewsHero(_a) {
+	  var _b;
+
 	  var filter = _a.filter,
 	      disableAutoplay = _a.disableAutoplay,
 	      autoplayInterval = _a.autoplayInterval,
@@ -134077,15 +134079,21 @@
 	  var defaultPageSize = 5;
 	  var webAppUrl = useSubscriptionWebAppUrl();
 	  var buildPath = useSubscriptionHandlePathBuilder().buildPath;
-	  var dataLoader = useNewsStreamDataLoader(filter);
+	  var dataLoader = useNewsStreamDataLoader(filter && {
+	    channels: {
+	      items: filter.channels
+	    },
+	    keywords: filter.keywords,
+	    pageSize: (_b = filter.pageSize) !== null && _b !== void 0 ? _b : defaultPageSize
+	  });
 
-	  var _b = usePromise$2(loadNewsItems),
-	      items = _b[0],
-	      isLoading = _b[1];
+	  var _c = usePromise$2(loadNewsItems),
+	      items = _c[0],
+	      isLoading = _c[1];
 
-	  var _c = React$d.useContext(ThemeContext$1).theme,
-	      palette = _c.palette,
-	      textColors = _c.textColors;
+	  var _d = React$d.useContext(ThemeContext$1).theme,
+	      palette = _d.palette,
+	      textColors = _d.textColors;
 	  var user = useCurrentUserContext().user;
 	  var userLanguage = getPreferredContentLanguage(user);
 	  var formatMessage = useIntl().formatMessage;
@@ -134197,9 +134205,9 @@
 	var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
 	  displayName: "NewsHero__StyledChannels",
 	  componentId: "sc-i9ar0j-0"
-	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
+	})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
 
-	var templateObject_1$d;
+	var templateObject_1$e;
 
 	// a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
@@ -134367,7 +134375,7 @@
 	var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
 	  displayName: "GroupsDropdown__StyledDropdown",
 	  componentId: "sc-cmsnyu-0"
-	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"], ["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
+	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"], ["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
 	  return p.theme.textColors.onAccent;
 	}, function (p) {
 	  return p.theme.palette.accent;
@@ -134378,7 +134386,7 @@
 	var DropdownOption = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__DropdownOption",
 	  componentId: "sc-cmsnyu-1"
-	})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
+	})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
 
 	var Title = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__Title",
@@ -134387,7 +134395,7 @@
 
 	var GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"], ["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"])), spacingS);
 
-	var templateObject_1$c, templateObject_2$5, templateObject_3$4, templateObject_4$3;
+	var templateObject_1$d, templateObject_2$6, templateObject_3$4, templateObject_4$3;
 
 	var TaskButton = function TaskButton(_a) {
 	  var count = _a.count,
@@ -134429,9 +134437,9 @@
 	var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "TaskButton__ToggleButton",
 	  componentId: "sc-8eylsw-0"
-	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"], ["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
+	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"], ["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
 
-	var templateObject_1$b;
+	var templateObject_1$c;
 
 	var TaskButtons = function TaskButtons(_a) {
 	  var type = _a.type,
@@ -134497,9 +134505,9 @@
 	var Host$5 = _styled__default["default"].div.withConfig({
 	  displayName: "TaskButtons__Host",
 	  componentId: "sc-sw0zei-0"
-	})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"])));
+	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"])));
 
-	var templateObject_1$a;
+	var templateObject_1$b;
 
 	var NewArticleButton = function NewArticleButton(_a) {
 	  var groupId = _a.groupId,
@@ -134641,12 +134649,12 @@
 	    }).length;
 	  }
 	};
-	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"], ["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"])), spacingXs);
+	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"], ["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"])), spacingXs);
 
 	var StyledEditorListItem = _styled__default["default"](EditorListItem).withConfig({
 	  displayName: "NewsEditorDashboard__StyledEditorListItem",
 	  componentId: "sc-vv9dzu-0"
-	})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS + 5);
+	})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS + 5);
 
 	var FiltersAndButtons = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__FiltersAndButtons",
@@ -134668,7 +134676,7 @@
 	  componentId: "sc-vv9dzu-4"
 	})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"])), spacingXs);
 
-	var templateObject_1$9, templateObject_2$4, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1;
+	var templateObject_1$a, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1;
 
 	// NOTE: This component exists in this project and not in the ui/common/toolbar because it uses DetailViewContext placed in feature/content/
 	// Also a generic component `ToolbarLanguageSelector` in ui/common/toolbar complicates the flow and requires some code duplication
@@ -134709,9 +134717,9 @@
 	var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
 	  displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
 	  componentId: "sc-1xe5l19-0"
-	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l(["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), fontSizeNormal);
+	})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), fontSizeNormal);
 
-	var templateObject_1$8;
+	var templateObject_1$9;
 
 	var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
 	  var onClick = _a.onClick;
@@ -134837,9 +134845,9 @@
 	var Host$4 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetailPreview__Host",
 	  componentId: "sc-17gmqax-0"
-	})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$7;
+	var templateObject_1$8;
 
 	var FilterContext = /*#__PURE__*/React$d.createContext(null);
 	var FilterContextProvider = function FilterContextProvider(_a) {
@@ -134873,9 +134881,9 @@
 	var Host$3 = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarFilterPanel__Host",
 	  componentId: "sc-118p488-0"
-	})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 
-	var templateObject_1$6;
+	var templateObject_1$7;
 
 	var ToolbarFilterCalloutButton = function ToolbarFilterCalloutButton(_a) {
 	  var buttonText = _a.buttonText,
@@ -134934,13 +134942,13 @@
 	var Host$2 = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarFilterCalloutButton__Host",
 	  componentId: "sc-fu36ma-0"
-	})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+	})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 
 	var Button = _styled__default["default"](ActionButton).withConfig({
 	  displayName: "ToolbarFilterCalloutButton__Button",
 	  componentId: "sc-fu36ma-1"
 	})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n  ", "\n  i {\n    order: 1;\n  }\n"], ["\n  ", "\n  i {\n    order: 1;\n  }\n"])), function (p) {
-	  return p.isActive && _styled.css(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
+	  return p.isActive && _styled.css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
 	});
 
 	var ClearFilterButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
@@ -134948,23 +134956,77 @@
 	  componentId: "sc-fu36ma-2"
 	})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l(["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"], ["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"])));
 
-	var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$1;
+	var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$1;
+
+	var FilterLogicalOperators = function FilterLogicalOperators(_a) {
+	  var onChange = _a.onChange,
+	      selectedKey = _a.selectedKey,
+	      ariaLabelResourceKey = _a.ariaLabelResourceKey;
+	  var formatMessage = useIntl().formatMessage;
+	  return jsxRuntime.jsx(StyledChoiceGroup, {
+	    options: [{
+	      key: 'and',
+	      text: formatMessage({
+	        id: 'Generic.and'
+	      }),
+	      onRenderField: function (props, render) {
+	        return jsxRuntime.jsx(Operator, {
+	          children: render(props)
+	        }, void 0);
+	      }
+	    }, {
+	      key: 'or',
+	      text: formatMessage({
+	        id: 'Generic.or'
+	      }),
+	      onRenderField: function (props, render) {
+	        return jsxRuntime.jsx(Operator, {
+	          children: render(props)
+	        }, void 0);
+	      }
+	    }],
+	    selectedKey: selectedKey || 'or',
+	    onChange: function (_, o) {
+	      return onChange(o.key);
+	    },
+	    styles: {
+	      flexContainer: {
+	        display: 'flex'
+	      }
+	    },
+	    "aria-label": ariaLabelResourceKey && formatMessage({
+	      id: ariaLabelResourceKey
+	    })
+	  }, void 0);
+	};
+
+	var StyledChoiceGroup = _styled__default["default"](ChoiceGroup).withConfig({
+	  displayName: "FilterLogicalOperators__StyledChoiceGroup",
+	  componentId: "sc-10bpjo8-0"
+	})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n\n  .ms-ChoiceField {\n    margin-right: ", "px;\n  }\n"], ["\n  margin-bottom: ", "px;\n\n  .ms-ChoiceField {\n    margin-right: ", "px;\n  }\n"])), spacingM, spacingM);
+
+	var Operator = _styled__default["default"].span.withConfig({
+	  displayName: "FilterLogicalOperators__Operator",
+	  componentId: "sc-10bpjo8-1"
+	})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n  text-transform: capitalize;\n"], ["\n  text-transform: capitalize;\n"])));
+
+	var templateObject_1$5, templateObject_2$3;
 
 	var ChannelFilter = function ChannelFilter(_a) {
-	  var _b, _c;
+	  var _b, _c, _d, _f, _g;
 
 	  var channels = _a.channels;
 	  var user = useCurrentUser();
 	  var formatMessage = useIntl().formatMessage;
 	  var allChannels = React$d.useContext(LazySubscriptionContext).channels;
 
-	  var _d = React$d.useContext(FilterContext),
-	      filter = _d.filter,
-	      onChange = _d.onChange;
+	  var _h = React$d.useContext(FilterContext),
+	      filter = _h.filter,
+	      onChange = _h.onChange;
 
-	  var _f = React$d.useState(''),
-	      channelSearchTerm = _f[0],
-	      setChannelSearchTerm = _f[1];
+	  var _j = React$d.useState(''),
+	      channelSearchTerm = _j[0],
+	      setChannelSearchTerm = _j[1];
 
 	  var availableChannels = (_b = channels === null || channels === void 0 ? void 0 : channels.map(function (c) {
 	    return allChannels.find(function (channel) {
@@ -134973,7 +135035,7 @@
 	  }).filter(function (c) {
 	    return !!c;
 	  })) !== null && _b !== void 0 ? _b : allChannels;
-	  var channelsFromFilter = (_c = filter === null || filter === void 0 ? void 0 : filter.channels) !== null && _c !== void 0 ? _c : [];
+	  var channelsFromFilter = (_d = (_c = filter === null || filter === void 0 ? void 0 : filter.channels) === null || _c === void 0 ? void 0 : _c.items) !== null && _d !== void 0 ? _d : [];
 	  var channelsLength = channelsFromFilter.length;
 	  return jsxRuntime.jsxs(ToolbarFilterCalloutButton, __assign$g({
 	    isActive: channelsLength > 0,
@@ -134983,7 +135045,11 @@
 	    }),
 	    buttonContent: getButtonContent()
 	  }, {
-	    children: [jsxRuntime.jsx(StyledTextField$1, {
+	    children: [jsxRuntime.jsx(FilterLogicalOperators, {
+	      selectedKey: (_g = (_f = filter === null || filter === void 0 ? void 0 : filter.channels) === null || _f === void 0 ? void 0 : _f.operator) === null || _g === void 0 ? void 0 : _g.toString(),
+	      onChange: handleOperatorChange,
+	      ariaLabelResourceKey: "Lib.channelFilter.choiceGroupLabel"
+	    }, void 0), jsxRuntime.jsx(StyledTextField$1, {
 	      placeholder: formatMessage({
 	        id: 'Generic.search'
 	      }),
@@ -135036,7 +135102,9 @@
 	      return c !== channel.name;
 	    });
 	    onChange(__assign$g(__assign$g({}, filter), {
-	      channels: newChannels
+	      channels: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.channels), {
+	        items: newChannels
+	      })
 	    }));
 	  }
 
@@ -135051,6 +135119,14 @@
 	      return c === channel.name;
 	    }) > -1;
 	  }
+
+	  function handleOperatorChange(operatorKey) {
+	    onChange(__assign$g(__assign$g({}, filter), {
+	      channels: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.channels), {
+	        operator: operatorKey === 'and' ? LogicalOperator.And : LogicalOperator.Or
+	      })
+	    }));
+	  }
 	};
 	var channelRowHeight = 36;
 	var visibleChannels = 8;
@@ -156017,6 +156093,7 @@
 	  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
 	  "Lib.newsList.noItems": "No News to show",
 	  "Lib.paging.goToFirstPage": "Go to first page",
+	  "Lib.channelFilter.choiceGroupLabel": "Select the logical operator for channels filter",
 	  "UserFeed.emptyList": "There are no feed items yet.",
 	  "UserFeed.allLoaded": "All feed items loaded.",
 	  "UserFeed.itemType.news": "News",