@livetiles/reach-components-react 0.4.0-preview.182 → 0.4.0-preview.184

package/index.umd.js

@@ -82382,11 +82382,11 @@
 	var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
 	  displayName: "IconHeaderButton__StyledLink",
 	  componentId: "sc-1p61ffo-2"
-	})(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ", ";\n  }\n"], ["\n  && {\n    height: 100%;\n    ", ";\n  }\n"])), function (p) {
-	  return _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
+	})(templateObject_6$6$2 || (templateObject_6$6$2 = __makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ", ";\n  }\n"], ["\n  && {\n    height: 100%;\n    ", ";\n  }\n"])), function (p) {
+	  return _styled.css(templateObject_5$8$2 || (templateObject_5$8$2 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
 	});
 
-	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
+	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$2, templateObject_6$6$2; // a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
 
 	var whitespaces$2$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
@@ -82786,7 +82786,7 @@
 	_styled__default["default"].span.withConfig({
 	  displayName: "SortableTable__Title",
 	  componentId: "sc-6tqdpa-1"
-	})(templateObject_4$a$1 || (templateObject_4$a$1 = __makeTemplateObject$1(["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"], ["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"])), function (p) {
+	})(templateObject_4$a$2 || (templateObject_4$a$2 = __makeTemplateObject$1(["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"], ["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"])), function (p) {
 	  return p.orderBy ? _styled.css(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n          padding-right: 18px;\n        "], ["\n          padding-right: 18px;\n        "]))) : _styled.css(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n          padding-left: 18px;\n        "], ["\n          padding-left: 18px;\n        "])));
 	});
 
@@ -82829,7 +82829,7 @@
 	  componentId: "sc-6tqdpa-6"
 	})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n  margin: 80px 0 100px;\n"], ["\n  margin: 80px 0 100px;\n"])));
 
-	var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
+	var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$2, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
 
 	var ToggleWithLabel = function ToggleWithLabel(props) {
 	  return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
@@ -83698,11 +83698,11 @@
 	_styled__default["default"].div.withConfig({
 	  displayName: "DragSource__Host",
 	  componentId: "sc-qzjyds-0"
-	})(templateObject_1$l$1 || (templateObject_1$l$1 = __makeTemplateObject$1(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (p) {
+	})(templateObject_1$l$2 || (templateObject_1$l$2 = __makeTemplateObject$1(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (p) {
 	  return p.theme.palette.neutralTertiaryAlt;
 	});
 
-	var templateObject_1$l$1;
+	var templateObject_1$l$2;
 
 	var EmojiButton = function EmojiButton(_a) {
 	  var onEmojiSelected = _a.onEmojiSelected,
@@ -83756,7 +83756,7 @@
 	var ButtonWrapper = _styled__default["default"].div.withConfig({
 	  displayName: "EmojiButton__ButtonWrapper",
 	  componentId: "sc-1eq2zlz-0"
-	})(templateObject_1$k$1 || (templateObject_1$k$1 = __makeTemplateObject$1([""], [""])));
+	})(templateObject_1$k$2 || (templateObject_1$k$2 = __makeTemplateObject$1([""], [""])));
 
 	var StyledCallout$2 = _styled__default["default"](Callout).withConfig({
 	  displayName: "EmojiButton__StyledCallout",
@@ -83786,11 +83786,11 @@
 	var EmojiPickerSuspenseHost = _styled__default["default"].div.withConfig({
 	  displayName: "EmojiButton__EmojiPickerSuspenseHost",
 	  componentId: "sc-1eq2zlz-2"
-	})(templateObject_3$b$1 || (templateObject_3$b$1 = __makeTemplateObject$1(["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"], ["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"])), function (p) {
+	})(templateObject_3$b$2 || (templateObject_3$b$2 = __makeTemplateObject$1(["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"], ["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"])), function (p) {
 	  return p.isSmaller ? 319 : 400;
 	});
 
-	var templateObject_1$k$1, templateObject_2$h$1, templateObject_3$b$1;
+	var templateObject_1$k$2, templateObject_2$h$1, templateObject_3$b$2;
 
 	var GiphyAttribution = function GiphyAttribution() {
 	  var env = useConfiguration();
@@ -84074,9 +84074,9 @@
 	var StyledAttachmentHost$1 = _styled__default["default"](AttachmentHost).withConfig({
 	  displayName: "GifEditList__StyledAttachmentHost",
 	  componentId: "sc-95dldh-1"
-	})(templateObject_2$c$1 || (templateObject_2$c$1 = __makeTemplateObject$1(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+	})(templateObject_2$c$2 || (templateObject_2$c$2 = __makeTemplateObject$1(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
 
-	var templateObject_1$e$2, templateObject_2$c$1;
+	var templateObject_1$e$2, templateObject_2$c$2;
 
 	var GifList = function GifList(_a) {
 	  var attachments = _a.attachments,
@@ -87304,9 +87304,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.182";
-	var buildId = "97985";
-	var commitId = "c4ce0087108c5ec9a1a0ba33ec39fba6a1e5a73b";
+	var version$1 = "0.4.0-preview.184";
+	var buildId = "98037";
+	var commitId = "d9da2ce7497afb02c295ec0f40ab902ac6c3ef14";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -131674,12 +131674,12 @@
 	// 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,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$O||(templateObject_1$O=__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$u||(templateObject_2$u=__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$m||(templateObject_3$m=__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||(templateObject_6$6=__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$O,templateObject_2$u,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,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$i,{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$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$N||(templateObject_1$N=__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$t||(templateObject_2$t=__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$N,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$M||(templateObject_1$M=__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$M;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$L||(templateObject_1$L=__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$l||(templateObject_3$l=__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$s||(templateObject_2$s=__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$L,templateObject_2$s,templateObject_3$l;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$K||(templateObject_1$K=__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$K;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$J||(templateObject_1$J=__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$J;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$I||(templateObject_1$I=__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$I;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$H||(templateObject_1$H=__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$H;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$G||(templateObject_1$G=__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$G;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$f,__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$f=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$F||(templateObject_1$F=__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$r||(templateObject_2$r=__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$k||(templateObject_3$k=__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||(templateObject_4$c=__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$F,templateObject_2$r,templateObject_3$k,templateObject_4$c,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$E||(templateObject_1$E=__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$E;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$D||(templateObject_1$D=__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$D;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$C||(templateObject_1$C=__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$C;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$B||(templateObject_1$B=__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$B;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e,{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$e=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$A||(templateObject_1$A=__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$A;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$d$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$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$z||(templateObject_1$z=__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$q||(templateObject_2$q=__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$z,templateObject_2$q;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$y||(templateObject_1$y=__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$y;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$x||(templateObject_1$x=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$x;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$w||(templateObject_1$w=__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$w;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$v||(templateObject_1$v=__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$v;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({},filter,{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']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$p||(templateObject_2$p=__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);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__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"])));_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||(templateObject_4$b=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});_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);_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$u,templateObject_2$p,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__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"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__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$t,templateObject_2$o,templateObject_3$i,templateObject_4$a,templateObject_5$9;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$O||(templateObject_1$O=__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$u||(templateObject_2$u=__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$m||(templateObject_3$m=__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$O,templateObject_2$u,templateObject_3$m,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$i,{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$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$N||(templateObject_1$N=__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$t||(templateObject_2$t=__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$N,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$M||(templateObject_1$M=__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$M;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$L||(templateObject_1$L=__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$l||(templateObject_3$l=__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$s||(templateObject_2$s=__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$L,templateObject_2$s,templateObject_3$l;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$K||(templateObject_1$K=__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$K;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$J||(templateObject_1$J=__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$J;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$I||(templateObject_1$I=__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$I;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$H||(templateObject_1$H=__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$H;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$G||(templateObject_1$G=__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$G;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$f,__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$f=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$F||(templateObject_1$F=__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$r||(templateObject_2$r=__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$k||(templateObject_3$k=__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||(templateObject_4$c=__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$F,templateObject_2$r,templateObject_3$k,templateObject_4$c,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$E||(templateObject_1$E=__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$E;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$D||(templateObject_1$D=__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$D;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$C||(templateObject_1$C=__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$C;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$B||(templateObject_1$B=__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$B;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e,{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$e=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$A||(templateObject_1$A=__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$A;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$d$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$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$z||(templateObject_1$z=__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$q||(templateObject_2$q=__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$z,templateObject_2$q;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$y||(templateObject_1$y=__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$y;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$x||(templateObject_1$x=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$x;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$w||(templateObject_1$w=__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$w;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$v||(templateObject_1$v=__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$v;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({},filter,{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']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$p||(templateObject_2$p=__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);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__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"])));_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||(templateObject_4$b=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});_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);_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$u,templateObject_2$p,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__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"])));_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"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__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$t,templateObject_2$o,templateObject_3$i,templateObject_4$a$1,templateObject_5$9;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$s||(templateObject_1$s=__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$n||(templateObject_2$n=__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$h||(templateObject_3$h=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$h;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$m||(templateObject_2$m=__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$r||(templateObject_1$r=__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$g||(templateObject_3$g=__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||(templateObject_5$8=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$r,templateObject_2$m,templateObject_3$g,templateObject_4$9$1,templateObject_5$8;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$l||(templateObject_2$l=__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$f||(templateObject_3$f=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$f;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$p||(templateObject_1$p=__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$k||(templateObject_2$k=__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$p,templateObject_2$k;_styled.createGlobalStyle(templateObject_1$o||(templateObject_1$o=__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"])));_styled.createGlobalStyle(templateObject_2$j||(templateObject_2$j=__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;});_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__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$o,templateObject_2$j,templateObject_3$e;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$n||(templateObject_1$n=__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$i||(templateObject_2$i=__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$d||(templateObject_3$d=__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$n,templateObject_2$i,templateObject_3$d;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$m||(templateObject_1$m=__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$m;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$l||(templateObject_1$l=__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$h||(templateObject_2$h=__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$l,templateObject_2$h;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$k||(templateObject_1$k=__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$g||(templateObject_2$g=__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$c||(templateObject_3$c=__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$k,templateObject_2$g,templateObject_3$c,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$j$1||(templateObject_1$j$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$f||(templateObject_2$f=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$j$1,templateObject_2$f;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$e||(templateObject_2$e=__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$b||(templateObject_3$b=__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$i$1,templateObject_2$e,templateObject_3$b,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
+	$$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$s||(templateObject_1$s=__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$n||(templateObject_2$n=__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$h||(templateObject_3$h=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$h;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$m||(templateObject_2$m=__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$r||(templateObject_1$r=__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$g||(templateObject_3$g=__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$r,templateObject_2$m,templateObject_3$g,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$l||(templateObject_2$l=__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$f||(templateObject_3$f=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$f;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$p||(templateObject_1$p=__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$k||(templateObject_2$k=__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$p,templateObject_2$k;_styled.createGlobalStyle(templateObject_1$o||(templateObject_1$o=__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"])));_styled.createGlobalStyle(templateObject_2$j||(templateObject_2$j=__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;});_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__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$o,templateObject_2$j,templateObject_3$e;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$n||(templateObject_1$n=__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$i||(templateObject_2$i=__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$d||(templateObject_3$d=__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$n,templateObject_2$i,templateObject_3$d;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$m||(templateObject_1$m=__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$m;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$l$1||(templateObject_1$l$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$h||(templateObject_2$h=__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$l$1,templateObject_2$h;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$k$1||(templateObject_1$k$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$g||(templateObject_2$g=__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$c||(templateObject_3$c=__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$k$1,templateObject_2$g,templateObject_3$c,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$j$1||(templateObject_1$j$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$f||(templateObject_2$f=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$j$1,templateObject_2$f;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$e||(templateObject_2$e=__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$b$1||(templateObject_3$b$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$i$1,templateObject_2$e,templateObject_3$b$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$d||(templateObject_2$d=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryFindHighlight(highlights,preferredLanguage){if(!highlights){return null;}return highlights.find(function(h){return h.language===preferredLanguage;})||highlights[0];}var templateObject_1$h$1,templateObject_2$d;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=tryFindHighlight((_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$g$1||(templateObject_1$g$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$c||(templateObject_2$c=__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$a$1||(templateObject_3$a$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$g$1,templateObject_2$c,templateObject_3$a$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$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$b$1||(templateObject_2$b$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$9$1||(templateObject_3$9$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$f$1,templateObject_2$b$1,templateObject_3$9$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$e$1||(templateObject_1$e$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$a$1||(templateObject_2$a$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$8$1||(templateObject_3$8$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$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$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$9$1||(templateObject_2$9$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$7$1||(templateObject_3$7$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$d$1,templateObject_2$9$1,templateObject_3$7$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
+	$$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$d||(templateObject_2$d=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryFindHighlight(highlights,preferredLanguage){if(!highlights){return null;}return highlights.find(function(h){return h.language===preferredLanguage;})||highlights[0];}var templateObject_1$h$1,templateObject_2$d;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=tryFindHighlight((_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$g$1||(templateObject_1$g$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$c$1||(templateObject_2$c$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$a$1||(templateObject_3$a$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$g$1,templateObject_2$c$1,templateObject_3$a$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$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$b$1||(templateObject_2$b$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$9$1||(templateObject_3$9$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$f$1,templateObject_2$b$1,templateObject_3$9$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$e$1||(templateObject_1$e$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$a$1||(templateObject_2$a$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$8$1||(templateObject_3$8$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$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$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$9$1||(templateObject_2$9$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$7$1||(templateObject_3$7$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$d$1,templateObject_2$9$1,templateObject_3$7$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
 	var pages=!navigationContext.parent||!navigationContext.parent.id?sortPageNodesByGroupAndPosition(user.groups,navigationContext.siblings):navigationContext.siblings;var previousPage=getSibling(-1);var nextPage=getSibling(1);return jsxRuntime.jsxs(Host$2$1,__assign({className:className,"data-detail-page-navigation":activePageId},{children:[previousPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:false,basePath:basePath,page:previousPage,icon:"ChevronLeftSmall","data-detail-page-navigation-previous-node":previousPage.id,"data-detail-page-navigation-node":previousPage.id},void 0),nextPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:true,className:"next-page-link-button",basePath:basePath,page:nextPage,icon:"ChevronRightSmall","data-detail-page-navigation-next-node":nextPage.id,"data-detail-page-navigation-node":nextPage.id},void 0)]}),void 0);function getSibling(offset){var index=pages.findIndex(function(s){return s.id===activePageId;});return pages[index+offset];}};var Host$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Host",componentId:"sc-19ae9g3-0"})(templateObject_1$c$1||(templateObject_1$c$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n"])));var PageLinkButton=function PageLinkButton(_a){var basePath=_a.basePath,page=_a.page,icon=_a.icon,isNextNode=_a.isNextNode,className=_a.className,props=__rest(_a,["basePath","page","icon","isNextNode","className"]);var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var title=getTitle(page,user,formatMessage);return jsxRuntime.jsxs(Link,__assign({to:getUrl(),className:className},{children:[!isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0),jsxRuntime.jsx(Content$2$1,__assign({},props,{isNextNode:isNextNode},{children:jsxRuntime.jsx("div",__assign({title:title},{children:title}),void 0)}),void 0),isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0)]}),void 0);function getUrl(){var baseUrl=NewsService.getNewsRoute(basePath,page.id,title);return page.useExternalContent?baseUrl+"?"+queryString.stringify({noRedirect:true}):baseUrl;}};var Link=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesDetailViewNavigation__Link",componentId:"sc-19ae9g3-1"})(templateObject_2$8$1||(templateObject_2$8$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"])),spacingS,spacingS,maxScreenSize.small,spacingS,function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.textColors.default;});var LinkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PagesDetailViewNavigation__LinkIcon",componentId:"sc-19ae9g3-2"})(templateObject_3$6$1||(templateObject_3$6$1=__makeTemplateObject(["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"],["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"])),fontSizeNormal,spacingM);var Content$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Content",componentId:"sc-19ae9g3-3"})(templateObject_5$3$1||(templateObject_5$3$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"])),function(p){return p.isNextNode&&_styled.css(templateObject_4$3$1||(templateObject_4$3$1=__makeTemplateObject(["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "],["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "])));});var templateObject_1$c$1,templateObject_2$8$1,templateObject_3$6$1,templateObject_4$3$1,templateObject_5$3$1;_styled__default["default"](Dropdown).withConfig({displayName:"PagesGroupsSelector__StyledDropdown",componentId:"sc-13yd888-0"})(templateObject_1$b$1||(templateObject_1$b$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesGroupsSelector__DropdownOption",componentId:"sc-13yd888-1"})(templateObject_2$7$1||(templateObject_2$7$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$5$1||(templateObject_3$5$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$b$1,templateObject_2$7$1,templateObject_3$5$1;_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Host",componentId:"sc-1z0rxrb-0"})(templateObject_1$a$1||(templateObject_1$a$1=__makeTemplateObject(["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"],["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"GroupNotificationsSettings__Title",componentId:"sc-1z0rxrb-1"})(templateObject_2$6$1||(templateObject_2$6$1=__makeTemplateObject(["\n  margin-top: 0;\n"],["\n  margin-top: 0;\n"])));_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Infos",componentId:"sc-1z0rxrb-2"})(templateObject_3$4$1||(templateObject_3$4$1=__makeTemplateObject(["\n  color: ",";\n  padding-left: 55px;\n"],["\n  color: ",";\n  padding-left: 55px;\n"])),function(p){return p.theme.palette.neutralTertiaryAlt;});var templateObject_1$a$1,templateObject_2$6$1,templateObject_3$4$1;function getPostGroups(user){return getGroupsWithExplicitMinRole(GroupRoles.LimitedReader,user,function(g){return g.allowPosts;});}function getPostsBaseRoute(post,user){var _a;var postGroups=getPostGroups(user);var subscriptionHandle=(_a=user.subscription.subscriptionHandle)!==null&&_a!==void 0?_a:user.subscription.id;return postGroups.length>1?"/"+subscriptionHandle+"/posts/groups/"+((post===null||post===void 0?void 0:post.groupId)||''):"/"+subscriptionHandle+"/posts";}function getPostsHashtagFilterRoute(post,user,hashtag){return getPostsBaseRoute(post,user)+"?"+queryString.stringify({search:""+hashtag});}var PostReplies=function PostReplies(_a){var className=_a.className,post=_a.post,comments=_a.comments,initialPageSize=_a.initialPageSize,autoFocusReplyField=_a.autoFocusReplyField,onReplyAdded=_a.onReplyAdded,onReplyDeleted=_a.onReplyDeleted,onThreadReply=_a.onThreadReply;var user=useCurrentUser();var searchPostMentionUsers=usePostsApi().searchPostMentionUsers;if(!post||!post.id){return null;}return jsxRuntime.jsx(StyledPagedCommentsSection,{className:className,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},type:ItemResourceTypes.Posts,scope:ConversationScope.Posts,itemId:post.id,groupIds:[post.groupId],readOnly:false,pageSize:5,initialPageSize:initialPageSize,initialComments:comments,onCommentAdded:onReplyAdded,onCommentDeleted:onReplyDeleted,noItemsYetStringResourceKey:"Posts.replies.empty",autoFocusReplyField:autoFocusReplyField,baseAttachmentPath:"/posts/"+post.id+"/comments",getHashtagFilterRoute:function(hashtag){return getPostsHashtagFilterRoute(post,user,hashtag);},onThreadReply:onThreadReply},post.id);};var StyledPagedCommentsSection=_styled__default["default"](PagedCommentsSection).withConfig({displayName:"PostReplies__StyledPagedCommentsSection",componentId:"sc-8mrgcg-0"})(templateObject_1$9$1||(templateObject_1$9$1=__makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"])));var templateObject_1$9$1;var PostEditor=function PostEditor(_a){var className=_a.className,post=_a.post,onBeforeSave=_a.onBeforeSave,onSaved=_a.onSaved,onCancel=_a.onCancel,keywordSettings=_a.keywordSettings;var features=useFeatures();var _b=usePostsApi(),searchPostMentionUsers=_b.searchPostMentionUsers,updatePost=_b.updatePost;var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,keywordsByGroupId=_c.keywordsByGroupId;var _d=useNotificationContext(),showToast=_d.showToast,showError=_d.showError;if(allKeywords==null||keywordsByGroupId==null){return null;}return jsxRuntime.jsx(EditCommentWithAttachments,{className:className,onCancel:onCancel,content:post.content,onSave:handleSavePost,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},inputTheme:"dark",item:post,basePath:'/posts',allowKeywords:features.keywords&&features.postKeywords,availableKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords,mandatoryKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords,keywords:post.keywords,saveOnCtrlEnter:true},void 0);function handleSavePost(newContent,attachments,keywords){return __awaiter(this,void 0,void 0,function(){var updatedPost,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);onBeforeSave(__assign(__assign({},post),{content:newContent,attachments:attachments,keywords:keywords}));return [4/*yield*/,updatePost(post.id,newContent,attachments,keywords)];case 1:updatedPost=_a.sent();onSaved(updatedPost);showToast('Posts.successfullyUpdated');return [3/*break*/,3];case 2:error_1=_a.sent();logger.error(error_1);showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}};_styled__default["default"](IconButton).withConfig({displayName:"PostFollowButton__StyledIconButton",componentId:"sc-1i97syp-0"})(templateObject_1$8$1||(templateObject_1$8$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"],["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"])));var templateObject_1$8$1;var PostGroup=function PostGroup(_a){var groupId=_a.groupId,to=_a.to,className=_a.className;var intl=useIntl();var user=useCurrentUser();var group=user.groups.find(function(g){return g.id===groupId;});var groupName=getGroupName(group,user,intl);return jsxRuntime.jsx(Group,__assign({"data-post-group":groupId,title:groupName,to:to,className:className},{children:jsxRuntime.jsx("span",{children:groupName},void 0)}),void 0);};var Group=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroup__Group",componentId:"sc-182l34m-0"})(templateObject_1$7$1||(templateObject_1$7$1=__makeTemplateObject(["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"],["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"])),fontSizeSmall,function(){return HighlightBubble();});var templateObject_1$7$1;_styled__default["default"].div.withConfig({displayName:"PostDisplay__Host",componentId:"sc-1tope3b-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"],["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"])),CardBorderInline(2,2),fontSizeSmall,spacingM);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Header",componentId:"sc-1tope3b-1"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: flex-start;\n"])));var avatarWidth=40;var maxButtonsWidth=120;// max 4 buttons at 30 px each (translate, notifications, like and context menu)
 	var paddingLeft=spacingS;var postGroupWidth=250;var postGroupWidthSmall=215;_styled__default["default"].div.withConfig({displayName:"PostDisplay__HeaderMetadata",componentId:"sc-1tope3b-2"})(templateObject_3$3$1||(templateObject_3$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"])),fontSizeSmall,paddingLeft,avatarWidth,maxButtonsWidth,paddingLeft,function(p){return p.addSafetySpace?postGroupWidth:0;},maxScreenSize.medium,avatarWidth,maxButtonsWidth,paddingLeft);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Content",componentId:"sc-1tope3b-3"})(templateObject_4$2$1||(templateObject_4$2$1=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__ActionButtons",componentId:"sc-1tope3b-4"})(templateObject_5$2$1||(templateObject_5$2$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__PostDisplayName",componentId:"sc-1tope3b-5"})(templateObject_6$1$1||(templateObject_6$1$1=__makeTemplateObject(["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PostDisplay__PostDateTime",componentId:"sc-1tope3b-6"})(templateObject_7$1$1||(templateObject_7$1$1=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);_styled__default["default"](ActionButton).withConfig({displayName:"PostDisplay__AddReplyButton",componentId:"sc-1tope3b-7"})(templateObject_8$1$1||(templateObject_8$1$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"],["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"])),spacingM,function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"PostDisplay__InnerHost",componentId:"sc-1tope3b-8"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"],["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),postsSectionPadding,function(p){return p.highlight&&_styled.css(templateObject_9$1$1||(templateObject_9$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\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: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.accent;});});_styled__default["default"](PostReplies).withConfig({displayName:"PostDisplay__StyledPostComments",componentId:"sc-1tope3b-9"})(templateObject_11$8||(templateObject_11$8=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});_styled__default["default"](PostEditor).withConfig({displayName:"PostDisplay__StyledPostEditor",componentId:"sc-1tope3b-10"})(templateObject_12$7||(templateObject_12$7=__makeTemplateObject(["\n  margin-top: 7px;\n  position: relative;\n"],["\n  margin-top: 7px;\n  position: relative;\n"])));_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostDisplay__PostLink",componentId:"sc-1tope3b-11"})(templateObject_13$6||(templateObject_13$6=__makeTemplateObject(["\n  display: block;\n  width: 100%;\n"],["\n  display: block;\n  width: 100%;\n"])));_styled__default["default"](PostGroup).withConfig({displayName:"PostDisplay__StyledPostGroup",componentId:"sc-1tope3b-12"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject(["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"],["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"])),spacingM,postGroupWidth,maxScreenSize.medium,spacingS,postGroupWidthSmall);_styled__default["default"](LikeButton).withConfig({displayName:"PostDisplay__StyledLikeButton",componentId:"sc-1tope3b-13"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"],["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"])));_styled__default["default"](ImagesAndFilesList).withConfig({displayName:"PostDisplay__StyledImagesAndFilesList",componentId:"sc-1tope3b-14"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](IconButton).withConfig({displayName:"PostDisplay__MenuButton",componentId:"sc-1tope3b-15"})(templateObject_17$5||(templateObject_17$5=__makeTemplateObject(["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"],["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"])));_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostDisplay__StyledKeywordsInfo",componentId:"sc-1tope3b-16"})(templateObject_18$4||(templateObject_18$4=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](ThreadView).withConfig({displayName:"PostDisplay__StyledThreadView",componentId:"sc-1tope3b-17"})(templateObject_19$4||(templateObject_19$4=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});var templateObject_1$6$1,templateObject_2$5$1,templateObject_3$3$1,templateObject_4$2$1,templateObject_5$2$1,templateObject_6$1$1,templateObject_7$1$1,templateObject_8$1$1,templateObject_9$1$1,templateObject_10$d,templateObject_11$8,templateObject_12$7,templateObject_13$6,templateObject_14$6,templateObject_15$6,templateObject_16$6,templateObject_17$5,templateObject_18$4,templateObject_19$4;_styled__default["default"](Dropdown).withConfig({displayName:"PostGroupsSelector__StyledDropdown",componentId:"sc-g6rhck-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroupsSelector__DropdownOption",componentId:"sc-g6rhck-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$5$1,templateObject_2$4$1,templateObject_3$2$1;var isArray$1=isArray$3;var toLength$1=toLength$b;var bind=functionBindContext;// `FlattenIntoArray` abstract operation
 	// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
@@ -131748,9 +131748,9 @@
 	var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
 	  displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
 	  componentId: "sc-1v9a7tf-0"
-	})(templateObject_1$j || (templateObject_1$j = __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$l || (templateObject_1$l = __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$j;
+	var templateObject_1$l;
 
 	var NewsItemContextProvider = function NewsItemContextProvider(_a) {
 	  var itemId = _a.itemId,
@@ -131856,9 +131856,9 @@
 	var Host$d = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetail__Host",
 	  componentId: "sc-6rz5th-0"
-	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$i;
+	var templateObject_1$k;
 
 	var anObject$2 = anObject$v;
 
@@ -132257,11 +132257,11 @@
 	    }, void 0)]
 	  }, void 0);
 	};
-	var Host$c = _styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __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$b || (templateObject_2$b = __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$c = _styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __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$c || (templateObject_2$c = __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$h, templateObject_2$b;
+	var templateObject_1$j, templateObject_2$c;
 
 	var PageDetail = function PageDetail(props) {
 	  var routeMatch = ReactRouterDom.useRouteMatch();
@@ -132355,12 +132355,12 @@
 	var Host$b = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__Host",
 	  componentId: "sc-22rpk8-0"
-	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l([""], [""])));
 
 	var PageHeader = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__PageHeader",
 	  componentId: "sc-22rpk8-1"
-	})(templateObject_2$a || (templateObject_2$a = __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$b || (templateObject_2$b = __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;
@@ -132375,7 +132375,7 @@
 	var StyledPageBreadcrumb = _styled__default["default"](PageBreadcrumb).withConfig({
 	  displayName: "PageDetail__StyledPageBreadcrumb",
 	  componentId: "sc-22rpk8-2"
-	})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$l(["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"], ["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"])), spacingS);
+	})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$l(["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"], ["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"])), spacingS);
 
 	var PageTableOfContentsWrapper = function PageTableOfContentsWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132414,8 +132414,8 @@
 	var StyledPagesDetailViewNavigation = _styled__default["default"](PagesDetailViewNavigation).withConfig({
 	  displayName: "PageDetail__StyledPagesDetailViewNavigation",
 	  componentId: "sc-22rpk8-3"
-	})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-	  return p.applyMarginTop && _styled.css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
+	})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	  return p.applyMarginTop && _styled.css(templateObject_4$a || (templateObject_4$a = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
 	});
 
 	var InlinePageListWrapper = function InlinePageListWrapper() {
@@ -132432,7 +132432,7 @@
 	  return jsxRuntime.jsx(InlinePageList, {}, void 0);
 	};
 
-	var templateObject_1$g, templateObject_2$a, templateObject_3$a, templateObject_4$9, templateObject_5$7;
+	var templateObject_1$i, templateObject_2$b, templateObject_3$b, templateObject_4$a, templateObject_5$8;
 
 	var EventDetail = function EventDetail(_a) {
 	  var itemId = _a.itemId,
@@ -132500,26 +132500,26 @@
 	var Host$a = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__Host",
 	  componentId: "sc-hrm4yl-0"
-	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l([""], [""])));
 
 	var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__EventDateAndRecurrenceInfo",
 	  componentId: "sc-hrm4yl-1"
-	})(templateObject_2$9 || (templateObject_2$9 = __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$a || (templateObject_2$a = __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",
 	  componentId: "sc-hrm4yl-2"
-	})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$l(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacingM);
+	})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$l(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacingM);
 
 	var EventRecurrenceSeriesInfoLink = _styled__default["default"].a.withConfig({
 	  displayName: "EventDetail__EventRecurrenceSeriesInfoLink",
 	  componentId: "sc-hrm4yl-3"
-	})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
+	})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
 	  return p.theme.textColors.default;
 	}, spacingM);
 
-	var templateObject_1$f, templateObject_2$9, templateObject_3$9, templateObject_4$8;
+	var templateObject_1$h, templateObject_2$a, templateObject_3$a, templateObject_4$9;
 
 	function useNewsItemClickHandler() {
 	  var user = useCurrentUserContext().user;
@@ -132730,31 +132730,31 @@
 	var Host$9 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Host",
 	  componentId: "sc-16ovog0-0"
-	})(templateObject_1$e || (templateObject_1$e = __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$g || (templateObject_1$g = __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$8 || (templateObject_2$8 = __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$9 || (templateObject_2$9 = __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",
 	  componentId: "sc-16ovog0-1"
-	})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"], ["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"])), BannerSize);
+	})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$l(["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"], ["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"])), BannerSize);
 
 	var Content$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Content",
 	  componentId: "sc-16ovog0-2"
-	})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"])), spacingXs, spacingS + 5, TextStyle);
+	})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"])), spacingXs, spacingS + 5, TextStyle);
 
 	var Date$1 = _styled__default["default"](DateTime).withConfig({
 	  displayName: "NewsCompactCard__Date",
 	  componentId: "sc-16ovog0-3"
-	})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
+	})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
 
 	var Intro$1 = _styled__default["default"].p.withConfig({
 	  displayName: "NewsCompactCard__Intro",
 	  componentId: "sc-16ovog0-4"
-	})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  ", "\n"])), TextStyle);
+	})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  ", "\n"])), TextStyle);
 
 	var Title$3 = _styled__default["default"].span.withConfig({
 	  displayName: "NewsCompactCard__Title",
@@ -132828,7 +132828,7 @@
 	  });
 	});
 
-	var templateObject_1$e, templateObject_2$8, templateObject_3$8, templateObject_4$7, templateObject_5$6, templateObject_6$5, 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$g, templateObject_2$9, templateObject_3$9, templateObject_4$8, templateObject_5$7, templateObject_6$6, 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$8, {
@@ -132845,19 +132845,19 @@
 	var Host$8 = _styled__default["default"].div.withConfig({
 	  displayName: "EmptyNewsList__Host",
 	  componentId: "sc-11ktr8s-0"
-	})(templateObject_1$d || (templateObject_1$d = __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$f || (templateObject_1$f = __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$7 || (templateObject_2$7 = __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$8 || (templateObject_2$8 = __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$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"], ["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"])));
+	})(templateObject_3$8 || (templateObject_3$8 = __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$d, templateObject_2$7, templateObject_3$7;
+	var templateObject_1$f, templateObject_2$8, templateObject_3$8;
 
 	exports.ItemLayoutMode = void 0;
 
@@ -133023,31 +133023,31 @@
 	var Host$7 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsList__Host",
 	  componentId: "sc-1d0bzx1-0"
-	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l([""], [""])));
 
 	var CompactList = _styled__default["default"].ul.withConfig({
 	  displayName: "NewsList__CompactList",
 	  componentId: "sc-1d0bzx1-1"
-	})(templateObject_2$6 || (templateObject_2$6 = __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$7 || (templateObject_2$7 = __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",
 	  componentId: "sc-1d0bzx1-2"
-	})(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"], ["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"])), spacingM, function (p) {
-	  return p.showHighlight && _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "], ["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])), p.theme.palette.accent);
+	})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"], ["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"])), spacingM, function (p) {
+	  return p.showHighlight && _styled.css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "], ["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])), p.theme.palette.accent);
 	});
 
 	var Comments = _styled__default["default"].a.withConfig({
 	  displayName: "NewsList__Comments",
 	  componentId: "sc-1d0bzx1-3"
-	})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (p) {
+	})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (p) {
 	  return p.theme.textColors.default;
 	});
 
 	var StyledIcon$2 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "NewsList__StyledIcon",
 	  componentId: "sc-1d0bzx1-4"
-	})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
 	  return p.highlight && unreadCommentHighlight;
 	});
 
@@ -133063,7 +133063,7 @@
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$c, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$3;
+	var templateObject_1$e, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$3;
 
 	var ManageChannels = function ManageChannels(_a) {
 	  var className = _a.className;
@@ -133229,22 +133229,22 @@
 	var Host$6 = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__Host",
 	  componentId: "sc-yyoxfw-0"
-	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
+	})(templateObject_1$d || (templateObject_1$d = __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$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+	})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 
 	var Description = _styled__default["default"].span.withConfig({
 	  displayName: "ManageChannels__Description",
 	  componentId: "sc-yyoxfw-2"
-	})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
 
 	var ChannelList = _styled__default["default"].ul.withConfig({
 	  displayName: "ManageChannels__ChannelList",
 	  componentId: "sc-yyoxfw-3"
-	})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"], ["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"])), spacingS);
+	})(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"], ["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"])), spacingS);
 
 	var ChannelItem = function ChannelItem(_a) {
 	  var channel = _a.channel,
@@ -133283,12 +133283,12 @@
 	var ChannelHost = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__ChannelHost",
 	  componentId: "sc-yyoxfw-4"
-	})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 
 	var NotificationButton = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__NotificationButton",
 	  componentId: "sc-yyoxfw-5"
-	})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$l(["\n  margin-left: auto;\n  align-self: flex-start;\n"], ["\n  margin-left: auto;\n  align-self: flex-start;\n"])));
+	})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$l(["\n  margin-left: auto;\n  align-self: flex-start;\n"], ["\n  margin-left: auto;\n  align-self: flex-start;\n"])));
 
 	var ChannelToggle = _styled__default["default"](ToggleWithLabel).withConfig({
 	  displayName: "ManageChannels__ChannelToggle",
@@ -133302,7 +133302,7 @@
 	  return p.theme.textColors.default;
 	});
 
-	var templateObject_1$b, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$2, templateObject_8$2;
+	var templateObject_1$d, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$2;
 
 	var NewsGridCard = function NewsGridCard(_a) {
 	  var _b;
@@ -133409,19 +133409,19 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title);
 	  }
 	};
-	var Host$5 = _styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __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$a || (templateObject_1$a = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
+	var Host$5 = _styled__default["default"].div(templateObject_2$5 || (templateObject_2$5 = __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$c || (templateObject_1$c = __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$4 || (templateObject_3$4 = __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) {
+	var BannerHighlightStyle = _styled.css(templateObject_3$5 || (templateObject_3$5 = __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;
 	});
-	var Content$1 = _styled__default["default"].div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$l(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"])), function (p) {
+	var Content$1 = _styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"])), function (p) {
 	  return p.contentHeight;
 	}, spacingM, function (p) {
 	  return p.theme.palette.white;
 	});
-	var MetaInfo = _styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
-	var DateAndIcon = _styled__default["default"].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+	var MetaInfo = _styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	var DateAndIcon = _styled__default["default"].div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$l(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 	var PublishingDate = _styled__default["default"](DateTime)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject$l(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  align-self: center;\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  align-self: center;\n"])));
 	var NewsCardIcon = _styled__default["default"].div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject$l(["\n  display: flex;\n  margin-left: auto;\n  z-index: 10;\n"], ["\n  display: flex;\n  margin-left: auto;\n  z-index: 10;\n"])));
 	var StyledIcon$1 = _styled__default["default"](officeUiFabricReact.Icon)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n  cursor: pointer;\n\n  background-color: ", ";\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n  cursor: pointer;\n\n  background-color: ", ";\n  color: ", ";\n"])), fontSizeSmaller, spacingXs, function (p) {
@@ -133437,7 +133437,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$a, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$3, templateObject_6$2, 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$c, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$4, templateObject_6$3, 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$4, {
@@ -133450,11 +133450,11 @@
 	var Host$4 = _styled__default["default"].p.withConfig({
 	  displayName: "ErrorContainer__Host",
 	  componentId: "sc-499uwc-0"
-	})(templateObject_1$9 || (templateObject_1$9 = __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$b || (templateObject_1$b = __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$9;
+	var templateObject_1$b;
 
 	var NewsGrid = function NewsGrid(_a) {
 	  var filter = _a.filter,
@@ -133541,92 +133541,23 @@
 	var Host$3 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Host",
 	  componentId: "sc-8ugpfz-0"
-	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l([""], [""])));
 
 	var Inner$1 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Inner",
 	  componentId: "sc-8ugpfz-1"
-	})(templateObject_3$3 || (templateObject_3$3 = __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$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+	})(templateObject_3$4 || (templateObject_3$4 = __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$4 || (templateObject_2$4 = __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({
 	  displayName: "NewsGrid__IELegacyGridCard",
 	  componentId: "sc-8ugpfz-2"
-	})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$l(["\n  margin: ", "px;\n  ", ";\n"], ["\n  margin: ", "px;\n  ", ";\n"])), spacingM / 2, function (p) {
-	  return _styled.css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
+	})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject$l(["\n  margin: ", "px;\n  ", ";\n"], ["\n  margin: ", "px;\n  ", ";\n"])), spacingM / 2, function (p) {
+	  return _styled.css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
 	});
 
-	var templateObject_1$8, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2;
-
-	var Hero = function Hero(_a) {
-	  var items = _a.items,
-	      itemResourceType = _a.itemResourceType,
-	      baseRoute = _a.baseRoute,
-	      disableAutoplay = _a.disableAutoplay,
-	      autoplayInterval = _a.autoplayInterval,
-	      _b = _a.width,
-	      width = _b === void 0 ? '100%' : _b,
-	      _c = _a.height,
-	      height = _c === void 0 ? '100%' : _c;
-
-	  var _d = React$d.useState(false),
-	      forceDisableAutoplay = _d[0],
-	      setForceDisableAutoplay = _d[1];
-
-	  if (!items || items.length === 0) {
-	    return null;
-	  }
-
-	  var hasMoreItems = items.length > 1;
-	  return jsxRuntime.jsx(StyledCarousel, __assign$g({
-	    autoplay: !disableAutoplay && !forceDisableAutoplay,
-	    autoplayInterval: autoplayInterval !== null && autoplayInterval !== void 0 ? autoplayInterval : 5000,
-	    wrapAround: true,
-	    pauseOnHover: true,
-	    renderBottomCenterControls: function (props) {
-	      return hasMoreItems && !forceDisableAutoplay ? jsxRuntime.jsx("div", __assign$g({
-	        "data-dark-paging-indicator": !items[props.currentSlide].item.bannerInfo
-	      }, {
-	        children: jsxRuntime.jsx(PagingDots, __assign$g({}, props), void 0)
-	      }), void 0) : null;
-	    },
-	    renderCenterLeftControls: null,
-	    renderCenterRightControls: null,
-	    swiping: hasMoreItems,
-	    defaultControlsConfig: {
-	      pagingDotsContainerClassName: 'hero-paging'
-	    },
-	    transitionMode: "fade",
-	    width: typeof width === 'number' ? width + "px" : width,
-	    height: typeof height === 'number' ? height + "px" : height
-	  }, {
-	    children: items.map(function (i) {
-	      return jsxRuntime.jsx(HeroSlide, {
-	        item: i.item,
-	        icons: i.icons,
-	        itemResourceType: itemResourceType,
-	        baseRoute: baseRoute,
-	        additionalMetadata: i.additionalMetadata,
-	        onClick: i.onClick,
-	        onToggleVideo: function (isPlayerActive) {
-	          return setForceDisableAutoplay(isPlayerActive);
-	        },
-	        width: width,
-	        height: height
-	      }, i.item.id);
-	    })
-	  }), void 0);
-	};
-
-	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
-	  displayName: "Hero__StyledCarousel",
-	  componentId: "sc-1hutyg7-0"
-	})(templateObject_1$7 || (templateObject_1$7 = __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 {\n    display: flex;\n    width: 100%;\n    top: -2px !important;\n\n    > li {\n      flex: 1;\n      margin: 0 2px;\n\n      > button {\n        width: 100%;\n        display: flex;\n        padding: 0;\n\n        height: 30px;\n\n        position: relative;\n        z-index: 1;\n\n        &::after {\n          content: '';\n          height: 3px;\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 10px !important;\n        }\n\n        > svg {\n          display: none;\n        }\n      }\n    }\n  }\n\n  [data-dark-paging-indicator='true'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n\n  [data-dark-paging-indicator='false'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\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 {\n    display: flex;\n    width: 100%;\n    top: -2px !important;\n\n    > li {\n      flex: 1;\n      margin: 0 2px;\n\n      > button {\n        width: 100%;\n        display: flex;\n        padding: 0;\n\n        height: 30px;\n\n        position: relative;\n        z-index: 1;\n\n        &::after {\n          content: '';\n          height: 3px;\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 10px !important;\n        }\n\n        > svg {\n          display: none;\n        }\n      }\n    }\n  }\n\n  [data-dark-paging-indicator='true'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n\n  [data-dark-paging-indicator='false'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n"])), spacingL, spacingL, function (p) {
-	  return p.theme.palette.black;
-	}, function (p) {
-	  return p.theme.palette.white;
-	});
+	var templateObject_1$a, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$3;
 
 	var HeroSlide = function HeroSlide(_a) {
 	  var item = _a.item,
@@ -133682,7 +133613,9 @@
 	          id: 'Generic.exitVideoPlayer'
 	        })
 	      }, void 0)
-	    }), void 0), jsxRuntime.jsxs(Content, {
+	    }), void 0), jsxRuntime.jsxs(Content, __assign$g({
+	      applyBackgroundColor: !hasBanner
+	    }, {
 	      children: [hasBanner && jsxRuntime.jsx(BannerWrapper, {
 	        children: jsxRuntime.jsx(Banner, {
 	          itemId: item.id,
@@ -133756,7 +133689,7 @@
 	          }, void 0)]
 	        }, void 0)]
 	      }, void 0)]
-	    }, void 0)]
+	    }), void 0)]
 	  }), void 0);
 
 	  function handleToggleVideo(showPlayer) {
@@ -133766,128 +133699,349 @@
 	};
 
 	var Host$2 = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Host",
-	  componentId: "sc-1hutyg7-1"
-	})(templateObject_8 || (templateObject_8 = __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_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
+	  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$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
 	}, function (p) {
-	  return p.height ? _styled.css(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
+	  return p.height ? _styled.css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
 	}, function (p) {
-	  return p.showBorder && _styled.css(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "], ["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "])), p.theme.palette.neutralTertiaryAlt);
+	  return p.showBorder && _styled.css(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$l(["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "], ["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "])), p.theme.palette.neutralTertiaryAlt);
 	}, function (p) {
-	  return p.applyOverlay && _styled.css(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "], ["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "])));
+	  return p.applyOverlay && _styled.css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "], ["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "])));
 	});
 
 	var Content = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Content",
-	  componentId: "sc-1hutyg7-2"
-	})(templateObject_9 || (templateObject_9 = __makeTemplateObject$l(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"])));
+	  displayName: "HeroSlide__Content",
+	  componentId: "sc-3yofth-1"
+	})(templateObject_8 || (templateObject_8 = __makeTemplateObject$l(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  ", ";\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  ", ";\n"])), function (p) {
+	  return p.applyBackgroundColor && "background-color: " + p.theme.palette.white;
+	});
 
 	var Inner = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Inner",
-	  componentId: "sc-1hutyg7-3"
-	})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 50px ", "px;\n"], ["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 50px ", "px;\n"])), spacingL, spacingL, spacingL);
+	  displayName: "HeroSlide__Inner",
+	  componentId: "sc-3yofth-2"
+	})(templateObject_9 || (templateObject_9 = __makeTemplateObject$l(["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 80px ", "px;\n"], ["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 80px ", "px;\n"])), spacingL, spacingL, spacingL);
 
 	var CloseButtonHost = _styled__default["default"](Tooltip).withConfig({
-	  displayName: "Hero__CloseButtonHost",
-	  componentId: "sc-1hutyg7-4"
-	})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"])), spacingS, spacingS);
+	  displayName: "HeroSlide__CloseButtonHost",
+	  componentId: "sc-3yofth-3"
+	})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"])), spacingS, spacingS);
 
 	var CloseButtonSize = 20;
 
 	var CloseButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
-	  displayName: "Hero__CloseButton",
-	  componentId: "sc-1hutyg7-5"
-	})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
+	  displayName: "HeroSlide__CloseButton",
+	  componentId: "sc-3yofth-4"
+	})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
 	  return p.theme.palette.white;
 	}, function (p) {
 	  return p.theme.palette.white;
 	}, fontSizeMedium);
 
 	var BannerWrapper = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__BannerWrapper",
-	  componentId: "sc-1hutyg7-6"
-	})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+	  displayName: "HeroSlide__BannerWrapper",
+	  componentId: "sc-3yofth-5"
+	})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 
 	var Banner = _styled__default["default"](PublishableItemBanner).withConfig({
-	  displayName: "Hero__Banner",
-	  componentId: "sc-1hutyg7-7"
-	})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"], ["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"])), function (p) {
+	  displayName: "HeroSlide__Banner",
+	  componentId: "sc-3yofth-6"
+	})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"], ["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"])), function (p) {
 	  return p.theme.palette.black;
 	}, spacingS, CloseButtonSize, spacingS * 2, CloseButtonSize * 2);
 
 	var Header = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Header",
-	  componentId: "sc-1hutyg7-8"
-	})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__Header",
+	  componentId: "sc-3yofth-7"
+	})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"])));
 
 	var TitleWrapper = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__TitleWrapper",
-	  componentId: "sc-1hutyg7-9"
-	})(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n  max-width: calc(100% - 110px);\n"], ["\n  max-width: calc(100% - 110px);\n"])));
+	  displayName: "HeroSlide__TitleWrapper",
+	  componentId: "sc-3yofth-8"
+	})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n  max-width: calc(100% - 110px);\n"], ["\n  max-width: calc(100% - 110px);\n"])));
 
 	var Icons = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Icons",
-	  componentId: "sc-1hutyg7-10"
-	})(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__Icons",
+	  componentId: "sc-3yofth-9"
+	})(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"])));
 
-	var IconStyle = _styled.css(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"], ["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
+	var IconStyle = _styled.css(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"], ["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
 
 	var StyledIcon = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
-	  displayName: "Hero__StyledIcon",
-	  componentId: "sc-1hutyg7-11"
-	})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n  ", "\n  ", "\n\n  ", "\n"], ["\n  ", "\n  ", "\n\n  ", "\n"])), IconStyle, function (p) {
-	  return p.backgroundColor && _styled.css(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), p.backgroundColor);
+	  displayName: "HeroSlide__StyledIcon",
+	  componentId: "sc-3yofth-10"
+	})(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n  ", "\n  ", "\n\n", "\n"], ["\n  ", "\n  ", "\n\n", "\n"])), IconStyle, function (p) {
+	  return p.backgroundColor && _styled.css(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), p.backgroundColor);
 	}, function (p) {
-	  return p.color ? _styled.css(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  return p.color ? _styled.css(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
 	var Headline = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Headline",
-	  componentId: "sc-1hutyg7-12"
-	})(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"])), fontSizeMedium, function (p) {
+	  displayName: "HeroSlide__Headline",
+	  componentId: "sc-3yofth-11"
+	})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"])), fontSizeMedium, function (p) {
 	  return p.color || p.theme.textColors.default;
 	});
 
 	var Title$1 = _styled__default["default"].h3.withConfig({
-	  displayName: "Hero__Title",
-	  componentId: "sc-1hutyg7-13"
-	})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n    :link,\n    :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"], ["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n    :link,\n    :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"])), function (p) {
+	  displayName: "HeroSlide__Title",
+	  componentId: "sc-3yofth-12"
+	})(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n  :link,\n  :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"], ["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n  :link,\n  :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"])), function (p) {
 	  return p.color || p.theme.textColors.default;
 	}, LineClamp(2, fontSizeLarge, 1.2), function (p) {
-	  return p.applyClickableOverlay && _styled.css(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "], ["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "])));
+	  return p.applyClickableOverlay && _styled.css(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "], ["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "])));
 	});
 
 	var MetadataHost = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__MetadataHost",
-	  componentId: "sc-1hutyg7-14"
-	})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__MetadataHost",
+	  componentId: "sc-3yofth-13"
+	})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"])));
 
 	var Metadata = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Metadata",
-	  componentId: "sc-1hutyg7-15"
-	})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"])), spacingS);
+	  displayName: "HeroSlide__Metadata",
+	  componentId: "sc-3yofth-14"
+	})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"])), spacingS);
 
 	var AdditionalMetadata = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__AdditionalMetadata",
-	  componentId: "sc-1hutyg7-16"
-	})(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"], ["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
+	  displayName: "HeroSlide__AdditionalMetadata",
+	  componentId: "sc-3yofth-15"
+	})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"], ["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
 
 	var AuthorName = _styled__default["default"](PersonaCard).withConfig({
-	  displayName: "Hero__AuthorName",
-	  componentId: "sc-1hutyg7-17"
-	})(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-	  return p.color ? _styled.css(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  displayName: "HeroSlide__AuthorName",
+	  componentId: "sc-3yofth-16"
+	})(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	  return p.color ? _styled.css(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
 	var StyledDateTime = _styled__default["default"](DateTime).withConfig({
-	  displayName: "Hero__StyledDateTime",
-	  componentId: "sc-1hutyg7-18"
-	})(templateObject_34 || (templateObject_34 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"], ["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
-	  return p.color ? _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  displayName: "HeroSlide__StyledDateTime",
+	  componentId: "sc-3yofth-17"
+	})(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"], ["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
+	  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$7, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, 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, templateObject_34;
+	var templateObject_1$9, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2, 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,
+	      goToSlide = _a.goToSlide,
+	      currentSlide = _a.currentSlide,
+	      frameWidth = _a.frameWidth,
+	      slideCount = _a.slideCount,
+	      autoplay = _a.autoplay,
+	      className = _a.className;
+	  var user = useCurrentUserContext().user;
+	  var formatMessage = useIntl().formatMessage;
+	  var palette = React$d.useContext(ThemeContext$1).theme.palette;
+
+	  var _b = React$d.useState(false),
+	      showArrows = _b[0],
+	      setShowArrows = _b[1];
+
+	  var _c = React$d.useState(0),
+	      startIndex = _c[0],
+	      setStartIndex = _c[1];
+
+	  var _d = React$d.useState(0),
+	      visibleItemsLength = _d[0],
+	      setVisibleItemsLength = _d[1];
+
+	  React$d.useEffect(function () {
+	    var containerWidth = frameWidth - 60; // margins are extracted
+
+	    var maxNumberOfItems = Math.floor(containerWidth / 150); // 150 - min-width + gap
+
+	    setVisibleItemsLength(maxNumberOfItems);
+	    setShowArrows(maxNumberOfItems < slideCount); // reset the active slide - ensure the first slide is active when resizing
+
+	    reset(); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [frameWidth]);
+	  React$d.useEffect(function () {
+	    if (!autoplay || !showArrows) {
+	      return;
+	    } // ensure first paging button is marked as active when first slide becomes active again
+
+
+	    if (currentSlide === 0 && startIndex > 0) {
+	      reset();
+	      return;
+	    } // update the visible paging buttons when currenSlide has the corresponding paging button outside of the visible area
+
+
+	    if (currentSlide === startIndex + visibleItemsLength) {
+	      handleVisiblePagingItems(startIndex + visibleItemsLength);
+	    }
+	  }, [currentSlide, autoplay, showArrows]);
+	  var pagingItems = items.map(function (i) {
+	    return {
+	      title: getTitle(i.item, user, formatMessage),
+	      id: i.item.id
+	    };
+	  });
+	  var pagingColor = items[currentSlide].item.bannerInfo ? palette.white : palette.black;
+	  var currentSlideId = items[currentSlide].item.id;
+	  return jsxRuntime.jsxs(PagingHost, __assign$g({
+	    className: className
+	  }, {
+	    children: [showArrows && startIndex >= visibleItemsLength && jsxRuntime.jsx(PagingArrow, {
+	      iconProps: {
+	        iconName: 'ChevronLeft',
+	        style: {
+	          fontSize: 22
+	        }
+	      },
+	      onClick: function () {
+	        return handleVisiblePagingItems(startIndex - visibleItemsLength);
+	      },
+	      color: pagingColor,
+	      "data-paging-back": true
+	    }, void 0), jsxRuntime.jsx(Paging, {
+	      children: pagingItems.map(function (item, index) {
+	        var isActive = currentSlideId === item.id;
+	        var isVisible = index >= startIndex && index < startIndex + visibleItemsLength;
+	        return jsxRuntime.jsx(PagingItem, __assign$g({
+	          className: classNames({
+	            'paging-item--active': isActive,
+	            'paging-item--visible': isVisible
+	          }),
+	          visibleItemsLength: showArrows ? visibleItemsLength : null
+	        }, {
+	          children: jsxRuntime.jsx(PagingButton, __assign$g({
+	            onClick: function () {
+	              return goToSlide(index);
+	            },
+	            color: pagingColor
+	          }, {
+	            children: item.title
+	          }), void 0)
+	        }), item.id);
+	      })
+	    }, void 0), showArrows && startIndex < slideCount - visibleItemsLength && jsxRuntime.jsx(PagingArrow, {
+	      iconProps: {
+	        iconName: 'ChevronRight',
+	        style: {
+	          fontSize: 22
+	        }
+	      },
+	      onClick: function () {
+	        return handleVisiblePagingItems(startIndex + visibleItemsLength);
+	      },
+	      color: pagingColor,
+	      "data-paging-next": true
+	    }, void 0)]
+	  }), void 0);
+
+	  function handleVisiblePagingItems(index) {
+	    setStartIndex(index);
+	    goToSlide(index);
+	  }
+
+	  function reset() {
+	    handleVisiblePagingItems(0);
+	  }
+	};
+
+	var PagingHost = _styled__default["default"].div.withConfig({
+	  displayName: "HeroPaging__PagingHost",
+	  componentId: "sc-1y3j8qb-0"
+	})(templateObject_1$8 || (templateObject_1$8 = __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$2 || (templateObject_2$2 = __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",
+	  componentId: "sc-1y3j8qb-2"
+	})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$l(["\n  display: none;\n  flex: 1;\n  min-width: 140px;\n  margin: 0 5px;\n\n  ", "\n\n  &:not(.paging-item--active) {\n    opacity: 0.6;\n  }\n\n  &.paging-item--visible {\n    display: block;\n  }\n"], ["\n  display: none;\n  flex: 1;\n  min-width: 140px;\n  margin: 0 5px;\n\n  ", "\n\n  &:not(.paging-item--active) {\n    opacity: 0.6;\n  }\n\n  &.paging-item--visible {\n    display: block;\n  }\n"])), function (p) {
+	  return p.visibleItemsLength && _styled.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n      max-width: calc(100% / ", " - 10px);\n    "], ["\n      max-width: calc(100% / ", " - 10px);\n    "])), p.visibleItemsLength);
+	});
+
+	var PagingButton = _styled__default["default"](ActionButton).withConfig({
+	  displayName: "HeroPaging__PagingButton",
+	  componentId: "sc-1y3j8qb-3"
+	})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$l(["\n  && {\n    width: 100%;\n    height: auto;\n    text-align: left;\n    padding: ", "px 0 2px 0;\n    margin: 0;\n\n    &:before {\n      content: '';\n      position: absolute;\n      bottom: 100%;\n      left: 0;\n      right: 0;\n      border-top: 3px solid ", ";\n    }\n  }\n\n  .ms-Button-label {\n    padding: 0;\n\n    ", "\n  }\n"], ["\n  && {\n    width: 100%;\n    height: auto;\n    text-align: left;\n    padding: ", "px 0 2px 0;\n    margin: 0;\n\n    &:before {\n      content: '';\n      position: absolute;\n      bottom: 100%;\n      left: 0;\n      right: 0;\n      border-top: 3px solid ", ";\n    }\n  }\n\n  .ms-Button-label {\n    padding: 0;\n\n    ", "\n  }\n"])), spacingS, function (p) {
+	  return p.color;
+	}, LineClamp(2, fontSizeSmall, 1.2));
+
+	var PagingArrow = _styled__default["default"](IconButton).withConfig({
+	  displayName: "HeroPaging__PagingArrow",
+	  componentId: "sc-1y3j8qb-4"
+	})(templateObject_6$1 || (templateObject_6$1 = __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$8, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1;
+
+	var Hero = function Hero(_a) {
+	  var items = _a.items,
+	      itemResourceType = _a.itemResourceType,
+	      baseRoute = _a.baseRoute,
+	      disableAutoplay = _a.disableAutoplay,
+	      autoplayInterval = _a.autoplayInterval,
+	      _b = _a.width,
+	      width = _b === void 0 ? '100%' : _b,
+	      _c = _a.height,
+	      height = _c === void 0 ? '100%' : _c;
+
+	  var _d = React$d.useState(false),
+	      forceDisableAutoplay = _d[0],
+	      setForceDisableAutoplay = _d[1];
+
+	  if (!items || items.length === 0) {
+	    return null;
+	  }
+
+	  var hasMoreItems = items.length > 1;
+	  var autoplay = !disableAutoplay && !forceDisableAutoplay;
+	  return jsxRuntime.jsx(StyledCarousel, __assign$g({
+	    autoplay: autoplay,
+	    autoplayInterval: autoplayInterval !== null && autoplayInterval !== void 0 ? autoplayInterval : 5000,
+	    wrapAround: true,
+	    pauseOnHover: true,
+	    renderBottomCenterControls: function (props) {
+	      return hasMoreItems ? jsxRuntime.jsx(HeroPaging, __assign$g({
+	        items: items,
+	        autoplay: autoplay,
+	        className: classNames({
+	          'hero-paging--hidden': forceDisableAutoplay
+	          /* ensure paging is hidden when video player is active */
+
+	        })
+	      }, props), void 0) : null;
+	    },
+	    renderCenterLeftControls: null,
+	    renderCenterRightControls: null,
+	    swiping: hasMoreItems,
+	    transitionMode: "fade",
+	    width: typeof width === 'number' ? width + "px" : width,
+	    height: typeof height === 'number' ? height + "px" : height
+	  }, {
+	    children: items.map(function (i) {
+	      return jsxRuntime.jsx(HeroSlide, {
+	        item: i.item,
+	        icons: i.icons,
+	        itemResourceType: itemResourceType,
+	        baseRoute: baseRoute,
+	        additionalMetadata: i.additionalMetadata,
+	        onClick: i.onClick,
+	        onToggleVideo: function (isPlayerActive) {
+	          return setForceDisableAutoplay(isPlayerActive);
+	        },
+	        width: width,
+	        height: height
+	      }, i.item.id);
+	    })
+	  }), void 0);
+	};
+
+	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
+	  displayName: "Hero__StyledCarousel",
+	  componentId: "sc-55ys37-0"
+	})(templateObject_1$7 || (templateObject_1$7 = __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$7;
 
 	var NewsHero = function NewsHero(_a) {
 	  var filter = _a.filter,
@@ -135589,11 +135743,10 @@
 	  "AccessDenied.loginExplanation": "Sie müssen sich anmelden, um diese Seite zu besuchen.",
 	  "AccessDenied.registerExplanation": "Sie müssen sich registrieren um diese Webseite besuchen zu können.",
 	  "AccessDenied.subscriptionInfo": "Auch wenn Sie nicht die Berechtigungen für die beantragte Resource haben, können Sie noch immer eines Ihrer anderen Abonnements nutzen:",
-	  "Subscription.productInfo.title": "LiveTiles Reach – Gezielte Kommunikation mit Mitarbeitern, Kunden und Partnern",
+	  "Subscription.productInfo.title": "Gezielte Kommunikation mit Mitarbeitern, Kunden und Partnern",
 	  "Subscription.productInfo.description1": "Viele Unternehmen stehen vor der Herausforderung, ihren Mitarbeitern, Kunden und Partnern wichtige Informationen und Neuigkeiten auf effiziente Art und Weise mitzuteilen. Der Informationsfluss ist oft schwierig zu messen und zu kontrollieren.",
 	  "Subscription.productInfo.description2": "Mit LiveTiles Reach kommunizieren Sie über eine schöne, fokussierte App, die den Benutzer auf ideale Weise führt. Klar definierbare Zielgruppen können spielend leicht Informationen von überall her konsumieren und Ihre Kommunikationsspezialisten haben ein einfaches und dennoch leistungsfähiges Werkzeug, um Inhalte zu erstellen und gezielt zu veröffentlichen. Leistungsfähige Analysewerkzeuge helfen, den Informationsfluss zu regeln und auszuwerten.",
 	  "Subscription.productInfo.description3": "Intranets und Projekte in der Unternehmenskommunikation sind seit vielen Jahren unsere Leidenschaft. Wir haben diesen gesammelten Wissensschatz genutzt, um LiveTiles Reach zu bauen.",
-	  "Subscription.productInfo.learnMore": "Klicken Sie hier um mehr zu erfahren",
 	  "Subscription.create.caption": "Erstellen",
 	  "Subscription.create.cancelSignIn": "Zurück zur Anmeldeseite",
 	  "Subscription.create.cancelPrevious": "Zurück zur vorherigen Seite",
@@ -135630,21 +135783,20 @@
 	  "FatalError.newsNotLoaded": "Beim Laden des Artikels ist etwas ist schief gelaufen.",
 	  "FatalError.genericLoginError": "Es ist ein Anmeldefehler aufgetreten",
 	  "FatalError.ieLoginError": "Eine stillschweigende Anmeldung wurde versucht, aber es ist kein Benutzer angemeldet. Die Cookies, welche diese Benutzersitzung repräsentieren, fehlten in der Anfrage an das Azure AD. Das kann passieren, wenn Internet Explorer oder Edge benutzt werden und die Web-App, welche die Anmeldeanforderung schickt, sich in einer anderen IE Sicherheitszone befindet als der Azure AD Endpunkt (login.microsoftonline.com).",
-	  "About.title": "Über",
-	  "About.subscriptionContact": "Ihre Kontaktperson für LiveTiles Reach",
+	  "About.title": "Über LiveTiles Reach",
+	  "About.subscriptionContact": "Ihre Support-Kontakt",
 	  "About.subscriptionCompany": "Firma",
-	  "About.changeSubscriptionContact": "Ändern",
 	  "About.failedToLoadSubscription": "Das LiveTiles Reach Abo konnte nicht geladen werden",
-	  "About.loadingSubscription": "LiveTiles Reach Abo wird geladen...",
 	  "About.noSubscriptionContact": "Kein Kontakt ausgewählt",
 	  "About.selectSubscriptionContact": "Kontakt auswählen",
 	  "About.condense.doYouWantTo": "Möchten Sie LiveTiles Reach mit Ihren Freunden, Ihrer Firma, Ihrer Schule oder Ihrem Sport Verein nutzen?",
 	  "About.condense.createSubscriptionText": "Erstellen Sie Ihr eigenes, kostenloses Abonnement!",
 	  "About.condense.createSubscriptionButton": "Abonnement erstellen",
-	  "About.version": "Version",
-	  "About.support": "Support",
-	  "About.privacy": "Datenschutz",
-	  "About.liveTilesReachWebsite": "LiveTiles Reach Website",
+	  "About.version": "Technische Informationen",
+	  "About.privacy": "Datenschutzbestimmungen",
+	  "About.liveTilesReachWebsite": "Website",
+	  "About.knowledgeBase": "Wissensdatenbank",
+	  "About.releaseNotes": "Versionshinweise",
 	  "About.setContactError": "Der Kontakt konnte nicht gesetzt werden.",
 	  "EmptySearchResult.info": "Für Ihre Suchabfrage konnte nichts gefunden werden.",
 	  "KeywordPicker.emptySearch": "Es konnten keine Schlagwörter gefunden werden.",
@@ -137567,7 +137719,6 @@
 	  "Subscription.productInfo.description1": "De nombreuses organisations sont confrontées à la difficulté de livrer efficacement des messages et informations importantes à leurs employés. Le flux d'informations est souvent difficile à mesurer et à contrôler.",
 	  "Subscription.productInfo.description2": "Nous avons créé une application belle et simplifiée qui valorise l'utilisateur. Elle lui donne une expérience enjouée pour consommer de l'information n'importe où et n'importe quand. Le créateur de contenu dispose d'une interface simple mais puissante pour créer et gérer ses messages, complétée par une aide analytique qui permet de contrôler et analyser le flux d'informations.",
 	  "Subscription.productInfo.description3": "Les intranets et projets dans la communication d'entreprise sont notre passion depuis de nombreuses années. Nous avons tiré profit de ce réservoir de connaissances pour créer LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Cliquer ici pour en savoir plus :",
 	  "Subscription.create.caption": "Créer",
 	  "Subscription.create.cancelSignIn": "Je ne veux pas faire ça. Ramenez-moi à l'écran de connexion.",
 	  "Subscription.create.cancelPrevious": "Je ne veux pas faire ça. Ramenez-moi à l'écran précédent.",
@@ -137607,18 +137758,17 @@
 	  "About.title": "À propos de LiveTiles Reach",
 	  "About.subscriptionContact": "Contact",
 	  "About.subscriptionCompany": "Société",
-	  "About.changeSubscriptionContact": "Modifier",
 	  "About.failedToLoadSubscription": "Impossible de charger les informations d'abonnement",
-	  "About.loadingSubscription": "Chargement de l'abonnement…",
 	  "About.noSubscriptionContact": "Aucun contact d'abonnement",
 	  "About.selectSubscriptionContact": "Sélectionner un contact",
 	  "About.condense.doYouWantTo": "Do you want to use LiveTiles Reach with your friends, company, school or sports club?",
 	  "About.condense.createSubscriptionText": "Create your own subscription - it's free!",
 	  "About.condense.createSubscriptionButton": "Create Subscription",
 	  "About.version": "Version",
-	  "About.support": "Support",
 	  "About.privacy": "Vie privée",
 	  "About.liveTilesReachWebsite": "Site Web LiveTiles Reach",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Impossible de définir le contact",
 	  "EmptySearchResult.info": "Aucune correspondance avec vos critères de recherche",
 	  "KeywordPicker.emptySearch": "Nous n'avons pas pu trouver de tags pour votre recherche.",
@@ -139541,7 +139691,6 @@
 	  "Subscription.productInfo.description1": "Muchas organizaciones enfrentan el desafío de entregar información y mensajes importante de manera eficiente a sus empleados, clientes y socios. El flujo de la información es a menudo difícil de medir y controlar.",
 	  "Subscription.productInfo.description2": "Con LiveTiles Reach, usted se comunica a través de una aplicación enfocada y hermosa que guía al usuario de una manera ideal. Las audiencias claramente definidas pueden fácilmente consumir información desde cualquier lugar y sus profesionales de la comunicación tienen una herramienta simple pero poderosa para crear y publicar contenido. Las potentes herramientas de análisis ayudan a evaluar y controlar el flujo de información.",
 	  "Subscription.productInfo.description3": "Los proyectos y redes internas en comunicaciones corporativas han sido nuestra pasión por años. Aprovechamos este conjunto de conocimiento para construir LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Haga clic aquí para más información:",
 	  "Subscription.create.caption": "Crear",
 	  "Subscription.create.cancelSignIn": "No quiero hacer esto. Regresara la pantalla de inicio de sesión.",
 	  "Subscription.create.cancelPrevious": "No quiero hacer esto. Regresar a la pantalla anterior.",
@@ -139581,18 +139730,17 @@
 	  "About.title": "Sobre",
 	  "About.subscriptionContact": "Contactar",
 	  "About.subscriptionCompany": "Empresa",
-	  "About.changeSubscriptionContact": "Cambiar",
 	  "About.failedToLoadSubscription": "No se puede cargar la información de la suscripción",
-	  "About.loadingSubscription": "Cargando suscripción...",
 	  "About.noSubscriptionContact": "Sin contacto de suscripción",
 	  "About.selectSubscriptionContact": "Seleccionar contacto",
 	  "About.condense.doYouWantTo": "¿Quieres usar LiveTiles Reach con tus amigos, empresa, escuela o club deportivo?",
 	  "About.condense.createSubscriptionText": "Cree su propia suscripción, ¡es gratis!",
 	  "About.condense.createSubscriptionButton": "Crear suscripción",
 	  "About.version": "Versión",
-	  "About.support": "Soporte",
 	  "About.privacy": "Privacidad",
 	  "About.liveTilesReachWebsite": "Sitio web de LiveTiles Reach",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "¡No se pudo establecer el contacto!",
 	  "EmptySearchResult.info": "Nada coincide con su criterio de búsqueda",
 	  "KeywordPicker.emptySearch": "No pudimos encontrar ninguna palabra clave para su búsqueda.",
@@ -141514,7 +141662,6 @@
 	  "Subscription.productInfo.description1": "許多組織面臨著向其員工、客戶和合作夥伴有效傳遞重要資訊和消息的挑戰。 資訊流通常很難測量和控制。",
 	  "Subscription.productInfo.description2": "借助 LiveTiles Reach，您可以通過美觀、專注的應用程式進行交流，以理想的方式指導使用者。 明確定義的受眾可以輕鬆地從任何地方使用資訊，並且您的傳播專業人員將擁有一個簡單而強大的內容創建和發佈工具。 強大的分析工具可説明評估和控制資訊流。",
 	  "Subscription.productInfo.description3": "多年來，公司溝通中的內聯網和專案一直是我們的激情所在。 我們利用這些知識來構建LiveTiles Reach。 ",
-	  "Subscription.productInfo.learnMore": "點擊這裡瞭解更多：",
 	  "Subscription.create.caption": "創建",
 	  "Subscription.create.cancelSignIn": "請轉至登錄螢幕。",
 	  "Subscription.create.cancelPrevious": "請轉至上一個螢幕。",
@@ -141554,18 +141701,17 @@
 	  "About.title": "關於",
 	  "About.subscriptionContact": "您的LiveTiles Reach聯繫人",
 	  "About.subscriptionCompany": "公司",
-	  "About.changeSubscriptionContact": "更改",
 	  "About.failedToLoadSubscription": "無法載入訂閱資訊",
-	  "About.loadingSubscription": "正在載入訂閱...",
 	  "About.noSubscriptionContact": "沒有訂閱聯繫",
 	  "About.selectSubscriptionContact": "選擇連絡人",
 	  "About.condense.doYouWantTo": "您想與您的朋友、公司、學校或體育俱樂部一起使用LiveTiles Reach嗎？",
 	  "About.condense.createSubscriptionText": "創建您自己的訂閱-免費！",
 	  "About.condense.createSubscriptionButton": "創建訂閱",
 	  "About.version": "版本",
-	  "About.support": "支持",
 	  "About.privacy": "隱私",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach 網站",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "無法設置連絡人",
 	  "EmptySearchResult.info": "沒有符合您的搜尋條件",
 	  "KeywordPicker.emptySearch": "我們找不到適合您搜索的關鍵字。",
@@ -143473,7 +143619,6 @@
 	  "Subscription.productInfo.description1": "许多组织面临着向其员工、客户和合作伙伴有效传递重要信息和消息的挑战。信息流通常很难测量和控制。",
 	  "Subscription.productInfo.description2": "借助LiveTiles Reach，您可以通过美观、专注的应用程序进行交流，以理想的方式指导用户。明确定义的受众可以轻松地从任何地方使用信息，并且您的传播专业人员将拥有一个简单而强大的内容创建和发布工具。强大的分析工具可帮助评估和控制信息流。",
 	  "Subscription.productInfo.description3": "多年来，公司沟通中的内联网和项目一直是我们的激情所在。我们利用这些知识来构建LiveTiles Reach。",
-	  "Subscription.productInfo.learnMore": "点击这里了解更多：",
 	  "Subscription.create.caption": "创建",
 	  "Subscription.create.cancelSignIn": "请转至登录屏幕。",
 	  "Subscription.create.cancelPrevious": "请转至上一个屏幕。",
@@ -143513,18 +143658,17 @@
 	  "About.title": "关于",
 	  "About.subscriptionContact": "您的LiveTiles Reach联系人",
 	  "About.subscriptionCompany": "公司",
-	  "About.changeSubscriptionContact": "更改",
 	  "About.failedToLoadSubscription": "无法加载订阅信息",
-	  "About.loadingSubscription": "正在加载订阅...",
 	  "About.noSubscriptionContact": "没有订阅联系",
 	  "About.selectSubscriptionContact": "选择联系人",
 	  "About.condense.doYouWantTo": "您想与您的朋友、公司、学校或体育俱乐部一起使用LiveTiles Reach吗？",
 	  "About.condense.createSubscriptionText": "创建您自己的订阅-免费！",
 	  "About.condense.createSubscriptionButton": "创建订阅",
 	  "About.version": "版本",
-	  "About.support": "支持",
 	  "About.privacy": "隐私",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach网站",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "无法设置联系人",
 	  "EmptySearchResult.info": "没有符合您的搜索条件",
 	  "KeywordPicker.emptySearch": "我们找不到适合您搜索的关键字。",
@@ -145446,7 +145590,6 @@
 	  "Subscription.productInfo.description1": "多くの企業では、重要な情報とメッセージをどのように従業員、顧客、パートナーに効率的に配信するべきかという課題に直面しています。情報の流れは測定と制御が困難だからです。",
 	  "Subscription.productInfo.description2": "LiveTiles Reachをでは、ユーザーを理想的な方法で誘導するアプリを通じてコミュニケーションをとることができます。明確に定義されたオーディエンスはどこからでも簡単に情報を利用でき、コミュニケーション担当者はコンテンツを作成および公開するためのシンプルで強力なツールを使用できます。強力な分析ツールは、情報の流れを評価および管理するのに役立ちます。",
 	  "Subscription.productInfo.description3": "当社は企業コミュニケーションにおけるイントラネットとプロジェクトに長年情熱を寄せてきました。そこで構築した知識を活用してLiveTiles Reachを立ち上げたのです。",
-	  "Subscription.productInfo.learnMore": "詳細については、ここをクリックしてください：",
 	  "Subscription.create.caption": "作成",
 	  "Subscription.create.cancelSignIn": "実行したくありません、サインイン画面に戻ります。",
 	  "Subscription.create.cancelPrevious": "実行したくありません、前の画面に戻ります。",
@@ -145486,18 +145629,17 @@
 	  "About.title": "概要",
 	  "About.subscriptionContact": "お問い合わせ",
 	  "About.subscriptionCompany": "企業",
-	  "About.changeSubscriptionContact": "変更",
 	  "About.failedToLoadSubscription": "サブスクリプション情報を読み込む事ができません",
-	  "About.loadingSubscription": "サブスクリプションを読み込んでいます…",
 	  "About.noSubscriptionContact": "サブスクリプションコンタクトなし",
 	  "About.selectSubscriptionContact": "コンタクトを選択",
 	  "About.condense.doYouWantTo": "友達、会社、学校、スポーツクラブでLiveTiles Reachを使用しますか？",
 	  "About.condense.createSubscriptionText": "独自のサブスクリプションを作成-無料です！",
 	  "About.condense.createSubscriptionButton": "サブスクリプション作成",
 	  "About.version": "バージョン",
-	  "About.support": "サポート",
 	  "About.privacy": "プライバシー",
 	  "About.liveTilesReachWebsite": "LiveTiles Reachウェブサイト",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "コンタクトの設定に失敗しました",
 	  "EmptySearchResult.info": "検索基準に一致しませんでした",
 	  "KeywordPicker.emptySearch": "検索用のキーワードを見つけられませんでした。",
@@ -147420,7 +147562,6 @@
 	  "Subscription.productInfo.description1": "Birçok kuruluş, çalışanlarına, müşterilerine ve ortaklarına önemli bilgi ve mesajları verimli bir şekilde iletme konusunda zorlanmaktadır. Bilgi akışını ölçmek ve kontrol etmek genellikle zordur.",
 	  "Subscription.productInfo.description2": "LiveTiles Reach ile kullanıcıyı ideal bir şekilde yönlendiren güzel, odaklanmış bir uygulama aracılığıyla iletişim kurarsınız. Açıkça tanımlanmış kitleler her yerden kolayca bilgi alabilirler ve iletişim uzmanlarınız içerik oluşturmak ve yayınlamak için basit ama güçlü bir araca sahip olur. Güçlü analiz araçları, bilgi akışını değerlendirmeye ve yönetmeye yardımcı olur.",
 	  "Subscription.productInfo.description3": "Kurumsal iletişimdeki intranetler ve projeler yıllardır tutkumuz olmuştur. LiveTiles Reach'i inşa etmek için bu bilgi havuzundan yararlandık.",
-	  "Subscription.productInfo.learnMore": "Daha fazlasını öğrenmek için buraya tıklayın:",
 	  "Subscription.create.caption": "Oluştur",
 	  "Subscription.create.cancelSignIn": "Oturum açma ekranına geri dön",
 	  "Subscription.create.cancelPrevious": "Önceki ekrana geri dön",
@@ -147460,18 +147601,17 @@
 	  "About.title": "Hakkında",
 	  "About.subscriptionContact": "LiveTiles Reach için irtibatınız",
 	  "About.subscriptionCompany": "Şirket",
-	  "About.changeSubscriptionContact": "Değiştir",
 	  "About.failedToLoadSubscription": "Abonelik bilgisi yüklenemiyor",
-	  "About.loadingSubscription": "Abonelik yükleniyor...",
 	  "About.noSubscriptionContact": "Abonelik kişisi yok",
 	  "About.selectSubscriptionContact": "Kişi seç",
 	  "About.condense.doYouWantTo": "LiveTiles Reach'i arkadaşlarınız, şirketiniz, okulunuz veya spor kulübünüzle kullanmak ister misiniz?",
 	  "About.condense.createSubscriptionText": "Kendi aboneliğinizi oluşturun - ücretsizdir!",
 	  "About.condense.createSubscriptionButton": "Abonelik Oluştur",
 	  "About.version": "Versiyon",
-	  "About.support": "Destek",
 	  "About.privacy": "Gizlilik",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach Website",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Kişi ayarlanamadı",
 	  "EmptySearchResult.info": "Arama kriterlerinize uygun hiçbir şey yok",
 	  "KeywordPicker.emptySearch": "Aramanız için hiçbir anahtar kelime bulamadık.",
@@ -149395,7 +149535,6 @@
 	  "Subscription.productInfo.description1": "Molte organizzazioni devono affrontare la sfida di fornire in modo efficiente informazioni e messaggi importanti ai propri dipendenti, clienti e partner. Il flusso di informazioni è spesso difficile da misurare e controllare.",
 	  "Subscription.productInfo.description2": "Con LiveTiles Reach si comunica attraverso un'app intuitiva e mirata che guida l'utente in modo ideale. Un pubblico chiaramente definito può facilmente assorbire informazioni da qualsiasi luogo e i professionisti della comunicazione dispongono di uno strumento semplice ma potente per creare e pubblicare contenuti. Grazie agli strumenti di analisi avanzati è possibile valutare e controllare il flusso di informazioni.",
 	  "Subscription.productInfo.description3": "Le intranet e i progetti di comunicazione aziendale sono la nostra passione da molti anni. Abbiamo sfruttato questo pool di conoscenze per costruire LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Clicca qui per saperne di più:",
 	  "Subscription.create.caption": "Crea",
 	  "Subscription.create.cancelSignIn": "Non voglio farlo. Riportatemi al segno sullo schermo.",
 	  "Subscription.create.cancelPrevious": "Non voglio farlo. Riportami alla schermata precedente.",
@@ -149435,18 +149574,17 @@
 	  "About.title": "Circa",
 	  "About.subscriptionContact": "Contatto",
 	  "About.subscriptionCompany": "Compagnia",
-	  "About.changeSubscriptionContact": "Cambia",
 	  "About.failedToLoadSubscription": "Impossibile caricare le informazioni relative all'abbonamento",
-	  "About.loadingSubscription": "Caricamento abbonamento...",
 	  "About.noSubscriptionContact": "Nessun contatto per l'abbonamento",
 	  "About.selectSubscriptionContact": "Seleziona il contatto",
 	  "About.condense.doYouWantTo": "Do you want to use LiveTiles Reach with your friends, company, school or sports club?",
 	  "About.condense.createSubscriptionText": "Create your own subscription - it's free!",
 	  "About.condense.createSubscriptionButton": "Create Subscription",
 	  "About.version": "Versione",
-	  "About.support": "Supporto",
 	  "About.privacy": "Privacy",
 	  "About.liveTilesReachWebsite": "LiveTiles Raggiungi il sito web",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Impossibile impostare il contatto",
 	  "EmptySearchResult.info": "Niente corrisponde ai tuoi criteri di ricerca",
 	  "KeywordPicker.emptySearch": "Non siamo riusciti a trovare nessuna parola chiave per la tua ricerca.",