npm - @livetiles/reach-components-react - Versions diffs - 0.4.0-preview.225 → 0.4.0-preview.228 - Mend

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

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

Files changed (9) hide show

package/AuthorFilter.d.ts +2 -0
package/EmptyFilterSearchResult.d.ts +2 -0
package/common/FilterLogicalOperators.d.ts +6 -0
package/en.async.esm.esm.js +1 -0
package/index.d.ts +14 -5
package/index.esm.js +1 -1
package/index.esm2.js +571 -248
package/index.umd.js +572 -247
package/package.json +1 -1

package/index.umd.js CHANGED Viewed

@@ -82308,10 +82308,10 @@
 	var Gallery = _styled__default["default"].div.withConfig({
 	  displayName: "PhotoGrid__Gallery",
 	  componentId: "sc-flk193-2"
-	})(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"])), function (p) {
+	})(templateObject_6$7$2 || (templateObject_6$7$2 = __makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"])), function (p) {
 	  return p.backgroundColor;
 	}, function (p) {
-	  return p.applyRoundedCorners && _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n      border-radius: 10px;\n    "], ["\n      border-radius: 10px;\n    "])));
+	  return p.applyRoundedCorners && _styled.css(templateObject_5$9$2 || (templateObject_5$9$2 = __makeTemplateObject$1(["\n      border-radius: 10px;\n    "], ["\n      border-radius: 10px;\n    "])));
 	});
 	var ImageItem = _styled__default["default"].a.withConfig({
@@ -82329,7 +82329,7 @@
 	  componentId: "sc-flk193-5"
 	})(templateObject_9$2$2 || (templateObject_9$2$2 = __makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ", "px;\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"], ["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ", "px;\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])), fontSizeMedium, minScreenSize.small, fontSizeLarge + 3);
-	var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
+	var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$2, templateObject_6$7$2, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
 	function showPhoto(url, title) {
 	  {
@@ -82603,7 +82603,7 @@
 	  displayName: "ToolbarIconButtonWithToolTip__StyledIconButton",
 	  componentId: "sc-148nazl-2"
 	})(templateObject_5$7$2 || (templateObject_5$7$2 = __makeTemplateObject$1(["\n  border-radius: 0;\n\n  ", "\n"], ["\n  border-radius: 0;\n\n  ", "\n"])), function (p) {
-	  return p.active && _styled.css(templateObject_4$c$1 || (templateObject_4$c$1 = __makeTemplateObject$1(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), p.theme.palette.themePrimary);
+	  return p.active && _styled.css(templateObject_4$c$2 || (templateObject_4$c$2 = __makeTemplateObject$1(["\n      border-color: ", ";\n    "], ["\n      border-color: ", ";\n    "])), p.theme.palette.themePrimary);
 	});
 	var ToolbarIconButton = _styled__default["default"](ToolbarIconButtonWithToolTip).withConfig({
@@ -82613,7 +82613,7 @@
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
+	var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$c$2, templateObject_5$7$2, templateObject_6$5$2;
 	var Search$1 = function Search(props) {
 	  var intl = useIntl();
@@ -82643,7 +82643,7 @@
 	    className: classNames('search-field', props.className),
 	    useLightTheme: props.useLightTheme
 	  }, {
-	    children: [jsxRuntime.jsx(StyledTextField$1, {
+	    children: [jsxRuntime.jsx(StyledTextField$2, {
 	      className: "search-input",
 	      useLightTheme: props.useLightTheme,
 	      default: true,
@@ -82704,7 +82704,7 @@
 	  }
 	};
-	var StyledTextField$1 = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
+	var StyledTextField$2 = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
 	  displayName: "Search__StyledTextField",
 	  componentId: "sc-17f35gt-0"
 	})(templateObject_3$j$1 || (templateObject_3$j$1 = __makeTemplateObject$1(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
@@ -83222,7 +83222,7 @@
 	var ToggleAllButtons = function ToggleAllButtons(_a) {
 	  var toggleAll = _a.toggleAll,
 	      className = _a.className;
-	  return jsxRuntime.jsxs(Host$h$1, __assign$1({
+	  return jsxRuntime.jsxs(Host$h$2, __assign$1({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(StyledButton$1$1, __assign$1({
@@ -83247,7 +83247,7 @@
 	  }), void 0);
 	};
-	var Host$h$1 = _styled__default["default"].div.withConfig({
+	var Host$h$2 = _styled__default["default"].div.withConfig({
 	  displayName: "ToggleAllButtons__Host",
 	  componentId: "sc-kbn3b4-0"
 	})(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingS);
@@ -83299,7 +83299,7 @@
 	  var user = useCurrentUser();
 	  var channels = React$d.useContext(LazySubscriptionContext).channels;
 	  var displayValue = getChannelDisplayName(channels, channelOrName, user, language);
-	  return jsxRuntime.jsx(Host$g$1, __assign$1({
+	  return jsxRuntime.jsx(Host$g$2, __assign$1({
 	    title: displayValue,
 	    className: className,
 	    role: role
@@ -83308,7 +83308,7 @@
 	  }), void 0);
 	};
-	var Host$g$1 = _styled__default["default"].span.withConfig({
+	var Host$g$2 = _styled__default["default"].span.withConfig({
 	  displayName: "ChannelTitle__Host",
 	  componentId: "sc-1lqd4of-0"
 	})(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
@@ -83350,7 +83350,7 @@
 	_styled__default["default"](ChannelTitle).withConfig({
 	  displayName: "ChannelItem__StyledChannelTitle",
 	  componentId: "sc-bumcwu-0"
-	})(templateObject_1$t$1 || (templateObject_1$t$1 = __makeTemplateObject$1(["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (p) {
+	})(templateObject_1$t$2 || (templateObject_1$t$2 = __makeTemplateObject$1(["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"], ["\n  margin-left: ", "px;\n  flex: 1 1 auto;\n  font-size: ", ";\n  font-weight: bold;\n"])), function (p) {
 	  return p.applyMargin ? '37' : '0';
 	}, fontSizeLarge);
@@ -83364,7 +83364,7 @@
 	  componentId: "sc-bumcwu-2"
 	})(templateObject_3$f$1 || (templateObject_3$f$1 = __makeTemplateObject$1(["\n  i {\n    font-size: ", "px;\n  }\n"], ["\n  i {\n    font-size: ", "px;\n  }\n"])), fontSizeLarge);
-	var templateObject_1$t$1, templateObject_2$n$1, templateObject_3$f$1;
+	var templateObject_1$t$2, templateObject_2$n$1, templateObject_3$f$1;
 	var ChannelList$1 = function ChannelList(_a) {
 	  var channels = _a.channels,
@@ -83465,13 +83465,13 @@
 	// The full width of the container => 100%
 	// Minus the indicator width which might not be there in the case we have 3 channels or less
-	var Host$e$2 = _styled__default["default"].div(templateObject_1$s$1 || (templateObject_1$s$1 = __makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ", "px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ", "px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"])), IndicatorWidth + BubbleGap);
+	var Host$e$2 = _styled__default["default"].div(templateObject_1$s$2 || (templateObject_1$s$2 = __makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ", "px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  width: 100%;\n\n  &[data-has-more-indicator='true'] {\n    [data-channels] {\n      width: calc(100% - ", "px);\n    }\n  }\n\n  &[data-has-more-indicator='false'] {\n    [data-channels] {\n      width: 100%;\n    }\n  }\n"])), IndicatorWidth + BubbleGap);
 	var ChannelsHost = _styled__default["default"].div(templateObject_2$m$1 || (templateObject_2$m$1 = __makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"]))); // Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
 	var StyledChannelTitle = _styled__default["default"].span(templateObject_5$4$2 || (templateObject_5$4$2 = __makeTemplateObject$1(["\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  z-index: 1;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (p) {
-	  return p.bubbleCount && _styled.css(templateObject_3$e$1 || (templateObject_3$e$1 = __makeTemplateObject$1(["\n      max-width: calc(100% / ", " - ", "px);\n    "], ["\n      max-width: calc(100% / ", " - ", "px);\n    "])), p.bubbleCount, BubbleGap);
+	  return p.bubbleCount && _styled.css(templateObject_3$e$2 || (templateObject_3$e$2 = __makeTemplateObject$1(["\n      max-width: calc(100% / ", " - ", "px);\n    "], ["\n      max-width: calc(100% / ", " - ", "px);\n    "])), p.bubbleCount, BubbleGap);
 	}, function (p) {
 	  return p.bubbleCount && p.bubbleCount > 1 && _styled.css(templateObject_4$8$2 || (templateObject_4$8$2 = __makeTemplateObject$1(["\n      margin-right: ", "px;\n    "], ["\n      margin-right: ", "px;\n    "])), BubbleGap);
 	}, function (p) {
@@ -83494,14 +83494,14 @@
 	var CalloutList = _styled__default["default"].ul(templateObject_9$g || (templateObject_9$g = __makeTemplateObject$1(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));
-	var templateObject_1$s$1, templateObject_2$m$1, templateObject_3$e$1, templateObject_4$8$2, templateObject_5$4$2, templateObject_6$2$2, templateObject_7$n, templateObject_8$l, templateObject_9$g;
+	var templateObject_1$s$2, templateObject_2$m$1, templateObject_3$e$2, templateObject_4$8$2, templateObject_5$4$2, templateObject_6$2$2, templateObject_7$n, templateObject_8$l, templateObject_9$g;
 	_styled__default["default"]('div').withConfig({
 	  displayName: "ChannelSelector__Host",
 	  componentId: "sc-2h27u4-0"
-	})(templateObject_1$r$1 || (templateObject_1$r$1 = __makeTemplateObject$1(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+	})(templateObject_1$r$2 || (templateObject_1$r$2 = __makeTemplateObject$1(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-	var templateObject_1$r$1;
+	var templateObject_1$r$2;
 	var ClickableChannelTitles = function ClickableChannelTitles(_a) {
 	  var channels = _a.channels,
@@ -83783,7 +83783,7 @@
 	var StyledCallout$2 = _styled__default["default"](Callout).withConfig({
 	  displayName: "EmojiButton__StyledCallout",
 	  componentId: "sc-1eq2zlz-1"
-	})(templateObject_2$h$1 || (templateObject_2$h$1 = __makeTemplateObject$1(["\n  border-radius: 10px;\n  padding: 5px;\n"], ["\n  border-radius: 10px;\n  padding: 5px;\n"])));
+	})(templateObject_2$h$2 || (templateObject_2$h$2 = __makeTemplateObject$1(["\n  border-radius: 10px;\n  padding: 5px;\n"], ["\n  border-radius: 10px;\n  padding: 5px;\n"])));
 	var LazyEmojiPicker = /*#__PURE__*/React$d.lazy(function () {
 	  return Promise.resolve().then(function () { return EmojiPicker_esm; });
@@ -83812,7 +83812,7 @@
 	  return p.isSmaller ? 319 : 400;
 	});
-	var templateObject_1$k$2, templateObject_2$h$1, templateObject_3$b$2;
+	var templateObject_1$k$2, templateObject_2$h$2, templateObject_3$b$2;
 	var GiphyAttribution = function GiphyAttribution() {
 	  var env = useConfiguration();
@@ -83910,7 +83910,7 @@
 	var GifContainer = _styled__default["default"].div.withConfig({
 	  displayName: "GifSelector__GifContainer",
 	  componentId: "sc-lame6k-1"
-	})(templateObject_2$g$1 || (templateObject_2$g$1 = __makeTemplateObject$1(["\n  margin-top: ", "px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ", "px);\n  grid-gap: ", "px;\n  justify-content: space-around;\n"], ["\n  margin-top: ", "px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ", "px);\n  grid-gap: ", "px;\n  justify-content: space-around;\n"])), spacingS, function (p) {
+	})(templateObject_2$g$2 || (templateObject_2$g$2 = __makeTemplateObject$1(["\n  margin-top: ", "px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ", "px);\n  grid-gap: ", "px;\n  justify-content: space-around;\n"], ["\n  margin-top: ", "px;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, ", "px);\n  grid-gap: ", "px;\n  justify-content: space-around;\n"])), spacingS, function (p) {
 	  return p.columnWidth;
 	}, spacingXs);
@@ -83919,7 +83919,7 @@
 	  componentId: "sc-lame6k-2"
 	})(templateObject_3$a$2 || (templateObject_3$a$2 = __makeTemplateObject$1(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-	var templateObject_1$i$2, templateObject_2$g$1, templateObject_3$a$2;
+	var templateObject_1$i$2, templateObject_2$g$2, templateObject_3$a$2;
 	var GifSelectorCallout = function GifSelectorCallout(_a) {
 	  var target = _a.target,
@@ -87327,9 +87327,9 @@
 	  }), void 0);
 	};
-	var version$1 = "0.4.0-preview.225";
-	var buildId = "98680";
-	var commitId = "be8e899c8ca58314f4e81278a19e5a941f5463ba";
+	var version$1 = "0.4.0-preview.228";
+	var buildId = "98787";
+	var commitId = "150e036829bf4c080f98b99b58372aa4fa9e51e9";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -131522,7 +131522,7 @@
 	// https://tc39.github.io/ecma262/#sec-promise.all
 	all:function all(iterable){var C=this;var capability=newPromiseCapability(C);var resolve=capability.resolve;var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);var values=[];var counter=0;var remaining=1;iterate(iterable,function(promise){var index=counter++;var alreadyCalled=false;values.push(undefined);remaining++;$promiseResolve.call(C,promise).then(function(value){if(alreadyCalled)return;alreadyCalled=true;values[index]=value;--remaining||resolve(values);},reject);});--remaining||resolve(values);});if(result.error)reject(result.value);return capability.promise;},// `Promise.race` method
 	// https://tc39.github.io/ecma262/#sec-promise.race
-	race:function race(iterable){var C=this;var capability=newPromiseCapability(C);var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);iterate(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});function getCommaSeparatedChannelsString(channels){if(!(channels===null||channels===void 0?void 0:channels.length)){return {};}return {channels:channels.join(',')};}function getCommaSeparatedKeywordsString(keywords){if(!(keywords===null||keywords===void 0?void 0:keywords.length)){return {};}return {keywords:keywords.join(',')};}function useEventsApi(){var api=useApi();return React$d.useMemo(function(){return {getEvents:getEvents,getEvent:getEvent,getEventRecurrences:getEventRecurrences};function getEvents(filter,sortFieldBuilder){var queryString$1=queryString.stringify(__assign(__assign({},filter&&__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords))),sortFieldBuilder&&__assign({},sortFieldBuilder)));return api.custom("events?"+queryString$1).get().then(function(r){return r.body().data();});}function getEvent(id){return api.all('events').get(id).then(function(response){var eventItem=response.body().data();itemStatisticsCache[eventItem.id]=Promise.resolve(__assign({},eventItem.statistics));return eventItem;});}function getEventRecurrences(eventId,from,to){return api.all("editor/events/"+eventId+"/recurrences?"+queryString.stringify({from:from,to:to})).getAll().then(function(res){return res.body().map(function(e){return e.data();});});}},[api]);}// `SameValue` abstract operation
+	race:function race(iterable){var C=this;var capability=newPromiseCapability(C);var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);iterate(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});function getCommaSeparatedChannelsString(channels){if(!(channels===null||channels===void 0?void 0:channels.length)){return {};}return {channels:channels.join(',')};}function getCommaSeparatedKeywordsString(keywords){if(!(keywords===null||keywords===void 0?void 0:keywords.length)){return {};}return {keywords:keywords.join(',')};}function useEventsApi(){var api=useApi();return React$d.useMemo(function(){return {getEvents:getEvents,getEvent:getEvent,getEventRecurrences:getEventRecurrences};function getEvents(filter,sortFieldBuilder){var _a;var queryString$1=queryString.stringify(__assign(__assign({},filter&&__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords))),sortFieldBuilder&&__assign({},sortFieldBuilder)));return api.custom("events?"+queryString$1).get().then(function(r){return r.body().data();});}function getEvent(id){return api.all('events').get(id).then(function(response){var eventItem=response.body().data();itemStatisticsCache[eventItem.id]=Promise.resolve(__assign({},eventItem.statistics));return eventItem;});}function getEventRecurrences(eventId,from,to){return api.all("editor/events/"+eventId+"/recurrences?"+queryString.stringify({from:from,to:to})).getAll().then(function(res){return res.body().map(function(e){return e.data();});});}},[api]);}// `SameValue` abstract operation
 	// https://tc39.github.io/ecma262/#sec-samevalue
 	var sameValue$1=Object.is||function is(x,y){// eslint-disable-next-line no-self-compare
 	return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3=requireObjectCoercible$c;var sameValue=sameValue$1;var regExpExec$1=regexpExecAbstract$1;// @@search logic
@@ -131532,8 +131532,8 @@
 	// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
 	function(regexp){var res=maybeCallNative(nativeSearch,regexp,this);if(res.done)return res.value;var rx=anObject$1$1(regexp);var S=String(this);var previousLastIndex=rx.lastIndex;if(!sameValue(previousLastIndex,0))rx.lastIndex=0;var result=regExpExec$1(rx,S);if(!sameValue(rx.lastIndex,previousLastIndex))rx.lastIndex=previousLastIndex;return result===null?-1:result.index;}];});var $$8=_export;var assign=objectAssign;// `Object.assign` method
 	// https://tc39.github.io/ecma262/#sec-object.assign
-	$$8({target:'Object',stat:true,forced:Object.assign!==assign},{assign:assign});var defaultPageSize$2=10;function fetchNewsItems(path,cacheKey,api,storage,paginationToken,filterDefinition,isArray){var _this=this;var _a,_b;if(isArray===void 0){isArray=false;}var hasSimpleFilters=filterDefinition.beforeDate!=null||filterDefinition.afterDate!=null||((_a=filterDefinition.keywords)===null||_a===void 0?void 0:_a.length)>0||filterDefinition.author!=null||filterDefinition.owner!=null||filterDefinition.bookmarksOnly!=null||filterDefinition.source!=null||filterDefinition.state!=null||filterDefinition.groupId!=null||filterDefinition.includePromoted!=null||filterDefinition.unreadOnly!=null;var isSearchActive=filterDefinition.search&&filterDefinition.search.length>0;var hasChannels=((_b=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_b===void 0?void 0:_b.length)>0;var pageSize=filterDefinition.pageSize;var hasAnyFilteringApplied=hasChannels||hasSimpleFilters||isSearchActive;// Note: caching is done only for the first page (paginationToken == null)
-	var canCache=!hasAnyFilteringApplied&&paginationToken==null;if(isSearchActive){filterDefinition.search=filterDefinition.search.trim();}if(!hasAnyFilteringApplied){filterDefinition=null;}var params=Object.assign({},{token:paginationToken,pageSize:pageSize!==null&&pageSize!==void 0?pageSize:defaultPageSize$2},__assign(__assign(__assign({},filterDefinition),getCommaSeparatedChannelsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)),getCommaSeparatedKeywordsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.keywords)));var endpoint=api.all(path);var apiLoader=isArray?endpoint.getAll(params).then(function(res){return {items:res.body().map(function(r){return r.data();})};}):endpoint.get('',params).then(function(res){return res.body().data();});if(!canCache){return from(apiLoader);}return new Observable(function(observer){(function(){return __awaiter(_this,void 0,void 0,function(){var cachedPage,apiPage_1,err_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,storage.getObject(cacheKey)];case 1:cachedPage=_a.sent();if(cachedPage){validateFileAccessTokens(cachedPage,function(isTokenValid,item){if(!isTokenValid){// prevent executing requests resulting in 401 if we already know the token is not valid anymore
+	$$8({target:'Object',stat:true,forced:Object.assign!==assign},{assign:assign});var defaultPageSize$2=10;function fetchNewsItems(path,cacheKey,api,storage,paginationToken,filterDefinition,isArray){var _this=this;var _a,_b,_c,_d;if(isArray===void 0){isArray=false;}var hasSimpleFilters=filterDefinition.beforeDate!=null||filterDefinition.afterDate!=null||((_a=filterDefinition.keywords)===null||_a===void 0?void 0:_a.length)>0||filterDefinition.author!=null||filterDefinition.owner!=null||filterDefinition.bookmarksOnly!=null||filterDefinition.source!=null||filterDefinition.state!=null||filterDefinition.groupId!=null||filterDefinition.includePromoted!=null||filterDefinition.unreadOnly!=null;var isSearchActive=filterDefinition.search&&filterDefinition.search.length>0;var hasChannels=((_c=(_b=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_b===void 0?void 0:_b.items)===null||_c===void 0?void 0:_c.length)>0;var pageSize=filterDefinition.pageSize;var hasAnyFilteringApplied=hasChannels||hasSimpleFilters||isSearchActive;// Note: caching is done only for the first page (paginationToken == null)
+	var canCache=!hasAnyFilteringApplied&&paginationToken==null;if(isSearchActive){filterDefinition.search=filterDefinition.search.trim();}if(!hasAnyFilteringApplied){filterDefinition=null;}var params=Object.assign({},{token:paginationToken,pageSize:pageSize!==null&&pageSize!==void 0?pageSize:defaultPageSize$2},__assign(__assign(__assign({},filterDefinition),getCommaSeparatedChannelsString((_d=filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.channels)===null||_d===void 0?void 0:_d.items)),getCommaSeparatedKeywordsString(filterDefinition===null||filterDefinition===void 0?void 0:filterDefinition.keywords)));var endpoint=api.all(path);var apiLoader=isArray?endpoint.getAll(params).then(function(res){return {items:res.body().map(function(r){return r.data();})};}):endpoint.get('',params).then(function(res){return res.body().data();});if(!canCache){return from(apiLoader);}return new Observable(function(observer){(function(){return __awaiter(_this,void 0,void 0,function(){var cachedPage,apiPage_1,err_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,storage.getObject(cacheKey)];case 1:cachedPage=_a.sent();if(cachedPage){validateFileAccessTokens(cachedPage,function(isTokenValid,item){if(!isTokenValid){// prevent executing requests resulting in 401 if we already know the token is not valid anymore
 	item.fileAccessToken=null;}});observer.next(cachedPage);}return [4/*yield*/,apiLoader];case 2:apiPage_1=_a.sent();// no need to wait for updating the cache
 	storage.set(cacheKey,apiPage_1).then(function(){return null;});if(!cachedPage){observer.next(apiPage_1);observer.complete();return [2/*return*/];}validateFileAccessTokens(cachedPage,function(isTokenValid,cachedItem){var apiItem=apiPage_1.items.find(function(i){return i.id===cachedItem.id;});if(apiItem&&isTokenValid){// prevent reload of the image if the old token is still valid
 	apiItem.fileAccessToken=cachedItem.fileAccessToken;}});observer.next(apiPage_1);observer.complete();return [3/*break*/,4];case 3:err_1=_a.sent();observer.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});})();});}function validateFileAccessTokens(page,modifyFunc){if(!page||!page.items){return;}page.items.forEach(function(item){var isTokenValid=isTokenStillValid(item.fileAccessToken);modifyFunc(isTokenValid,item);});}var NewsApiService=/** @class */function(){function NewsApiService(factory,subscriptionId,storage){var _this=this;this.factory=factory;this.storage=storage;this.trackExternalItem=function(itemId,itemType){return _this.api.custom(itemType+"/"+encodeURIComponent(itemId)+"/external_url/track").get().then(function(result){return result.body().data();});};this.getAllNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{includePromoted:true}));};this.getAllUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('news',NewsApiService.allNewsCacheKey,_this.api,_this.storage,paginationToken,__assign(__assign({},filterDefinition||{}),{unreadOnly:true,pageSize:0}));};this.getMyNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news',NewsApiService.newsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition);};this.getMyUnreadNews=function(filterDefinition,paginationToken){return fetchNewsItems('users/current/news/unread',NewsApiService.myUnreadNewsCacheKey,_this.api,_this.storage,paginationToken,filterDefinition,true);};this.getBookmarks=function(filterDefinition){return fetchNewsItems('users/current/bookmarks',NewsApiService.bookmarksCacheKey,_this.api,_this.storage,null,filterDefinition,true);};this.getNewsFromCache=function(){return __awaiter(_this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:return [4/*yield*/,this.storage.getObject(NewsApiService.newsItemsCacheKey)];case 1:return [2/*return*/,(_a=_b.sent())!==null&&_a!==void 0?_a:[]];}});});};this.get=function(newsId){var getFromCache=function getFromCache(id){return __awaiter(_this,void 0,void 0,function(){var cache,hits;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,this.getNewsFromCache()];case 1:cache=_a.sent();hits=cache.filter(function(i){return i.id===id;});return [2/*return*/,hits.length>0?hits[0]:null];}});});};var getFromApi=function getFromApi(id){return from(_this.api.all('news').get(id)).pipe(mergeMap(function(res){return updateItemCache(res.body().data());}));};var updateItemCache=function updateItemCache(item){return __awaiter(_this,void 0,void 0,function(){var fromCache,index,cacheItem,clonedCachedItem,clonedNewItem;return __generator(this,function(_a){switch(_a.label){case 0:if(item.statistics){itemStatisticsCache[item.id]=Promise.resolve(__assign({},item.statistics));}return [4/*yield*/,this.getNewsFromCache()];case 1:fromCache=_a.sent();index=fromCache.findIndex(function(i){return i.id===item.id;});if(index>-1){cacheItem=fromCache[index];if(isTokenStillValid(cacheItem.fileAccessToken)){clonedCachedItem=__assign({},cacheItem);delete clonedCachedItem.fileAccessToken;clonedNewItem=__assign({},item);delete clonedNewItem.fileAccessToken;if(JSON.stringify(clonedCachedItem)===JSON.stringify(clonedNewItem)){return [2/*return*/,null];}}fromCache.splice(index,1,item);}else {fromCache.push(item);}return [4/*yield*/,this.storage.set(NewsApiService.newsItemsCacheKey,fromCache)];case 2:_a.sent();return [2/*return*/,item];}});});};return concat(getFromCache(newsId),getFromApi(newsId)).pipe(filter(function(i){return i!=null;}),catchError(function(err){if(err.response&&err.response.statusCode===404){return of(null);}else {return throwError(err);}}));};this.getImageUrlWithToken=function(token,itemId,subscriptionId,resourceType,imageIdentifier,width,height){if(imageIdentifier===void 0){imageIdentifier='banner';}return _this.factory.createApiUrl("/"+resourceType+"/"+itemId+"/images/"+imageIdentifier+"/"+width+"/"+(height||''),{access_token:token,subscriptionId:subscriptionId});};this.getStatistics=function(newsId){if(!itemStatisticsCache[newsId]){itemStatisticsCache[newsId]=_this.api.custom("news/"+newsId+"/statistics").get().then(function(result){return result.body().data();}).then(function(result){var feedbackCountsKeys=Object.keys(result.feedbackCounts);return {bookmarkCount:result.bookmarkCount,likeCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='like';})],commentCount:result.commentCount,confirmationCount:result.feedbackCounts[feedbackCountsKeys.find(function(k){return k==='confirm';})],readCount:result.readCount};});}return itemStatisticsCache[newsId];};this.refreshStatistics=function(itemId,delta){return __awaiter(_this,void 0,void 0,function(){var _this=this;return __generator(this,function(_a){switch(_a.label){case 0:// update statistics cache with new delta
@@ -131598,7 +131598,7 @@
 	return {hasAnySeatsLeft:true,locations:undefined};}function getTotalParticipants(){if(item.userResponse!==eventResponse){return (item.statistics.participantsCount||0)+(eventResponse===EventResponse.Registered?1:-1);}return item.statistics.participantsCount||0;}};var pageSize=50;var defaultShimmerCount=7;var LikersList=function LikersList(_a){var itemId=_a.itemId,itemType=_a.itemType,likersCount=_a.likersCount,className=_a.className;var getLikers=useFeedbackApi().getLikers;var initialPageSize=Math.min(likersCount,pageSize);var _b=usePromise$2(loadLikers,null,[itemId]),likersInfo=_b[0],isLoading=_b[1],loadNextPage=_b[5];var isInitialLoading=!(likersInfo===null||likersInfo===void 0?void 0:likersInfo.likers)&&isLoading;var isLoadingNextPage=(likersInfo===null||likersInfo===void 0?void 0:likersInfo.likers)&&isLoading;var scrollContainer=React$d.useRef(null);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(LikersListShimmer,__assign({count:Math.min(likersCount,defaultShimmerCount),isLoading:isInitialLoading&&likersCount>0},{children:jsxRuntime.jsxs(List$1,__assign({className:className,"data-likers-list":true,ref:scrollContainer,onScroll:handleScroll},{children:[likersInfo===null||likersInfo===void 0?void 0:likersInfo.likers.map(function(i){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(PersonaCard,__assign({upn:i.userPrincipalName},{children:jsxRuntime.jsx(StyledAvatar$2,{"data-liker":i.userPrincipalName,upn:i.userPrincipalName,text:i.displayName},void 0)}),void 0)},i.id);}),isLoadingNextPage&&jsxRuntime.jsx(StyledSpinner$3,{},void 0),likersInfo&&!likersInfo.token&&likersInfo.likers.length>defaultShimmerCount&&jsxRuntime.jsx(UsersLoadedIndicator,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.finishedLoadingLikers"},void 0)},void 0)]}),void 0)}),void 0),(likersInfo===null||likersInfo===void 0?void 0:likersInfo.likers)&&!likersInfo.likers.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.nobodyLikesThis"},void 0)]},void 0);function loadLikers(likersInfo){if(likersInfo===void 0){likersInfo={likers:[],token:null};}return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getLikers(itemType,itemId,{pageSize:!likersInfo.token?initialPageSize:pageSize,token:likersInfo.token})];case 1:result=_a.sent();return [2/*return*/,{likers:likersInfo.likers.concat(result.items),token:result.paginationToken}];}});});}function handleScroll(){return __awaiter(this,void 0,void 0,function(){var container,err_1;return __generator(this,function(_a){switch(_a.label){case 0:container=scrollContainer.current;if(!container){return [2/*return*/];}// check if we reached the end of the pagination
 	// or we are already loading the next page
 	if(likersInfo.token==null||isLoading){return [2/*return*/];}// check if user scrolled enough
-	if(container.scrollHeight-container.scrollTop>container.clientHeight+300){return [2/*return*/];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,loadNextPage(likersInfo)];case 2:_a.sent();return [3/*break*/,4];case 3:err_1=_a.sent();logger.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledAvatar$2=_styled__default["default"](Avatar).withConfig({displayName:"LikersList__StyledAvatar",componentId:"sc-a990fb-0"})(templateObject_1$20||(templateObject_1$20=__makeTemplateObject(["\n  .ms-Persona-primaryText {\n    white-space: initial;\n  }\n"],["\n  .ms-Persona-primaryText {\n    white-space: initial;\n  }\n"])));var List$1=_styled__default["default"].ul.withConfig({displayName:"LikersList__List",componentId:"sc-a990fb-1"})(templateObject_2$1g||(templateObject_2$1g=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 4px;\n\n  max-height: ","px;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n\n  li {\n    display: flex;\n    flex: 1 1 auto;\n    margin-top: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 4px;\n\n  max-height: ","px;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n\n  li {\n    display: flex;\n    flex: 1 1 auto;\n    margin-top: ","px;\n  }\n"])),defaultShimmerCount*58,spacingS);var StyledSpinner$3=_styled__default["default"](Spinner).withConfig({displayName:"LikersList__StyledSpinner",componentId:"sc-a990fb-2"})(templateObject_3$P||(templateObject_3$P=__makeTemplateObject(["\n  margin: ","px 0;\n\n  & > .ms-Spinner {\n    height: 38px;\n  }\n"],["\n  margin: ","px 0;\n\n  & > .ms-Spinner {\n    height: 38px;\n  }\n"])),spacingS);var LikersListShimmer=function LikersListShimmer(_a){var count=_a.count,isLoading=_a.isLoading,children=_a.children;return jsxRuntime.jsx(officeUiFabricReact.Shimmer,__assign({isDataLoaded:!isLoading,customElementsGroup:Array.from(Array(count)).map(function(_,i){return jsxRuntime.jsx(UserShimmer,{},i);})},{children:children}),void 0);};var UserShimmer=function UserShimmer(){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,height:10,width:'100%'}]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.circle,height:48,verticalAlign:'bottom'},{type:officeUiFabricReact.ShimmerElementType.gap,height:15},{type:officeUiFabricReact.ShimmerElementType.gap,height:15},{type:officeUiFabricReact.ShimmerElementType.line,height:18}]},void 0)]},void 0);};var UsersLoadedIndicator=_styled__default["default"].div.withConfig({displayName:"LikersList__UsersLoadedIndicator",componentId:"sc-a990fb-3"})(templateObject_4$A||(templateObject_4$A=__makeTemplateObject(["\n  margin-top: ","px;\n  font-style: italic;\n  display: flex;\n  justify-content: center;\n"],["\n  margin-top: ","px;\n  font-style: italic;\n  display: flex;\n  justify-content: center;\n"])),spacingM);var templateObject_1$20,templateObject_2$1g,templateObject_3$P,templateObject_4$A;_styled__default["default"].div.withConfig({displayName:"LongPressLikeButton__ButtonHost",componentId:"sc-1n5c9rg-0"})(templateObject_1$1$||(templateObject_1$1$=__makeTemplateObject(["\n  * {\n    // try to fix ios behavior\n    -webkit-touch-callout: none !important;\n    -webkit-user-select: none !important;\n    -khtml-user-select: none !important;\n    -moz-user-select: none !important;\n    -ms-user-select: none !important;\n    user-select: none !important;\n    -webkit-text-size-adjust: none;\n  }\n"],["\n  * {\n    // try to fix ios behavior\n    -webkit-touch-callout: none !important;\n    -webkit-user-select: none !important;\n    -khtml-user-select: none !important;\n    -moz-user-select: none !important;\n    -ms-user-select: none !important;\n    user-select: none !important;\n    -webkit-text-size-adjust: none;\n  }\n"])));_styled.createGlobalStyle(templateObject_2$1f||(templateObject_2$1f=__makeTemplateObject(["\n  .dialog-likers-list {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n  }\n"],["\n  .dialog-likers-list {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$1$,templateObject_2$1f;var HoverLikeButton=function HoverLikeButton(_a){var itemId=_a.itemId,itemType=_a.itemType,likersCount=_a.likersCount,children=_a.children;var _b=React$d.useState(false),showCallout=_b[0],setshowCallout=_b[1];var buttonRef=React$d.useRef(null);var timeout=React$d.useRef(null);React$d.useEffect(function(){return function(){return window.clearTimeout(timeout.current);};},[]);return jsxRuntime.jsxs("div",__assign({ref:buttonRef,onMouseEnter:startOpenCalloutTimer,onMouseLeave:cancelOpenCalloutTimer,onFocus:startOpenCalloutTimer,onBlur:cancelOpenCalloutTimer},{children:[jsxRuntime.jsx("div",{children:children},void 0),showCallout&&jsxRuntime.jsx(LikersCallout,{itemId:itemId,itemType:itemType,target:buttonRef.current,likersCount:likersCount,onDismiss:function(){return setshowCallout(false);}},void 0)]}),void 0);function startOpenCalloutTimer(){if(!likersCount){return;}window.clearTimeout(timeout.current);timeout.current=window.setTimeout(function(){setshowCallout(true);},1000);}function cancelOpenCalloutTimer(){window.clearTimeout(timeout.current);}};var LikersCallout=function LikersCallout(_a){var itemId=_a.itemId,itemType=_a.itemType,onDismiss=_a.onDismiss,target=_a.target,likersCount=_a.likersCount;return jsxRuntime.jsxs(StyledCallout,__assign({target:target,onDismiss:onDismiss,directionalHint:DirectionalHint.DirectionalHint.leftCenter},{children:[jsxRuntime.jsxs(LikedBy,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.likers"},void 0),":"]},void 0),jsxRuntime.jsx(LikersList,{itemId:itemId,itemType:itemType,likersCount:likersCount},void 0)]}),void 0);};var StyledCallout=_styled__default["default"](Callout).withConfig({displayName:"HoverLikeButton__StyledCallout",componentId:"sc-1f0a2ni-0"})(templateObject_1$1_||(templateObject_1$1_=__makeTemplateObject(["\n  padding: ","px;\n  .ms-Callout-main {\n    min-height: ","px;\n    overflow-y: hidden;\n    width: 225px;\n\n    .ms-TooltipHost {\n      white-space: initial;\n    }\n  }\n"],["\n  padding: ","px;\n  .ms-Callout-main {\n    min-height: ","px;\n    overflow-y: hidden;\n    width: 225px;\n\n    .ms-TooltipHost {\n      white-space: initial;\n    }\n  }\n"])),spacingM,spacingXl);var LikedBy=_styled__default["default"].span.withConfig({displayName:"HoverLikeButton__LikedBy",componentId:"sc-1f0a2ni-1"})(templateObject_2$1e||(templateObject_2$1e=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var templateObject_1$1_,templateObject_2$1e;var LikeButton=function LikeButton(_a){var itemId=_a.itemId,itemType=_a.itemType,isActive=_a.isActive,count=_a.count,onClick=_a.onClick,isDemoContent=_a.isDemoContent,doNotRenderZeroCount=_a.doNotRenderZeroCount,readOnly=_a.readOnly,className=_a.className;var features=useFeatures();var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var likeButton=jsxRuntime.jsx(FeedbackCountButton,{className:className,tooltipResourceKey:"Generic.like",activeTooltipResourceKey:"Generic.unlike",ariaLabel:formatMessage({id:isActive?'AriaLabel.unlikeItemButton':'AriaLabel.likeItemButton'}),iconName:"Like",activeIconName:"LikeSolid",isActive:isActive,onClick:onClick,count:count,feedbackType:"like",doNotRenderZeroCount:doNotRenderZeroCount,readOnly:readOnly,hideTooltip:features.showLikers},void 0);if(!features.showLikers||isDemoContent||user.isPublicUser){return likeButton;}return jsxRuntime.jsx(HoverLikeButton,__assign({itemId:itemId,itemType:itemType,likersCount:count},{children:likeButton}),void 0);};function hasFeedbackType(feedbackSettings,feedbackType){return feedbackSettings&&feedbackSettings.feedbackOptions&&feedbackSettings.feedbackOptions.findIndex(function(f){return f===feedbackType;})>-1;}var CardLikeButton=function CardLikeButton(_a){var _b,_c,_d;var item=_a.item,itemResourceType=_a.itemResourceType,className=_a.className;var _e=React$d.useState(item.isLiked),isLiked=_e[0],setIsLiked=_e[1];var _f=React$d.useState((_c=(_b=item.statistics)===null||_b===void 0?void 0:_b.likeCount)!==null&&_c!==void 0?_c:0),likeCount=_f[0],setLikeCount=_f[1];var _g=React$d.useState(false),isSaving=_g[0],setIsSaving=_g[1];var features=useFeatures();var _h=useFeedbackApi(),setFeedback=_h.setFeedback,unsetFeedback=_h.unsetFeedback;var metadata=(_d=item.metadata)!==null&&_d!==void 0?_d:{};var hasLikesEnabled=hasFeedbackType(metadata.feedbackSettings,'like');var showError=useNotificationContext().showError;if(!features.likes||!hasLikesEnabled){return null;}return jsxRuntime.jsx(StyledLikeButton$2,{itemId:item.id,itemType:itemResourceType,isActive:isLiked,count:likeCount,onClick:handleClick,doNotRenderZeroCount:true,className:className,isDemoContent:item.isDemoContent},void 0);function handleClick(){return __awaiter(this,void 0,void 0,function(){var isNowLiked,oldCount;return __generator(this,function(_b){switch(_b.label){case 0:if(isSaving){return [2/*return*/];}isNowLiked=!isLiked;oldCount=likeCount;_b.label=1;case 1:_b.trys.push([1,6,7,8]);setIsSaving(true);setIsLiked(isNowLiked);setLikeCount(isNowLiked?oldCount+1:oldCount-1);if(!isNowLiked)return [3/*break*/,3];return [4/*yield*/,setFeedback(itemResourceType,item.id,'like')];case 2:_b.sent();return [3/*break*/,5];case 3:return [4/*yield*/,unsetFeedback(itemResourceType,item.id,'like')];case 4:_b.sent();_b.label=5;case 5:return [3/*break*/,8];case 6:_b.sent();setIsLiked(!isNowLiked);showError('NewsArticle.setFeedback_error');setLikeCount(oldCount);return [3/*break*/,8];case 7:setIsSaving(false);return [7/*endfinally*/];case 8:return [2/*return*/];}});});}};var StyledLikeButton$2=_styled__default["default"](LikeButton).withConfig({displayName:"CardLikeButton__StyledLikeButton",componentId:"sc-10mlzn4-0"})(templateObject_1$1Z||(templateObject_1$1Z=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0 4px;\n  font-size: 0.9rem;\n  font-weight: normal;\n\n  i {\n    font-size: 22px;\n    font-weight: 400;\n  }\n"],["\n  min-width: 1px;\n  margin: 0 4px;\n  font-size: 0.9rem;\n  font-weight: normal;\n\n  i {\n    font-size: 22px;\n    font-weight: 400;\n  }\n"])));var templateObject_1$1Z;var EventRecurrenceSeriesInfo=function EventRecurrenceSeriesInfo(_a){var _b;var eventItem=_a.eventItem,className=_a.className;if(!(eventItem===null||eventItem===void 0?void 0:eventItem.recurrenceSeriesId)){return null;}var endDate=(_b=eventItem.recurrenceSettings)===null||_b===void 0?void 0:_b.endDate;return jsxRuntime.jsx(Host$L,__assign({className:className},{children:jsxRuntime.jsx(StyledTooltip$3,__assign({resourceKey:"Events.editor.recurrence.iconTooltip",values:{endDate:moment(endDate).format('LL')},hidden:!endDate},{children:jsxRuntime.jsxs(Container$2,{children:[jsxRuntime.jsx(StyledIcon$6,{iconName:"RecurringEvent"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.editor.recurrence.series"},void 0)]},void 0)}),void 0)}),void 0);};var Host$L=_styled__default["default"].div.withConfig({displayName:"EventRecurrenceSeriesInfo__Host",componentId:"sc-12fly5n-0"})(templateObject_1$1Y||(templateObject_1$1Y=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n"],["\n  display: flex;\n  font-size: ","px;\n"])),fontSizeSmall);var StyledTooltip$3=_styled__default["default"](Tooltip).withConfig({displayName:"EventRecurrenceSeriesInfo__StyledTooltip",componentId:"sc-12fly5n-1"})(templateObject_2$1d||(templateObject_2$1d=__makeTemplateObject(["\n  z-index: 1;\n"],["\n  z-index: 1;\n"])));var Container$2=_styled__default["default"].div.withConfig({displayName:"EventRecurrenceSeriesInfo__Container",componentId:"sc-12fly5n-2"})(templateObject_3$O||(templateObject_3$O=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledIcon$6=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRecurrenceSeriesInfo__StyledIcon",componentId:"sc-12fly5n-3"})(templateObject_4$z||(templateObject_4$z=__makeTemplateObject(["\n  font-size: ","px;\n  padding-right: ","px;\n"],["\n  font-size: ","px;\n  padding-right: ","px;\n"])),fontSizeMedium,spacingXs);var templateObject_1$1Y,templateObject_2$1d,templateObject_3$O,templateObject_4$z;var EventRecurrenceSeriesInfoNavLink=function EventRecurrenceSeriesInfoNavLink(_a){var recurrenceSeriesId=_a.recurrenceSeriesId,title=_a.title,children=_a.children,className=_a.className;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!recurrenceSeriesId){return null;}return jsxRuntime.jsx(StyledNavLink$2,__assign({to:buildPath("/events/upcoming?"+queryString.stringify({seriesId:recurrenceSeriesId,seriesTitle:title})),className:className},{children:children}),void 0);};var StyledNavLink$2=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"EventRecurrenceSeriesInfoNavLink__StyledNavLink",componentId:"sc-1szm15-0"})(templateObject_1$1X||(templateObject_1$1X=__makeTemplateObject(["\n  &&& {\n    color: ",";\n    text-decoration: none;\n  }\n"],["\n  &&& {\n    color: ",";\n    text-decoration: none;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1X;var EventCard=function EventCard(_a){var _b,_c,_d,_e,_f;var item=_a.item,language=_a.language,styleDefinition=_a.styleDefinition,allowFilterByChannels=_a.allowFilterByChannels,showFeedbackButtons=_a.showFeedbackButtons,readOnly=_a.readOnly,className=_a.className;var user=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var windowSize=useWindowSize$2();var highlight=!!user.unreadEvents.find(function(e){return e.itemId===item.id||e.itemId===item.recurrenceSeriesId;});var userLanguage=getPreferredContentLanguage(user);var contents=item.contents[language];var targetRoute=NewsService.getNewsRoute(buildPath('/events'),item.id,contents.title);var isCancelled=(_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled;var hasNoRegistration=!isCancelled&&!((_c=item.registrationSettings)===null||_c===void 0?void 0:_c.enabled);var hasManyLocationsAndContacts=((_d=item.locations)===null||_d===void 0?void 0:_d.length)+((_e=item.contacts)===null||_e===void 0?void 0:_e.length)>=6;var bannerOnTheLeft=windowSize.width>767;var bannerWidth=bannerOnTheLeft&&hasManyLocationsAndContacts?750:450;return jsxRuntime.jsxs(Host$K,__assign({className:className,highlight:highlight,styleDefinition:styleDefinition,"data-item-id":item.id,"data-card-highlight":highlight,"data-no-registration":hasNoRegistration,"data-banner":(_f=item.bannerInfo)===null||_f===void 0?void 0:_f.type},{children:[jsxRuntime.jsx(IEFix,{},void 0),!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath('/events'),title:contents.title,itemId:item.id,itemType:ItemResourceTypes.Events},void 0),jsxRuntime.jsx(EventCardBanner,{item:item,bannerWidth:bannerWidth,bannerHostDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerHostWidth,showPlaceholder:!item.bannerInfo&&(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showPlaceholderIfNoBannerInfo)},void 0),jsxRuntime.jsxs(Content$7,{children:[jsxRuntime.jsxs(Header$2,__assign({"data-card-header":true},{children:[jsxRuntime.jsx(Dates,{startDate:item.startDate,endDate:item.endDate,isCancelled:isCancelled,className:"event-card-dates"},void 0),showFeedbackButtons&&jsxRuntime.jsx(Feedback,{item:item,type:"header",targetRoute:targetRoute},void 0)]}),void 0),readOnly?jsxRuntime.jsx(RecurrenceSeriesInfo$1,{eventItem:item},void 0):jsxRuntime.jsx(EventRecurrenceSeriesInfoNavLink,{recurrenceSeriesId:item.recurrenceSeriesId,title:contents.title,children:jsxRuntime.jsx(RecurrenceSeriesInfo$1,{eventItem:item},void 0)},void 0),jsxRuntime.jsx(Title$7,{children:readOnly?contents.title:jsxRuntime.jsx(StyledLink,__assign({to:targetRoute},{children:contents.title}),void 0)},void 0),jsxRuntime.jsxs(Footer$1,{children:[jsxRuntime.jsxs(FooterStart,{children:[jsxRuntime.jsx(Locations,{locations:item.locations},void 0),jsxRuntime.jsx(Contacts,{item:item,hideAnnouncer:true},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userLanguage,allowFilterByChannels:allowFilterByChannels,channelBackgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.channelsBackgroundColor},void 0)]},void 0),jsxRuntime.jsxs(FooterEnd,{children:[jsxRuntime.jsx(Registration,{item:item,disabled:readOnly},void 0),jsxRuntime.jsx(CancelInfo,{item:item},void 0),showFeedbackButtons&&jsxRuntime.jsx(Feedback,{item:item,type:"footer",targetRoute:targetRoute},void 0)]},void 0)]},void 0)]},void 0)]}),void 0);};var Host$K=_styled__default["default"].article.withConfig({displayName:"EventCard__Host",componentId:"sc-19skrau-0"})(templateObject_4$y||(templateObject_4$y=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  width: 100%;\n  position: relative;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  ","\n\n  color: ",";\n"],["\n  ","\n\n  display: flex;\n  width: 100%;\n  position: relative;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  ","\n\n  color: ",";\n"])),function(p){return p.styleDefinition?_styled.css(templateObject_1$1W||(templateObject_1$1W=__makeTemplateObject(["\n          background-color: ",";\n          ",";\n        "],["\n          background-color: ",";\n          ",";\n        "])),p.styleDefinition.backgroundColor||p.theme.palette.white,!p.styleDefinition.noShadow&&CardBorderInline(2,2)):_styled.css(templateObject_2$1c||(templateObject_2$1c=__makeTemplateObject(["\n          ",";\n          background-color: ",";\n        "],["\n          ",";\n          background-color: ",";\n        "])),CardBorderInline(2,2),p.theme.palette.white);},maxScreenSize.medium,function(p){return p.highlight&&_styled.css(templateObject_3$N||(templateObject_3$N=__makeTemplateObject(["\n      position: relative;\n\n      &::after {\n        ",";\n      }\n    "],["\n      position: relative;\n\n      &::after {\n        ",";\n      }\n    "])),BannerHighlightStyle$1);},function(p){return p.theme.textColors.default;});var BannerHighlightStyle$1=_styled.css(templateObject_5$v||(templateObject_5$v=__makeTemplateObject(["\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 StyledLink=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EventCard__StyledLink",componentId:"sc-19skrau-1"})(templateObject_6$m||(templateObject_6$m=__makeTemplateObject(["\n  &&& {\n    &,\n    :link,\n    :visited {\n      color: ",";\n      text-decoration: none;\n    }\n  }\n"],["\n  &&& {\n    &,\n    :link,\n    :visited {\n      color: ",";\n      text-decoration: none;\n    }\n  }\n"])),function(p){return p.theme.textColors.default;});var Title$7=_styled__default["default"].h3.withConfig({displayName:"EventCard__Title",componentId:"sc-19skrau-2"})(templateObject_7$g||(templateObject_7$g=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeMedium);var Header$2=_styled__default["default"].div.withConfig({displayName:"EventCard__Header",componentId:"sc-19skrau-3"})(templateObject_8$f||(templateObject_8$f=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: flex-start;\n    > *:not(:first-child) {\n      padding-top: ","px;\n    }\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: flex-start;\n    > *:not(:first-child) {\n      padding-top: ","px;\n    }\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),maxScreenSize.medium,spacingXs);var RecurrenceSeriesInfo$1=_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventCard__RecurrenceSeriesInfo",componentId:"sc-19skrau-4"})(templateObject_9$c||(templateObject_9$c=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var Content$7=_styled__default["default"].div.withConfig({displayName:"EventCard__Content",componentId:"sc-19skrau-5"})(templateObject_10$b||(templateObject_10$b=__makeTemplateObject(["\n  padding: ","px;\n  flex-grow: 1;\n\n  color: ",";\n"],["\n  padding: ","px;\n  flex-grow: 1;\n\n  color: ",";\n"])),spacingM,function(p){return p.theme.textColors.default;});var Footer$1=_styled__default["default"].div.withConfig({displayName:"EventCard__Footer",componentId:"sc-19skrau-6"})(templateObject_11$7||(templateObject_11$7=__makeTemplateObject(["\n  margin-top: ","px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  margin-top: ","px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),spacingM,maxScreenSize.medium);var FooterStart=_styled__default["default"].div.withConfig({displayName:"EventCard__FooterStart",componentId:"sc-19skrau-7"})(templateObject_12$6||(templateObject_12$6=__makeTemplateObject(["\n  flex: 1 1 100%;\n\n  margin-right: ","px;\n\n  > *:first-child:not(:only-child) {\n    margin-bottom: ","px;\n  }\n\n  @media (max-width: ","px) {\n    flex: 1 1 auto;\n  }\n"],["\n  flex: 1 1 100%;\n\n  margin-right: ","px;\n\n  > *:first-child:not(:only-child) {\n    margin-bottom: ","px;\n  }\n\n  @media (max-width: ","px) {\n    flex: 1 1 auto;\n  }\n"])),spacingXs,spacingS,maxScreenSize.medium);var FooterEnd=_styled__default["default"].div.withConfig({displayName:"EventCard__FooterEnd",componentId:"sc-19skrau-8"})(templateObject_13$5||(templateObject_13$5=__makeTemplateObject(["\n  flex: 0 0 200px;\n\n  @media (max-width: ","px) {\n    margin-top: ","px;\n    flex: 1 1 auto;\n  }\n"],["\n  flex: 0 0 200px;\n\n  @media (max-width: ","px) {\n    margin-top: ","px;\n    flex: 1 1 auto;\n  }\n"])),maxScreenSize.medium,spacingS);var HeaderFeedback=_styled.css(templateObject_14$5||(templateObject_14$5=__makeTemplateObject(["\n  display: none;\n  @media (min-width: ","px) {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  display: none;\n  @media (min-width: ","px) {\n    display: flex;\n    align-items: center;\n  }\n"])),minScreenSize.medium);var FooterFeedback=_styled.css(templateObject_15$5||(templateObject_15$5=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-top: ","px;\n\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-top: ","px;\n\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),spacingS,minScreenSize.medium);var FeedbackHost=_styled__default["default"].div.withConfig({displayName:"EventCard__FeedbackHost",componentId:"sc-19skrau-9"})(templateObject_16$5||(templateObject_16$5=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(_a){var isHeader=_a.isHeader;return isHeader?HeaderFeedback:FooterFeedback;});var Feedback=function Feedback(_a){var item=_a.item,type=_a.type,targetRoute=_a.targetRoute;var user=useCurrentUser();var showCommentCount=item.statistics&&item.statistics.commentCount>0&&hasFeedbackType(item.metadata.feedbackSettings,'comment')&&!user.isPublicUser;return jsxRuntime.jsxs(FeedbackHost,__assign({isHeader:type==='header'},{children:[jsxRuntime.jsx(EventCardLikeButton,{item:item,itemResourceType:ItemResourceTypes.Events},void 0),showCommentCount&&jsxRuntime.jsx(StyledLink,__assign({to:targetRoute+"#comments","aria-hidden":"true"},{children:jsxRuntime.jsx(EventCardCommentCount,{item:item},void 0)}),void 0)]}),void 0);};var EventCardLikeButton=_styled__default["default"](CardLikeButton).withConfig({displayName:"EventCard__EventCardLikeButton",componentId:"sc-19skrau-10"})(templateObject_17$4||(templateObject_17$4=__makeTemplateObject(["\n  && {\n    button {\n      min-height: 23px;\n      display: flex;\n      margin-right: 9px;\n      font-size: 1rem;\n    }\n  }\n"],["\n  && {\n    button {\n      min-height: 23px;\n      display: flex;\n      margin-right: 9px;\n      font-size: 1rem;\n    }\n  }\n"])));var Registration=_styled__default["default"](EventCardUserRegistration).withConfig({displayName:"EventCard__Registration",componentId:"sc-19skrau-11"})(templateObject_18$3||(templateObject_18$3=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    button {\n      width: 100%;\n    }\n\n    @media (min-width: ","px) {\n      text-align: right;\n      button {\n        width: initial;\n      }\n    }\n  }\n"],["\n  && {\n    margin-top: ","px;\n    button {\n      width: 100%;\n    }\n\n    @media (min-width: ","px) {\n      text-align: right;\n      button {\n        width: initial;\n      }\n    }\n  }\n"])),spacingS,minScreenSize.medium);var Dates=_styled__default["default"](DateTimeRange).withConfig({displayName:"EventCard__Dates",componentId:"sc-19skrau-12"})(templateObject_19$3||(templateObject_19$3=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  font-weight: 500;\n  opacity: ",";\n  padding-right: ","px;\n"],["\n  flex: 1;\n  font-size: ","px;\n  font-weight: 500;\n  opacity: ",";\n  padding-right: ","px;\n"])),fontSizeSmall,function(_a){var isCancelled=_a.isCancelled;return isCancelled?0.4:1;},spacingS);var Locations=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventCard__Locations",componentId:"sc-19skrau-13"})(templateObject_20$2||(templateObject_20$2=__makeTemplateObject([""],[""])));var Contacts=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventCard__Contacts",componentId:"sc-19skrau-14"})(templateObject_21$1||(templateObject_21$1=__makeTemplateObject(["\n  flex-direction: column;\n"],["\n  flex-direction: column;\n"])));var CancelInfo=_styled__default["default"](EventCancelInformation).withConfig({displayName:"EventCard__CancelInfo",componentId:"sc-19skrau-15"})(templateObject_22$1||(templateObject_22$1=__makeTemplateObject(["\n  margin: 0 -","px;\n  @media (min-width: ","px) {\n    margin: 0;\n  }\n"],["\n  margin: 0 -","px;\n  @media (min-width: ","px) {\n    margin: 0;\n  }\n"])),spacingM,minScreenSize.medium);var IEFix=_styled.createGlobalStyle(templateObject_23$1||(templateObject_23$1=__makeTemplateObject(["\n  .browser-name-ie {\n    .event-card-dates {\n      flex: 1 1 0%;\n      flex-basis: 0%;\n    }\n  }\n"],["\n  .browser-name-ie {\n    .event-card-dates {\n      flex: 1 1 0%;\n      flex-basis: 0%;\n    }\n  }\n"])));var templateObject_1$1W,templateObject_2$1c,templateObject_3$N,templateObject_4$y,templateObject_5$v,templateObject_6$m,templateObject_7$g,templateObject_8$f,templateObject_9$c,templateObject_10$b,templateObject_11$7,templateObject_12$6,templateObject_13$5,templateObject_14$5,templateObject_15$5,templateObject_16$5,templateObject_17$4,templateObject_18$3,templateObject_19$3,templateObject_20$2,templateObject_21$1,templateObject_22$1,templateObject_23$1;var $$5=_export;var aFunction$1=aFunction$7;var toObject$1=toObject$7;var fails$j=fails$i;var arrayMethodIsStrict=arrayMethodIsStrict$2;var test$1=[];var nativeSort=test$1.sort;// IE8-
+	if(container.scrollHeight-container.scrollTop>container.clientHeight+300){return [2/*return*/];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,loadNextPage(likersInfo)];case 2:_a.sent();return [3/*break*/,4];case 3:err_1=_a.sent();logger.error(err_1);return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledAvatar$2=_styled__default["default"](Avatar).withConfig({displayName:"LikersList__StyledAvatar",componentId:"sc-a990fb-0"})(templateObject_1$20||(templateObject_1$20=__makeTemplateObject(["\n  .ms-Persona-primaryText {\n    white-space: initial;\n  }\n"],["\n  .ms-Persona-primaryText {\n    white-space: initial;\n  }\n"])));var List$1=_styled__default["default"].ul.withConfig({displayName:"LikersList__List",componentId:"sc-a990fb-1"})(templateObject_2$1g||(templateObject_2$1g=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 4px;\n\n  max-height: ","px;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n\n  li {\n    display: flex;\n    flex: 1 1 auto;\n    margin-top: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 4px;\n\n  max-height: ","px;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n\n  li {\n    display: flex;\n    flex: 1 1 auto;\n    margin-top: ","px;\n  }\n"])),defaultShimmerCount*58,spacingS);var StyledSpinner$3=_styled__default["default"](Spinner).withConfig({displayName:"LikersList__StyledSpinner",componentId:"sc-a990fb-2"})(templateObject_3$P||(templateObject_3$P=__makeTemplateObject(["\n  margin: ","px 0;\n\n  & > .ms-Spinner {\n    height: 38px;\n  }\n"],["\n  margin: ","px 0;\n\n  & > .ms-Spinner {\n    height: 38px;\n  }\n"])),spacingS);var LikersListShimmer=function LikersListShimmer(_a){var count=_a.count,isLoading=_a.isLoading,children=_a.children;return jsxRuntime.jsx(officeUiFabricReact.Shimmer,__assign({isDataLoaded:!isLoading,customElementsGroup:Array.from(Array(count)).map(function(_,i){return jsxRuntime.jsx(UserShimmer$1,{},i);})},{children:children}),void 0);};var UserShimmer$1=function UserShimmer(){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,height:10,width:'100%'}]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.circle,height:48,verticalAlign:'bottom'},{type:officeUiFabricReact.ShimmerElementType.gap,height:15},{type:officeUiFabricReact.ShimmerElementType.gap,height:15},{type:officeUiFabricReact.ShimmerElementType.line,height:18}]},void 0)]},void 0);};var UsersLoadedIndicator=_styled__default["default"].div.withConfig({displayName:"LikersList__UsersLoadedIndicator",componentId:"sc-a990fb-3"})(templateObject_4$A||(templateObject_4$A=__makeTemplateObject(["\n  margin-top: ","px;\n  font-style: italic;\n  display: flex;\n  justify-content: center;\n"],["\n  margin-top: ","px;\n  font-style: italic;\n  display: flex;\n  justify-content: center;\n"])),spacingM);var templateObject_1$20,templateObject_2$1g,templateObject_3$P,templateObject_4$A;_styled__default["default"].div.withConfig({displayName:"LongPressLikeButton__ButtonHost",componentId:"sc-1n5c9rg-0"})(templateObject_1$1$||(templateObject_1$1$=__makeTemplateObject(["\n  * {\n    // try to fix ios behavior\n    -webkit-touch-callout: none !important;\n    -webkit-user-select: none !important;\n    -khtml-user-select: none !important;\n    -moz-user-select: none !important;\n    -ms-user-select: none !important;\n    user-select: none !important;\n    -webkit-text-size-adjust: none;\n  }\n"],["\n  * {\n    // try to fix ios behavior\n    -webkit-touch-callout: none !important;\n    -webkit-user-select: none !important;\n    -khtml-user-select: none !important;\n    -moz-user-select: none !important;\n    -ms-user-select: none !important;\n    user-select: none !important;\n    -webkit-text-size-adjust: none;\n  }\n"])));_styled.createGlobalStyle(templateObject_2$1f||(templateObject_2$1f=__makeTemplateObject(["\n  .dialog-likers-list {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n  }\n"],["\n  .dialog-likers-list {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$1$,templateObject_2$1f;var HoverLikeButton=function HoverLikeButton(_a){var itemId=_a.itemId,itemType=_a.itemType,likersCount=_a.likersCount,children=_a.children;var _b=React$d.useState(false),showCallout=_b[0],setshowCallout=_b[1];var buttonRef=React$d.useRef(null);var timeout=React$d.useRef(null);React$d.useEffect(function(){return function(){return window.clearTimeout(timeout.current);};},[]);return jsxRuntime.jsxs("div",__assign({ref:buttonRef,onMouseEnter:startOpenCalloutTimer,onMouseLeave:cancelOpenCalloutTimer,onFocus:startOpenCalloutTimer,onBlur:cancelOpenCalloutTimer},{children:[jsxRuntime.jsx("div",{children:children},void 0),showCallout&&jsxRuntime.jsx(LikersCallout,{itemId:itemId,itemType:itemType,target:buttonRef.current,likersCount:likersCount,onDismiss:function(){return setshowCallout(false);}},void 0)]}),void 0);function startOpenCalloutTimer(){if(!likersCount){return;}window.clearTimeout(timeout.current);timeout.current=window.setTimeout(function(){setshowCallout(true);},1000);}function cancelOpenCalloutTimer(){window.clearTimeout(timeout.current);}};var LikersCallout=function LikersCallout(_a){var itemId=_a.itemId,itemType=_a.itemType,onDismiss=_a.onDismiss,target=_a.target,likersCount=_a.likersCount;return jsxRuntime.jsxs(StyledCallout,__assign({target:target,onDismiss:onDismiss,directionalHint:DirectionalHint.DirectionalHint.leftCenter},{children:[jsxRuntime.jsxs(LikedBy,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.likers"},void 0),":"]},void 0),jsxRuntime.jsx(LikersList,{itemId:itemId,itemType:itemType,likersCount:likersCount},void 0)]}),void 0);};var StyledCallout=_styled__default["default"](Callout).withConfig({displayName:"HoverLikeButton__StyledCallout",componentId:"sc-1f0a2ni-0"})(templateObject_1$1_||(templateObject_1$1_=__makeTemplateObject(["\n  padding: ","px;\n  .ms-Callout-main {\n    min-height: ","px;\n    overflow-y: hidden;\n    width: 225px;\n\n    .ms-TooltipHost {\n      white-space: initial;\n    }\n  }\n"],["\n  padding: ","px;\n  .ms-Callout-main {\n    min-height: ","px;\n    overflow-y: hidden;\n    width: 225px;\n\n    .ms-TooltipHost {\n      white-space: initial;\n    }\n  }\n"])),spacingM,spacingXl);var LikedBy=_styled__default["default"].span.withConfig({displayName:"HoverLikeButton__LikedBy",componentId:"sc-1f0a2ni-1"})(templateObject_2$1e||(templateObject_2$1e=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var templateObject_1$1_,templateObject_2$1e;var LikeButton=function LikeButton(_a){var itemId=_a.itemId,itemType=_a.itemType,isActive=_a.isActive,count=_a.count,onClick=_a.onClick,isDemoContent=_a.isDemoContent,doNotRenderZeroCount=_a.doNotRenderZeroCount,readOnly=_a.readOnly,className=_a.className;var features=useFeatures();var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var likeButton=jsxRuntime.jsx(FeedbackCountButton,{className:className,tooltipResourceKey:"Generic.like",activeTooltipResourceKey:"Generic.unlike",ariaLabel:formatMessage({id:isActive?'AriaLabel.unlikeItemButton':'AriaLabel.likeItemButton'}),iconName:"Like",activeIconName:"LikeSolid",isActive:isActive,onClick:onClick,count:count,feedbackType:"like",doNotRenderZeroCount:doNotRenderZeroCount,readOnly:readOnly,hideTooltip:features.showLikers},void 0);if(!features.showLikers||isDemoContent||user.isPublicUser){return likeButton;}return jsxRuntime.jsx(HoverLikeButton,__assign({itemId:itemId,itemType:itemType,likersCount:count},{children:likeButton}),void 0);};function hasFeedbackType(feedbackSettings,feedbackType){return feedbackSettings&&feedbackSettings.feedbackOptions&&feedbackSettings.feedbackOptions.findIndex(function(f){return f===feedbackType;})>-1;}var CardLikeButton=function CardLikeButton(_a){var _b,_c,_d;var item=_a.item,itemResourceType=_a.itemResourceType,className=_a.className;var _e=React$d.useState(item.isLiked),isLiked=_e[0],setIsLiked=_e[1];var _f=React$d.useState((_c=(_b=item.statistics)===null||_b===void 0?void 0:_b.likeCount)!==null&&_c!==void 0?_c:0),likeCount=_f[0],setLikeCount=_f[1];var _g=React$d.useState(false),isSaving=_g[0],setIsSaving=_g[1];var features=useFeatures();var _h=useFeedbackApi(),setFeedback=_h.setFeedback,unsetFeedback=_h.unsetFeedback;var metadata=(_d=item.metadata)!==null&&_d!==void 0?_d:{};var hasLikesEnabled=hasFeedbackType(metadata.feedbackSettings,'like');var showError=useNotificationContext().showError;if(!features.likes||!hasLikesEnabled){return null;}return jsxRuntime.jsx(StyledLikeButton$2,{itemId:item.id,itemType:itemResourceType,isActive:isLiked,count:likeCount,onClick:handleClick,doNotRenderZeroCount:true,className:className,isDemoContent:item.isDemoContent},void 0);function handleClick(){return __awaiter(this,void 0,void 0,function(){var isNowLiked,oldCount;return __generator(this,function(_b){switch(_b.label){case 0:if(isSaving){return [2/*return*/];}isNowLiked=!isLiked;oldCount=likeCount;_b.label=1;case 1:_b.trys.push([1,6,7,8]);setIsSaving(true);setIsLiked(isNowLiked);setLikeCount(isNowLiked?oldCount+1:oldCount-1);if(!isNowLiked)return [3/*break*/,3];return [4/*yield*/,setFeedback(itemResourceType,item.id,'like')];case 2:_b.sent();return [3/*break*/,5];case 3:return [4/*yield*/,unsetFeedback(itemResourceType,item.id,'like')];case 4:_b.sent();_b.label=5;case 5:return [3/*break*/,8];case 6:_b.sent();setIsLiked(!isNowLiked);showError('NewsArticle.setFeedback_error');setLikeCount(oldCount);return [3/*break*/,8];case 7:setIsSaving(false);return [7/*endfinally*/];case 8:return [2/*return*/];}});});}};var StyledLikeButton$2=_styled__default["default"](LikeButton).withConfig({displayName:"CardLikeButton__StyledLikeButton",componentId:"sc-10mlzn4-0"})(templateObject_1$1Z||(templateObject_1$1Z=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0 4px;\n  font-size: 0.9rem;\n  font-weight: normal;\n\n  i {\n    font-size: 22px;\n    font-weight: 400;\n  }\n"],["\n  min-width: 1px;\n  margin: 0 4px;\n  font-size: 0.9rem;\n  font-weight: normal;\n\n  i {\n    font-size: 22px;\n    font-weight: 400;\n  }\n"])));var templateObject_1$1Z;var EventRecurrenceSeriesInfo=function EventRecurrenceSeriesInfo(_a){var _b;var eventItem=_a.eventItem,className=_a.className;if(!(eventItem===null||eventItem===void 0?void 0:eventItem.recurrenceSeriesId)){return null;}var endDate=(_b=eventItem.recurrenceSettings)===null||_b===void 0?void 0:_b.endDate;return jsxRuntime.jsx(Host$L,__assign({className:className},{children:jsxRuntime.jsx(StyledTooltip$3,__assign({resourceKey:"Events.editor.recurrence.iconTooltip",values:{endDate:moment(endDate).format('LL')},hidden:!endDate},{children:jsxRuntime.jsxs(Container$2,{children:[jsxRuntime.jsx(StyledIcon$6,{iconName:"RecurringEvent"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.editor.recurrence.series"},void 0)]},void 0)}),void 0)}),void 0);};var Host$L=_styled__default["default"].div.withConfig({displayName:"EventRecurrenceSeriesInfo__Host",componentId:"sc-12fly5n-0"})(templateObject_1$1Y||(templateObject_1$1Y=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n"],["\n  display: flex;\n  font-size: ","px;\n"])),fontSizeSmall);var StyledTooltip$3=_styled__default["default"](Tooltip).withConfig({displayName:"EventRecurrenceSeriesInfo__StyledTooltip",componentId:"sc-12fly5n-1"})(templateObject_2$1d||(templateObject_2$1d=__makeTemplateObject(["\n  z-index: 1;\n"],["\n  z-index: 1;\n"])));var Container$2=_styled__default["default"].div.withConfig({displayName:"EventRecurrenceSeriesInfo__Container",componentId:"sc-12fly5n-2"})(templateObject_3$O||(templateObject_3$O=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledIcon$6=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRecurrenceSeriesInfo__StyledIcon",componentId:"sc-12fly5n-3"})(templateObject_4$z||(templateObject_4$z=__makeTemplateObject(["\n  font-size: ","px;\n  padding-right: ","px;\n"],["\n  font-size: ","px;\n  padding-right: ","px;\n"])),fontSizeMedium,spacingXs);var templateObject_1$1Y,templateObject_2$1d,templateObject_3$O,templateObject_4$z;var EventRecurrenceSeriesInfoNavLink=function EventRecurrenceSeriesInfoNavLink(_a){var recurrenceSeriesId=_a.recurrenceSeriesId,title=_a.title,children=_a.children,className=_a.className;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!recurrenceSeriesId){return null;}return jsxRuntime.jsx(StyledNavLink$2,__assign({to:buildPath("/events/upcoming?"+queryString.stringify({seriesId:recurrenceSeriesId,seriesTitle:title})),className:className},{children:children}),void 0);};var StyledNavLink$2=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"EventRecurrenceSeriesInfoNavLink__StyledNavLink",componentId:"sc-1szm15-0"})(templateObject_1$1X||(templateObject_1$1X=__makeTemplateObject(["\n  &&& {\n    color: ",";\n    text-decoration: none;\n  }\n"],["\n  &&& {\n    color: ",";\n    text-decoration: none;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1X;var EventCard=function EventCard(_a){var _b,_c,_d,_e,_f;var item=_a.item,language=_a.language,styleDefinition=_a.styleDefinition,allowFilterByChannels=_a.allowFilterByChannels,showFeedbackButtons=_a.showFeedbackButtons,readOnly=_a.readOnly,className=_a.className;var user=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var windowSize=useWindowSize$2();var highlight=!!user.unreadEvents.find(function(e){return e.itemId===item.id||e.itemId===item.recurrenceSeriesId;});var userLanguage=getPreferredContentLanguage(user);var contents=item.contents[language];var targetRoute=NewsService.getNewsRoute(buildPath('/events'),item.id,contents.title);var isCancelled=(_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled;var hasNoRegistration=!isCancelled&&!((_c=item.registrationSettings)===null||_c===void 0?void 0:_c.enabled);var hasManyLocationsAndContacts=((_d=item.locations)===null||_d===void 0?void 0:_d.length)+((_e=item.contacts)===null||_e===void 0?void 0:_e.length)>=6;var bannerOnTheLeft=windowSize.width>767;var bannerWidth=bannerOnTheLeft&&hasManyLocationsAndContacts?750:450;return jsxRuntime.jsxs(Host$K,__assign({className:className,highlight:highlight,styleDefinition:styleDefinition,"data-item-id":item.id,"data-card-highlight":highlight,"data-no-registration":hasNoRegistration,"data-banner":(_f=item.bannerInfo)===null||_f===void 0?void 0:_f.type},{children:[jsxRuntime.jsx(IEFix,{},void 0),!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath('/events'),title:contents.title,itemId:item.id,itemType:ItemResourceTypes.Events},void 0),jsxRuntime.jsx(EventCardBanner,{item:item,bannerWidth:bannerWidth,bannerHostDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerHostWidth,showPlaceholder:!item.bannerInfo&&(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showPlaceholderIfNoBannerInfo)},void 0),jsxRuntime.jsxs(Content$7,{children:[jsxRuntime.jsxs(Header$2,__assign({"data-card-header":true},{children:[jsxRuntime.jsx(Dates,{startDate:item.startDate,endDate:item.endDate,isCancelled:isCancelled,className:"event-card-dates"},void 0),showFeedbackButtons&&jsxRuntime.jsx(Feedback,{item:item,type:"header",targetRoute:targetRoute},void 0)]}),void 0),readOnly?jsxRuntime.jsx(RecurrenceSeriesInfo$1,{eventItem:item},void 0):jsxRuntime.jsx(EventRecurrenceSeriesInfoNavLink,{recurrenceSeriesId:item.recurrenceSeriesId,title:contents.title,children:jsxRuntime.jsx(RecurrenceSeriesInfo$1,{eventItem:item},void 0)},void 0),jsxRuntime.jsx(Title$7,{children:readOnly?contents.title:jsxRuntime.jsx(StyledLink,__assign({to:targetRoute},{children:contents.title}),void 0)},void 0),jsxRuntime.jsxs(Footer$1,{children:[jsxRuntime.jsxs(FooterStart,{children:[jsxRuntime.jsx(Locations,{locations:item.locations},void 0),jsxRuntime.jsx(Contacts,{item:item,hideAnnouncer:true},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userLanguage,allowFilterByChannels:allowFilterByChannels,channelBackgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.channelsBackgroundColor},void 0)]},void 0),jsxRuntime.jsxs(FooterEnd,{children:[jsxRuntime.jsx(Registration,{item:item,disabled:readOnly},void 0),jsxRuntime.jsx(CancelInfo,{item:item},void 0),showFeedbackButtons&&jsxRuntime.jsx(Feedback,{item:item,type:"footer",targetRoute:targetRoute},void 0)]},void 0)]},void 0)]},void 0)]}),void 0);};var Host$K=_styled__default["default"].article.withConfig({displayName:"EventCard__Host",componentId:"sc-19skrau-0"})(templateObject_4$y||(templateObject_4$y=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  width: 100%;\n  position: relative;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  ","\n\n  color: ",";\n"],["\n  ","\n\n  display: flex;\n  width: 100%;\n  position: relative;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  ","\n\n  color: ",";\n"])),function(p){return p.styleDefinition?_styled.css(templateObject_1$1W||(templateObject_1$1W=__makeTemplateObject(["\n          background-color: ",";\n          ",";\n        "],["\n          background-color: ",";\n          ",";\n        "])),p.styleDefinition.backgroundColor||p.theme.palette.white,!p.styleDefinition.noShadow&&CardBorderInline(2,2)):_styled.css(templateObject_2$1c||(templateObject_2$1c=__makeTemplateObject(["\n          ",";\n          background-color: ",";\n        "],["\n          ",";\n          background-color: ",";\n        "])),CardBorderInline(2,2),p.theme.palette.white);},maxScreenSize.medium,function(p){return p.highlight&&_styled.css(templateObject_3$N||(templateObject_3$N=__makeTemplateObject(["\n      position: relative;\n\n      &::after {\n        ",";\n      }\n    "],["\n      position: relative;\n\n      &::after {\n        ",";\n      }\n    "])),BannerHighlightStyle$1);},function(p){return p.theme.textColors.default;});var BannerHighlightStyle$1=_styled.css(templateObject_5$v||(templateObject_5$v=__makeTemplateObject(["\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 StyledLink=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EventCard__StyledLink",componentId:"sc-19skrau-1"})(templateObject_6$m||(templateObject_6$m=__makeTemplateObject(["\n  &&& {\n    &,\n    :link,\n    :visited {\n      color: ",";\n      text-decoration: none;\n    }\n  }\n"],["\n  &&& {\n    &,\n    :link,\n    :visited {\n      color: ",";\n      text-decoration: none;\n    }\n  }\n"])),function(p){return p.theme.textColors.default;});var Title$7=_styled__default["default"].h3.withConfig({displayName:"EventCard__Title",componentId:"sc-19skrau-2"})(templateObject_7$g||(templateObject_7$g=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeMedium);var Header$2=_styled__default["default"].div.withConfig({displayName:"EventCard__Header",componentId:"sc-19skrau-3"})(templateObject_8$f||(templateObject_8$f=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: flex-start;\n    > *:not(:first-child) {\n      padding-top: ","px;\n    }\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: flex-start;\n    > *:not(:first-child) {\n      padding-top: ","px;\n    }\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),maxScreenSize.medium,spacingXs);var RecurrenceSeriesInfo$1=_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventCard__RecurrenceSeriesInfo",componentId:"sc-19skrau-4"})(templateObject_9$c||(templateObject_9$c=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var Content$7=_styled__default["default"].div.withConfig({displayName:"EventCard__Content",componentId:"sc-19skrau-5"})(templateObject_10$b||(templateObject_10$b=__makeTemplateObject(["\n  padding: ","px;\n  flex-grow: 1;\n\n  color: ",";\n"],["\n  padding: ","px;\n  flex-grow: 1;\n\n  color: ",";\n"])),spacingM,function(p){return p.theme.textColors.default;});var Footer$1=_styled__default["default"].div.withConfig({displayName:"EventCard__Footer",componentId:"sc-19skrau-6"})(templateObject_11$7||(templateObject_11$7=__makeTemplateObject(["\n  margin-top: ","px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  margin-top: ","px;\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])),spacingM,maxScreenSize.medium);var FooterStart=_styled__default["default"].div.withConfig({displayName:"EventCard__FooterStart",componentId:"sc-19skrau-7"})(templateObject_12$6||(templateObject_12$6=__makeTemplateObject(["\n  flex: 1 1 100%;\n\n  margin-right: ","px;\n\n  > *:first-child:not(:only-child) {\n    margin-bottom: ","px;\n  }\n\n  @media (max-width: ","px) {\n    flex: 1 1 auto;\n  }\n"],["\n  flex: 1 1 100%;\n\n  margin-right: ","px;\n\n  > *:first-child:not(:only-child) {\n    margin-bottom: ","px;\n  }\n\n  @media (max-width: ","px) {\n    flex: 1 1 auto;\n  }\n"])),spacingXs,spacingS,maxScreenSize.medium);var FooterEnd=_styled__default["default"].div.withConfig({displayName:"EventCard__FooterEnd",componentId:"sc-19skrau-8"})(templateObject_13$5||(templateObject_13$5=__makeTemplateObject(["\n  flex: 0 0 200px;\n\n  @media (max-width: ","px) {\n    margin-top: ","px;\n    flex: 1 1 auto;\n  }\n"],["\n  flex: 0 0 200px;\n\n  @media (max-width: ","px) {\n    margin-top: ","px;\n    flex: 1 1 auto;\n  }\n"])),maxScreenSize.medium,spacingS);var HeaderFeedback=_styled.css(templateObject_14$5||(templateObject_14$5=__makeTemplateObject(["\n  display: none;\n  @media (min-width: ","px) {\n    display: flex;\n    align-items: center;\n  }\n"],["\n  display: none;\n  @media (min-width: ","px) {\n    display: flex;\n    align-items: center;\n  }\n"])),minScreenSize.medium);var FooterFeedback=_styled.css(templateObject_15$5||(templateObject_15$5=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-top: ","px;\n\n  @media (min-width: ","px) {\n    display: none;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  margin-top: ","px;\n\n  @media (min-width: ","px) {\n    display: none;\n  }\n"])),spacingS,minScreenSize.medium);var FeedbackHost=_styled__default["default"].div.withConfig({displayName:"EventCard__FeedbackHost",componentId:"sc-19skrau-9"})(templateObject_16$5||(templateObject_16$5=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),function(_a){var isHeader=_a.isHeader;return isHeader?HeaderFeedback:FooterFeedback;});var Feedback=function Feedback(_a){var item=_a.item,type=_a.type,targetRoute=_a.targetRoute;var user=useCurrentUser();var showCommentCount=item.statistics&&item.statistics.commentCount>0&&hasFeedbackType(item.metadata.feedbackSettings,'comment')&&!user.isPublicUser;return jsxRuntime.jsxs(FeedbackHost,__assign({isHeader:type==='header'},{children:[jsxRuntime.jsx(EventCardLikeButton,{item:item,itemResourceType:ItemResourceTypes.Events},void 0),showCommentCount&&jsxRuntime.jsx(StyledLink,__assign({to:targetRoute+"#comments","aria-hidden":"true"},{children:jsxRuntime.jsx(EventCardCommentCount,{item:item},void 0)}),void 0)]}),void 0);};var EventCardLikeButton=_styled__default["default"](CardLikeButton).withConfig({displayName:"EventCard__EventCardLikeButton",componentId:"sc-19skrau-10"})(templateObject_17$4||(templateObject_17$4=__makeTemplateObject(["\n  && {\n    button {\n      min-height: 23px;\n      display: flex;\n      margin-right: 9px;\n      font-size: 1rem;\n    }\n  }\n"],["\n  && {\n    button {\n      min-height: 23px;\n      display: flex;\n      margin-right: 9px;\n      font-size: 1rem;\n    }\n  }\n"])));var Registration=_styled__default["default"](EventCardUserRegistration).withConfig({displayName:"EventCard__Registration",componentId:"sc-19skrau-11"})(templateObject_18$3||(templateObject_18$3=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    button {\n      width: 100%;\n    }\n\n    @media (min-width: ","px) {\n      text-align: right;\n      button {\n        width: initial;\n      }\n    }\n  }\n"],["\n  && {\n    margin-top: ","px;\n    button {\n      width: 100%;\n    }\n\n    @media (min-width: ","px) {\n      text-align: right;\n      button {\n        width: initial;\n      }\n    }\n  }\n"])),spacingS,minScreenSize.medium);var Dates=_styled__default["default"](DateTimeRange).withConfig({displayName:"EventCard__Dates",componentId:"sc-19skrau-12"})(templateObject_19$3||(templateObject_19$3=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  font-weight: 500;\n  opacity: ",";\n  padding-right: ","px;\n"],["\n  flex: 1;\n  font-size: ","px;\n  font-weight: 500;\n  opacity: ",";\n  padding-right: ","px;\n"])),fontSizeSmall,function(_a){var isCancelled=_a.isCancelled;return isCancelled?0.4:1;},spacingS);var Locations=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventCard__Locations",componentId:"sc-19skrau-13"})(templateObject_20$2||(templateObject_20$2=__makeTemplateObject([""],[""])));var Contacts=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventCard__Contacts",componentId:"sc-19skrau-14"})(templateObject_21$1||(templateObject_21$1=__makeTemplateObject(["\n  flex-direction: column;\n"],["\n  flex-direction: column;\n"])));var CancelInfo=_styled__default["default"](EventCancelInformation).withConfig({displayName:"EventCard__CancelInfo",componentId:"sc-19skrau-15"})(templateObject_22$1||(templateObject_22$1=__makeTemplateObject(["\n  margin: 0 -","px;\n  @media (min-width: ","px) {\n    margin: 0;\n  }\n"],["\n  margin: 0 -","px;\n  @media (min-width: ","px) {\n    margin: 0;\n  }\n"])),spacingM,minScreenSize.medium);var IEFix=_styled.createGlobalStyle(templateObject_23$1||(templateObject_23$1=__makeTemplateObject(["\n  .browser-name-ie {\n    .event-card-dates {\n      flex: 1 1 0%;\n      flex-basis: 0%;\n    }\n  }\n"],["\n  .browser-name-ie {\n    .event-card-dates {\n      flex: 1 1 0%;\n      flex-basis: 0%;\n    }\n  }\n"])));var templateObject_1$1W,templateObject_2$1c,templateObject_3$N,templateObject_4$y,templateObject_5$v,templateObject_6$m,templateObject_7$g,templateObject_8$f,templateObject_9$c,templateObject_10$b,templateObject_11$7,templateObject_12$6,templateObject_13$5,templateObject_14$5,templateObject_15$5,templateObject_16$5,templateObject_17$4,templateObject_18$3,templateObject_19$3,templateObject_20$2,templateObject_21$1,templateObject_22$1,templateObject_23$1;var $$5=_export;var aFunction$1=aFunction$7;var toObject$1=toObject$7;var fails$j=fails$i;var arrayMethodIsStrict=arrayMethodIsStrict$2;var test$1=[];var nativeSort=test$1.sort;// IE8-
 	var FAILS_ON_UNDEFINED=fails$j(function(){test$1.sort(undefined);});// V8 bug
 	var FAILS_ON_NULL=fails$j(function(){test$1.sort(null);});// Old WebKit
 	var STRICT_METHOD=arrayMethodIsStrict('sort');var FORCED$1=FAILS_ON_UNDEFINED||!FAILS_ON_NULL||!STRICT_METHOD;// `Array.prototype.sort` method
@@ -131666,13 +131666,13 @@
 	if(node.querySelector('blockquote[data-quote-text]')==null){node.innerHTML='';}}};var InlineVideo=function InlineVideo(_a){var _b=_a.blockProps,id=_b.id,source=_b.source,url=_b.url,isDirectUrl=_b.isDirectUrl;var user=useCurrentUser();var token=useCurrentToken();var getVideoThumbnailUrl=useVideosApi().getVideoThumbnailUrl;var onOpenExternalLink=React$d.useContext(LinkContext).onOpenExternalLink;var isStreamVideo=source===VideoSource.MicrosoftStream;if(isStreamVideo&&env.isAnyMobileApp){return jsxRuntime.jsx(StreamButton,__assign({onClick:handleMicrosoftStreamClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.watchMicrosoftStream"},void 0)}),void 0);}return jsxRuntime.jsx(InlineVideoViewer,{videoInfo:{id:id,source:source,url:url,isDirectUrl:isDirectUrl},videoThumbnailUrl:isDirectUrl?getVideoThumbnailUrl(token,user.subscription.id,source,id):null},void 0);function handleMicrosoftStreamClick(){return __awaiter(this,void 0,void 0,function(){var url;return __generator(this,function(_a){switch(_a.label){case 0:url=getMicrosoftStreamVideoUrl(id);return [4/*yield*/,onOpenExternalLink(url,true)];case 1:_a.sent();return [2/*return*/];}});});}};var InlineVideoViewer=_styled__default["default"](VideoWithThumbnailView).withConfig({displayName:"InlineVideo__InlineVideoViewer",componentId:"sc-12qdsy1-0"})(templateObject_1$1x||(templateObject_1$1x=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS+5);var StreamButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InlineVideo__StreamButton",componentId:"sc-12qdsy1-1"})(templateObject_2$U||(templateObject_2$U=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS+5);var InlineVideoMapper={component:InlineVideo,type:EntityType.Video,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var videoId=node.getAttribute('data-video-id');if(videoId==null){return null;}var source=node.getAttribute('data-video-source');return {id:videoId,source:parseInt(source,10),url:node.getAttribute('data-video-url'),isDirectUrl:node.getAttribute('data-is-direct-video-url')==='true'};},prepareRootNode:function(node){if(node.childNodes.length>0){node.innerHTML='';}}};var templateObject_1$1x,templateObject_2$U;var InlinePageListViewer=function InlinePageListViewer(_a){var items=_a.items,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,isInitialLoading=_a.isInitialLoading;var theme=_styled.useTheme();if(!items||items.length===0){return null;}return jsxRuntime.jsx(PagesList,__assign({"data-inline-page-list":true},{children:items.map(function(item){var isPublished=!item.hasHiddenAncestor&&(item.isCurrentPublishedVersion||!!item.publishedVersionId);return jsxRuntime.jsx(StyledPageItemTile,{item:item,baseRoute:baseRoute,filterBaseUrl:filterBaseUrl,styleDefinition:{backgroundColor:theme.palette.neutralLighter,bannerDefaultWidth:70,height:70,applyRoundedCorners:true,titleFontSize:fontSizeSmall,titleMargin:'0',contentPadding:spacingS-2+"px "+(spacingM-5)+"px"},additionalContent:jsxRuntime.jsx(StyledDocumentDownloadButton$2,{page:item},void 0),showBannerPlaceholder:true,isVisible:isPublished||isInitialLoading},item.id);})}),void 0);};var PagesList=_styled__default["default"].div.withConfig({displayName:"InlinePageListViewer__PagesList",componentId:"sc-qn2xdx-0"})(templateObject_1$1w||(templateObject_1$1w=__makeTemplateObject(["\n  a {\n    &,\n    :link,\n    :visited {\n      color: "," !important;\n      text-decoration: none !important;\n    }\n  }\n\n  > article:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  a {\n    &,\n    :link,\n    :visited {\n      color: "," !important;\n      text-decoration: none !important;\n    }\n  }\n\n  > article:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS);var StyledPageItemTile=_styled__default["default"](PageItemTile).withConfig({displayName:"InlinePageListViewer__StyledPageItemTile",componentId:"sc-qn2xdx-1"})(templateObject_2$T||(templateObject_2$T=__makeTemplateObject(["\n  opacity: ",";\n"],["\n  opacity: ",";\n"])),function(p){return p.isVisible?'1':'0.3';});var StyledDocumentDownloadButton$2=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"InlinePageListViewer__StyledDocumentDownloadButton",componentId:"sc-qn2xdx-2"})(templateObject_3$A||(templateObject_3$A=__makeTemplateObject(["\n  margin-left: auto;\n  z-index: 1;\n\n  > button {\n    width: 22px;\n    height: 22px;\n    i {\n      margin: 0;\n    }\n  }\n"],["\n  margin-left: auto;\n  z-index: 1;\n\n  > button {\n    width: 22px;\n    height: 22px;\n    i {\n      margin: 0;\n    }\n  }\n"])));var templateObject_1$1w,templateObject_2$T,templateObject_3$A;var InlinePageListWithPaging=function InlinePageListWithPaging(_a){var pages=_a.pages,baseRoute=_a.baseRoute,_b=_a.pagingProps,getNextPage=_b.getNextPage,getFirstPage=_b.getFirstPage,getPrevPage=_b.getPrevPage,isFirstPage=_b.isFirstPage,isInitialLoading=_b.isInitialLoading,isLoadingNextPage=_b.isLoadingNextPage,hideNextButton=_b.hideNextButton,filterBaseUrl=_a.filterBaseUrl;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(InlinePageListViewer,{items:pages,baseRoute:baseRoute,filterBaseUrl:filterBaseUrl,isInitialLoading:isInitialLoading},void 0),jsxRuntime.jsx(HorizontalPager,{onNextClick:getNextPage,onPrevClick:getPrevPage,onFirstClick:getFirstPage,hidePrevButton:isFirstPage||isInitialLoading,hideNextButton:hideNextButton,isLoadingNextPage:isLoadingNextPage},void 0)]},void 0);};function useItemLoaderByCurrentPage(currentPageId,pageSize,navigationContext,settings,getAllItemsHandler,deps){var _a=React$d.useState(getAllItems()),allItems=_a[0],setAllItems=_a[1];var allItemIdsString=allItems===null||allItems===void 0?void 0:allItems.map(function(i){return i.id;}).join(',');var _b=useItemLoaderWithPreFetch(pageSize,loadNextItems,[allItemIdsString]),items=_b.items,pagingProps=__rest(_b,["items"]);React$d.useEffect(function(){setAllItems(getAllItems());},__spreadArray([],deps||[]));var skeletonItems=getNextItems();var pageItems=pagingProps.isInitialLoading?skeletonItems:items;var hideNextButton=pagingProps.isInitialLoading?allItems.length<=pageSize:pagingProps.isLastPage;return {pageItems:pageItems,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:hideNextButton})};function getAllItems(){var _a;var children=(_a=navigationContext===null||navigationContext===void 0?void 0:navigationContext.children)!==null&&_a!==void 0?_a:[];if(settings.showPages&&settings.showDocuments){return children;}var filteredChildren=children.filter(function(c){return c.pageType===(settings.showPages?PageType.Page:PageType.Document);});return filteredChildren;}function getNextItems(startIndex,paginationToken){if(startIndex===void 0){startIndex=0;}if(paginationToken===void 0){paginationToken=pageSize;}return allItems.slice(startIndex,paginationToken);}function loadNextItems(pageSize,paginationToken){return __awaiter(this,void 0,void 0,function(){var showSubpagesAndDocuments,pageType,result_1,fullAllItems,token,newPaginationToken;return __generator(this,function(_a){switch(_a.label){case 0:if(!!paginationToken)return [3/*break*/,2];showSubpagesAndDocuments=settings.showPages&&settings.showDocuments;pageType=settings.showPages?PageType.Page:PageType.Document;return [4/*yield*/,getAllItemsHandler(currentPageId,showSubpagesAndDocuments?undefined:pageType)];case 1:result_1=_a.sent();fullAllItems=allItems.map(function(i){return result_1.find(function(r){return r.id===i.id;});});setAllItems(fullAllItems);return [2/*return*/,{items:fullAllItems.slice(0,pageSize),paginationToken:pageSize,hasNextPage:fullAllItems[pageSize]!==null}];case 2:token=parseInt(paginationToken);newPaginationToken=token+pageSize;return [2/*return*/,{items:getNextItems(token,newPaginationToken),paginationToken:newPaginationToken,hasNextPage:allItems[newPaginationToken]!==null}];}});});}}var InlinePageListSkeleton=function InlinePageListSkeleton(_a){var isDataLoaded=_a.isDataLoaded,_b=_a.pageSize,pageSize=_b===void 0?5:_b,children=_a.children;var items=Array.from(Array(pageSize).keys());var uniqueId=createId();var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsx(officeUiFabricReact.Shimmer,__assign({isDataLoaded:isDataLoaded,shimmerColors:{shimmer:palette.neutralTertiaryAlt,shimmerWave:palette.neutralTertiary},customElementsGroup:jsxRuntime.jsx(jsxRuntime.Fragment,{children:items.map(function(i){return jsxRuntime.jsx(PageItemShimmer,{},uniqueId+"-"+i);})},void 0)},{children:children}),void 0);};var PageItemShimmer=function PageItemShimmer(){var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(Host$A,{children:[jsxRuntime.jsxs(Inner$2$1,{children:[jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{styles:{root:{backgroundColor:palette.accent,borderRadius:5}},width:'70px',shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.line,height:70,width:70}]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{backgroundColor:palette.neutralLighter,width:"calc(100% - 70px)",flexWrap:true,shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(20% - "+spacingM+"px)",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'80%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(100% - "+2*spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(40% - "+spacingM+"px)",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'60%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS}]},void 0)]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS}]},void 0)]},void 0);};var Host$A=_styled__default["default"].div.withConfig({displayName:"InlinePageListSkeleton__Host",componentId:"sc-13wpgyn-0"})(templateObject_1$1v||(templateObject_1$1v=__makeTemplateObject([""],[""])));var Inner$2$1=_styled__default["default"].div.withConfig({displayName:"InlinePageListSkeleton__Inner",componentId:"sc-13wpgyn-1"})(templateObject_2$S||(templateObject_2$S=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var templateObject_1$1v,templateObject_2$S;var InlineContact=function InlineContact(_a){var contact=__rest(_a.blockProps,[]);return jsxRuntime.jsx(InlineContactViewer,{contact:contact},void 0);};var InlineContactMapper={component:InlineContact,type:EntityType.Contact,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var contactId=node.getAttribute('data-contact-id');if(contactId==null){return null;}var properties={};Array.from(node.querySelectorAll('li')).forEach(function(childNode){var _a,_b;var propertyKey=childNode.getAttribute('data-contact-property');var shouldAutoLoad=(_a=childNode.getAttribute('data-auto-load'))!==null&&_a!==void 0?_a:childNode.getAttribute('data-from-directory');var propertyValue=(_b=childNode.getAttribute('data-contact-property-value'))!==null&&_b!==void 0?_b:childNode.innerText;properties[propertyKey]={value:propertyValue,shouldAutoLoad:shouldAutoLoad==='true'};});return {id:contactId,tenantId:node.getAttribute('data-contact-tenantid'),upn:node.getAttribute('data-contact-upn'),properties:properties};}};var InlineCodeViewer=function InlineCodeViewer(_a){var codeDetails=_a.codeDetails,showJsPlaceholder=_a.showJsPlaceholder,readOnly=_a.readOnly;var htmlContainerRef=React$d.useRef(null);var javascriptContainerRef=React$d.useRef(null);React$d.useEffect(function(){if(readOnly){return;}if(htmlContainerRef.current!=null){if(htmlContainerRef.current.innerHTML!==codeDetails.html){htmlContainerRef.current.innerHTML=codeDetails.html;refreshScripts(htmlContainerRef.current);}}if(javascriptContainerRef.current!=null){var oldScript=javascriptContainerRef.current.querySelector('script');var newScriptText=";\n      (function() {\n        try {\n          "+codeDetails.javascript+";\n        } catch (err) {\n          console.error(err);\n        }\n      })();";if(!oldScript||oldScript.innerText!==newScriptText){oldScript===null||oldScript===void 0?void 0:oldScript.remove();var script=document.createElement('script');script.type='text/javascript';var scriptContent=document.createTextNode(newScriptText);script.appendChild(scriptContent);javascriptContainerRef.current.appendChild(script);}}// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[codeDetails.html,codeDetails.javascript]);if(readOnly){return jsxRuntime.jsxs(Host$z,{children:[jsxRuntime.jsx("div",{children:codeDetails.html&&JSON.stringify(codeDetails.html)},void 0),jsxRuntime.jsx("div",{children:codeDetails.javascript&&JSON.stringify(codeDetails.javascript)},void 0)]},void 0);}return jsxRuntime.jsxs(Host$z,{children:[codeDetails.html&&jsxRuntime.jsx("div",{ref:function(c){return htmlContainerRef.current=c;}},void 0),codeDetails.javascript&&jsxRuntime.jsx("div",__assign({ref:function(c){return javascriptContainerRef.current=c;}},{children:!codeDetails.html&&showJsPlaceholder&&jsxRuntime.jsx(JavascriptPlaceholder,{},void 0)}),void 0)]},void 0);};var Host$z=_styled__default["default"].div.withConfig({displayName:"InlineCodeViewer__Host",componentId:"sc-q9v8du-0"})(templateObject_1$1u||(templateObject_1$1u=__makeTemplateObject(["\n  /* Draft js is setting white-space: pre-wrap and it's causing extra spaces */\n  /* fix: reset the white-space value (default one) */\n  white-space: normal;\n"],["\n  /* Draft js is setting white-space: pre-wrap and it's causing extra spaces */\n  /* fix: reset the white-space value (default one) */\n  white-space: normal;\n"])));var JavascriptPlaceholder=_styled__default["default"].div.withConfig({displayName:"InlineCodeViewer__JavascriptPlaceholder",componentId:"sc-q9v8du-1"})(templateObject_2$R||(templateObject_2$R=__makeTemplateObject(["\n  position: relative;\n  height: 2em;\n\n  &::before {\n    position: absolute;\n    content: '<!-- code -->';\n    padding-top: 0.5em;\n    padding-left: 1em;\n    color: grey;\n  }\n"],["\n  position: relative;\n  height: 2em;\n\n  &::before {\n    position: absolute;\n    content: '<!-- code -->';\n    padding-top: 0.5em;\n    padding-left: 1em;\n    color: grey;\n  }\n"])));var templateObject_1$1u,templateObject_2$R;var InlineCode=function InlineCode(_a){var _b=_a.blockProps,id=_b.id,html=_b.html,javascript=_b.javascript;var features=useFeatures();if(!features.editorInlineMarkup){return null;}return jsxRuntime.jsx(InlineCodeViewer,{codeDetails:{id:id,html:html,javascript:javascript}},void 0);};var InlineCodeMapper={component:InlineCode,type:EntityType.InlineCode,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d;if(nodeName!=='div'){return null;}var codeId=node.getAttribute('data-code-id');if(codeId==null){return null;}var html=(_b=(_a=node.querySelector('[data-code-html]'))===null||_a===void 0?void 0:_a.innerHTML)!==null&&_b!==void 0?_b:node.getAttribute('data-code-html');var javascript=(_d=(_c=node.querySelector('script[type="text/javascript"][data-code-javascript]'))===null||_c===void 0?void 0:_c.innerHTML)!==null&&_d!==void 0?_d:node.getAttribute('data-code-javascript');return {id:codeId,html:html,javascript:javascript};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
 	// in order to ensure parsing old blocks
-	if(node.querySelector('[data-code-html]')==null){node.innerHTML='';}}};var HeaderFormat=_styled.css(templateObject_1$1t||(templateObject_1$1t=__makeTemplateObject(["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"],["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.theme.palette.neutralLight;});var FooterFormat=_styled.css(templateObject_2$Q||(templateObject_2$Q=__makeTemplateObject(["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"],["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"])),function(p){return p.theme.palette.white;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var Grid=_styled.css(templateObject_3$z||(templateObject_3$z=__makeTemplateObject(["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"],["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;});var AlternateLines=_styled.css(templateObject_4$n||(templateObject_4$n=__makeTemplateObject(["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"],["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;});var Table=_styled__default["default"].table.withConfig({displayName:"InlineTableStyles__Table",componentId:"sc-10dcamf-0"})(templateObject_5$m||(templateObject_5$m=__makeTemplateObject(["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"],["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"])),fontSizeNormal,fontSizeNormal,function(_a){var showGrid=_a.format.showGrid;return showGrid&&Grid;},function(_a){var alternateLines=_a.format.alternateLines;return alternateLines&&AlternateLines;},function(_a){var hasHeaderRow=_a.format.hasHeaderRow;return hasHeaderRow&&HeaderFormat;},function(_a){var hasFooterRow=_a.format.hasFooterRow;return hasFooterRow&&FooterFormat;});var templateObject_1$1t,templateObject_2$Q,templateObject_3$z,templateObject_4$n,templateObject_5$m;var TableViewer=function TableViewer(_a){var tableDefinition=_a.blockProps.tableDefinition;var lastRowIndex=tableDefinition.rows.length-1;return jsxRuntime.jsx(Host$y,{children:jsxRuntime.jsx(Table,__assign({format:tableDefinition.format},{children:jsxRuntime.jsx("tbody",{children:tableDefinition.rows.map(function(r,rowIndex){return jsxRuntime.jsx("tr",{children:r.cells.map(function(c,index){var _a,_b,_c;return jsxRuntime.jsx("td",__assign({style:__assign(__assign({},cellStyleToCssProps(c.style,tableDefinition.format.alternateLines||tableDefinition.format.hasHeaderRow&&rowIndex===0||tableDefinition.format.hasFooterRow&&rowIndex===lastRowIndex)),rowIndex===0&&{width:(_b=(_a=tableDefinition.columns)===null||_a===void 0?void 0:_a[index])===null||_b===void 0?void 0:_b.width}),title:c.value,"data-multiline":c.isMultiline},{children:c.url?jsxRuntime.jsx(TextLink,__assign({url:c.url,style:{color:(_c=c.style.fontColor)!==null&&_c!==void 0?_c:null}},{children:c.value}),void 0):c.value}),index);})},rowIndex);})},void 0)}),void 0)},void 0);};function cssPropsToCellStyle(style,alternateLines,isHeaderRow){if(style==null){return {};}return {isBold:style.fontWeight==='bold',isItalic:style.fontStyle==='italic',textAlign:style.textAlign==='left'||style.textAlign==='right'||style.textAlign==='center'?style.textAlign:null,fontColor:style.color,backgroundColor:!alternateLines&&!isHeaderRow?style.backgroundColor:null};}function cellStyleToCssProps(cellStyle,disableCustomColors){if(cellStyle==null){return {};}return __assign(__assign(__assign(__assign(__assign({},cellStyle.isBold&&{fontWeight:'bold'}),cellStyle.isItalic&&{fontStyle:'italic'}),cellStyle.textAlign&&{textAlign:cellStyle.textAlign}),cellStyle.fontColor&&!disableCustomColors&&{color:cellStyle.fontColor}),cellStyle.backgroundColor&&!disableCustomColors&&{backgroundColor:cellStyle.backgroundColor});}var InlineTable={component:TableViewer,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var tableId=node.getAttribute('data-table-id');if(tableId==null){return null;}var table=node.querySelector('table');var body=table===null||table===void 0?void 0:table.querySelector('tbody');if(body==null){return null;}var firstRow=body.querySelector('tr:first-child');return {tableId:tableId,tableDefinition:{columns:Array.from(firstRow.querySelectorAll('td')).map(function(c){var _a,_b;return {width:(_b=(_a=c.style)===null||_a===void 0?void 0:_a.width)!==null&&_b!==void 0?_b:null};}),rows:Array.from(body.querySelectorAll('tr')).map(function(row){return {rowId:createId(),cells:Array.from(row.querySelectorAll('td')).map(function(cell){var _a,_b;return {cellId:createId(),value:cell.innerText,style:cssPropsToCellStyle(cell.style,table.classList.contains('condense-table--alternateLines'),table.classList.contains('condense-table--hasHeader')&&row.rowIndex===0),isMultiline:cell.innerText.includes('\n'),url:(_b=(_a=cell.querySelector('a'))===null||_a===void 0?void 0:_a.getAttribute('href'))!==null&&_b!==void 0?_b:null};})};}),format:{showGrid:table.classList.contains('condense-table--showGrid'),alternateLines:table.classList.contains('condense-table--alternateLines'),hasHeaderRow:table.classList.contains('condense-table--hasHeader'),hasFooterRow:table.classList.contains('condense-table--hasFooter')}}};},type:EntityType.Table};var Host$y=_styled__default["default"].div.withConfig({displayName:"InlineTable__Host",componentId:"sc-8db5xf-0"})(templateObject_1$1s||(templateObject_1$1s=__makeTemplateObject(["\n  width: 100%;\n  overflow-x: auto;\n"],["\n  width: 100%;\n  overflow-x: auto;\n"])));var templateObject_1$1s;var ItemBodyWrapper=function ItemBodyWrapper(_a){var className=_a.className,children=_a.children;return jsxRuntime.jsx(Host$x,__assign({className:className,"data-body-wrapper":true},{children:children}),void 0);};var Host$x=_styled__default["default"].div.withConfig({displayName:"ItemBodyWrapper__Host",componentId:"sc-6adwhw-0"})(templateObject_1$1r||(templateObject_1$1r=__makeTemplateObject(["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      figure[data-inline-quote='true'] {\n        padding-left: 15px;\n      }\n\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n\n      ul {\n        padding-left: 14px;\n      }\n      ol {\n        padding-left: 20px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      figure[data-inline-quote='true'] {\n        padding-left: 15px;\n      }\n\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n\n      ul {\n        padding-left: 14px;\n      }\n      ol {\n        padding-left: 20px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS,function(p){return p.theme.palette.accent;},maxScreenSize.medium,fontSizeLarge-3,fontSizeLarge-5,fontSizeMedium,fontSizeSmall,minScreenSize.small);var templateObject_1$1r;var InlineFileList=function InlineFileList(_a){var fileBlock=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var getFileUrlWithToken=useFileApi().getFileUrlWithToken;if(!fileBlock.files||fileBlock.files.length===0){return null;}var files=fileBlock.files.map(function(f){if(f.pageId){return __assign({},f);}var getFileUrl=function getFileUrl(token){var _a;return ((_a=f.getDownloadUrl)===null||_a===void 0?void 0:_a.call(f,token))||getFileUrlWithToken(token||item.fileAccessToken,item.id,undefined,f.fileId,f.fileName,resourceType);};return __assign(__assign({},f),{getDownloadUrl:getFileUrl,accessToken:item.fileAccessToken});});var audioFiles=files.filter(function(f){return isAudioFile(f.fileName);});var videoFiles=files.filter(function(f){return isVideoFile(f.fileName);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(FileListHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(VideoFileHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:jsxRuntime.jsx(VideoFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)}),void 0)},f.fileId);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:audioFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(AudioFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)},f.fileId);})},void 0),otherFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileListItem,{children:f.pageId?jsxRuntime.jsx(InlinePageDocument,{file:f},void 0):jsxRuntime.jsx(InlineFileDownloadButton,{getFileUrl:f.getDownloadUrl,fileAccessToken:item.fileAccessToken,fileName:f.fileName,title:f.title},void 0)},f.fileId);})},void 0)]},void 0);};var InlinePageDocument=function InlinePageDocument(_a){var file=_a.file;var pageId=file.pageId;var loadPage=usePagesApi().loadPage;var page=usePromise$2(function(){return loadPage(pageId);},undefined,[pageId])[0];var _b=useInlinePageDocument(file,page),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsx(InlinePageDocumentDownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0);};var InlineFileMapper={component:InlineFileList,type:EntityType.File,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var blockId=node.getAttribute('data-file-block');if(!blockId){var fileId=node.getAttribute('data-file-id')||node.getAttribute('data-file-fileid');if(fileId==null){return null;}var title=node.getAttribute('data-file-title');var fileName=node.getAttribute('data-file-name');var pageId=node.getAttribute('data-inline-page-document-id');var extension=node.getAttribute('data-file-extension');return {blockId:createId(),files:[{fileId:fileId,title:title,fileName:fileName,pageId:pageId,extension:extension}]};}return {blockId:blockId,files:Array.from(node.querySelectorAll('[data-file-id], [data-file-fileid]')).map(function(fileNode){var _a;return {fileId:(_a=fileNode.getAttribute('data-file-id'))!==null&&_a!==void 0?_a:fileNode.getAttribute('data-file-fileid'),fileName:fileNode.getAttribute('data-file-name'),title:fileNode.getAttribute('data-file-title'),pageId:fileNode.getAttribute('data-inline-page-document-id'),extension:fileNode.getAttribute('data-file-extension')};})};}};var VideoFileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileList__VideoFileHost",componentId:"sc-16i3l51-0"})(templateObject_1$1q||(templateObject_1$1q=__makeTemplateObject(["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var templateObject_1$1q;var EventDetailViewPeopleInfo=function EventDetailViewPeopleInfo(){var item=useDetailViewContext().item;return jsxRuntime.jsx(StyledEventPeopleInfo,{item:item},void 0);};var StyledEventPeopleInfo=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventDetailViewPeopleInfo__StyledEventPeopleInfo",componentId:"sc-1d42bpm-0"})(templateObject_1$1p||(templateObject_1$1p=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1p;var EventDetailViewLocationInfo=function EventDetailViewLocationInfo(){var item=useDetailViewContext().item;if(!item.locations||item.locations.length===0){return null;}return jsxRuntime.jsx(StyledEventLocationInfo,{locations:item.locations},void 0);};var StyledEventLocationInfo=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventDetailViewLocationInfo__StyledEventLocationInfo",componentId:"sc-4kfe0w-0"})(templateObject_1$1o||(templateObject_1$1o=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1o;var EventDetailViewMetaInfo=function EventDetailViewMetaInfo(_a){var allowFilterByChannels=_a.allowFilterByChannels;var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EventDetailViewLocationInfo,{},void 0),jsxRuntime.jsx(EventDetailViewPeopleInfo,{},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userPreferredLanguage,allowFilterByChannels:allowFilterByChannels},void 0)]},void 0);};var EventDetailViewDatesInfo=function EventDetailViewDatesInfo(_a){var className=_a.className;var item=useDetailViewContext().item;return jsxRuntime.jsx(Host$w,{children:jsxRuntime.jsx(DateTimeRange,{className:className,startDate:item.startDate,endDate:item.endDate},void 0)},void 0);};var Host$w=_styled__default["default"].div.withConfig({displayName:"EventDetailViewDatesInfo__Host",componentId:"sc-3sblty-0"})(templateObject_1$1n||(templateObject_1$1n=__makeTemplateObject(["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"],["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"])),fontSizeSmall,spacingM);var templateObject_1$1n;var PollUserContext=/*#__PURE__*/React$d.createContext(null);var DetailViewPollsSubmitButton=function DetailViewPollsSubmitButton(_a){var isReadOnly=_a.isReadOnly;var formatMessage=useIntl().formatMessage;var _b=React$d.useContext(PollUserContext),submitPoll=_b.submitPoll,hasMissingUnsavedAnswer=_b.hasMissingUnsavedAnswer,hasMissingAnswers=_b.hasMissingAnswers,answers=_b.answers,resourceType=_b.resourceType,item=_b.item;var updatePollAnswers=useFeedbackApi().updatePollAnswers;if(!hasMissingUnsavedAnswer){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,{"data-poll-submit-button":true,onClick:function(){return submitPoll(function(){return updatePollAnswers(resourceType,item.id,answers);});},text:formatMessage({id:'Polls.display.submitButtonCaption'}),disabled:hasMissingAnswers||isReadOnly},void 0)},void 0);};var DetailViewCsvExportButton=function DetailViewCsvExportButton(_a){var path=_a.path,stringResource=_a.stringResource,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;if(!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsx(Host$v,__assign({className:className},{children:jsxRuntime.jsxs(DownloadButton$2,__assign({onClick:startDownload},{children:[jsxRuntime.jsx(LeftAlignedIcon,{iconName:"Download"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:stringResource},void 0)]}),void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(itemId,fileDownloadToken){return createApiUrl("/"+resourceType+"/"+itemId+"/"+path,{access_token:fileDownloadToken});}};var Host$v=_styled__default["default"].div.withConfig({displayName:"DetailViewCsvExportButton__Host",componentId:"sc-n02scx-0"})(templateObject_1$1m||(templateObject_1$1m=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var DownloadButton$2=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DetailViewCsvExportButton__DownloadButton",componentId:"sc-n02scx-1"})(templateObject_2$P||(templateObject_2$P=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;},maxScreenSize.medium,fontSizeSmall);var LeftAlignedIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"DetailViewCsvExportButton__LeftAlignedIcon",componentId:"sc-n02scx-2"})(templateObject_3$y||(templateObject_3$y=__makeTemplateObject(["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"],["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1m,templateObject_2$P,templateObject_3$y;var DetailViewPollExportButton=function DetailViewPollExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.polls){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/poll/result/export",stringResource:"Polls.display.exportAsCsv"},void 0);};var PollTranslationContext=/*#__PURE__*/React$d.createContext(null);var PollTranslationContextProvider=function PollTranslationContextProvider(_a){var contents=_a.contents,language=_a.language,additionalTranslations=_a.additionalTranslations,children=_a.children;var user=useCurrentUser();var activeContents=Object.values(contents||{}).filter(function(c){return c.active;});var allLanguages=activeContents.map(function(c){return c.language;});var allTranslations=additionalTranslations||[];for(var _i=0,_b=activeContents.filter(function(c){return c.poll&&c.poll.questions;});_i<_b.length;_i++){var content=_b[_i];var language_1=content.language;for(var _c=0,_d=content.poll.questions;_c<_d.length;_c++){var question=_d[_c];allTranslations.push({language:language_1,id:question.questionId,text:question.text});for(var _e=0,_f=question.choices;_e<_f.length;_e++){var choice=_f[_e];allTranslations.push({language:language_1,id:choice.choiceId,text:choice.text});}}}return jsxRuntime.jsx(PollTranslationContext.Provider,__assign({value:{getAllTranslations:getAllTranslations,getTranslation:getTranslation}},{children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:children},void 0)}),void 0);function getAllTranslations(id){return allTranslations.filter(function(t){return t.id===id&&t.text;});}function getTranslation(id){var preferredLanguage=NewsService.getUserPreferredLanguage(allLanguages,user);var translationItems=getAllTranslations(id);var translation=translationItems.find(function(t){return t.language===language;})||translationItems.find(function(t){return t.language===preferredLanguage;})||translationItems[0];return translation?translation.text:null;}};var PollUserInput=function PollUserInput(){var _a=React$d.useContext(PollUserContext),questions=_a.questions,getQuestionResult=_a.getQuestionResult,addAnswer=_a.addAnswer;return jsxRuntime.jsx("div",{children:questions.map(function(q){return jsxRuntime.jsx(QuestionInputItem,{question:q,onChange:function(choiceIds){return handleQuestionChange(q,choiceIds);},result:getQuestionResult(q.questionId)},q.questionId);})},void 0);function handleQuestionChange(question,choiceIds){addAnswer(question.questionId,choiceIds);}};var QuestionInput=function QuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var questionText=getTranslation(question.questionId);return jsxRuntime.jsxs("div",__assign({className:className,"data-question-id":question.questionId,"data-question-text":questionText},{children:[jsxRuntime.jsx(QuestionText,{children:questionText},void 0),question.isMultiChoice&&jsxRuntime.jsx(MultiChoiceQuestionInput,{question:question,onChange:onChange,result:result},void 0),!question.isMultiChoice&&jsxRuntime.jsx(SingleChoiceQuestionInput,{question:question,onChange:function(choiceId){return onChange([choiceId]);},result:result},void 0)]}),void 0);};var MultiChoiceQuestionInput=function MultiChoiceQuestionInput(_a){var question=_a.question,result=_a.result,onChange=_a.onChange;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx("div",{children:question.choices.map(function(c){return jsxRuntime.jsx(StyledCheckbox$1,{isResultMode:result.showResults,disabled:result.showResults||c.disabled,checked:result.userSelectedChoices.some(function(sc){return sc===c.choiceId;}),onChange:function(_,isChecked){return handleMultipleChoiceChange(c.choiceId,isChecked);},label:getTranslation(c.choiceId),onRenderLabel:function(_){return jsxRuntime.jsx(MultiChoiceLabel,{choice:c,result:result},void 0);}},c.choiceId);})},void 0);function handleMultipleChoiceChange(choiceId,isSelected){var choiceIds=result.userSelectedChoices.filter(function(c){return c!==choiceId;});if(isSelected){choiceIds.push(choiceId);}onChange(choiceIds);}};var SingleChoiceQuestionInput=function SingleChoiceQuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx(ChoiceInput,{isResultMode:result.showResults,selectedKey:result.userSelectedChoices[0],onChange:function(_,option){return onChange(option.key);},options:question.choices.map(function(c){return {key:c.choiceId,choiceId:c.choiceId,text:getTranslation(c.choiceId),disabled:result.showResults||c.disabled,onRenderLabel:function(_){return jsxRuntime.jsx(SingleChoiceLabel,{choice:c,result:result},void 0);}};})},void 0);};var ChoiceLabel=function ChoiceLabel(_a){var choice=_a.choice,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var choiceText=getTranslation(choice.choiceId);return jsxRuntime.jsxs(ChoiceLabelHost,__assign({isResultMode:result.showResults,className:className,"data-choice-id":choice.choiceId,"data-choice-text":choiceText},{children:[choiceText,choice.description&&jsxRuntime.jsx(ChoiceLabelSecondaryText,__assign({"data-choice-secondary-text":true},{children:choice.description}),void 0),result.showResults&&jsxRuntime.jsx(ChoiceResult,{result:result,choiceId:choice.choiceId},void 0)]}),void 0);};var ChoiceResult=function ChoiceResult(_a){var choiceId=_a.choiceId,result=_a.result;var numberResult=result.choiceResults[choiceId]||0;var percent=numberResult/result.totalFeedbackCount;var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(ChoiceResultHost,__assign({"data-choice-result":numberResult},{children:[jsxRuntime.jsx(Bar,{percentComplete:percent,barHeight:10,styles:{progressBar:{backgroundColor:palette.accent}}},void 0),jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedNumber,{value:numberResult},void 0)},void 0)]}),void 0);};var ChoiceResultHost=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceResultHost",componentId:"sc-eeg1mx-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"])));var Bar=_styled__default["default"](officeUiFabricReact.ProgressIndicator).withConfig({displayName:"PollUserInput__Bar",componentId:"sc-eeg1mx-1"})(templateObject_2$O||(templateObject_2$O=__makeTemplateObject(["\n  flex: 1 0 auto;\n"],["\n  flex: 1 0 auto;\n"])));var QuestionText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__QuestionText",componentId:"sc-eeg1mx-2"})(templateObject_3$x||(templateObject_3$x=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var QuestionInputItem=_styled__default["default"](QuestionInput).withConfig({displayName:"PollUserInput__QuestionInputItem",componentId:"sc-eeg1mx-3"})(templateObject_4$m||(templateObject_4$m=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingL);var ChoiceLabelHost=_styled__default["default"].span.withConfig({displayName:"PollUserInput__ChoiceLabelHost",componentId:"sc-eeg1mx-4"})(templateObject_5$l||(templateObject_5$l=__makeTemplateObject(["\n  display: inline-block;\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n"])),function(p){return p.isResultMode&&'max-width: 400px;';},function(p){return p.isResultMode&&'width: 100%;';});var ChoiceLabelSecondaryText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceLabelSecondaryText",componentId:"sc-eeg1mx-5"})(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n  opacity: 0.75;\n"],["\n  opacity: 0.75;\n"])));var SingleChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__SingleChoiceLabel",componentId:"sc-eeg1mx-6"})(templateObject_7$9||(templateObject_7$9=__makeTemplateObject(["\n  padding-left: 30px;\n"],["\n  padding-left: 30px;\n"])));var MultiChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__MultiChoiceLabel",componentId:"sc-eeg1mx-7"})(templateObject_8$8||(templateObject_8$8=__makeTemplateObject(["\n  padding-left: 5px;\n"],["\n  padding-left: 5px;\n"])));var ChoiceInput=_styled__default["default"](ChoiceGroup).withConfig({displayName:"PollUserInput__ChoiceInput",componentId:"sc-eeg1mx-8"})(templateObject_9$6||(templateObject_9$6=__makeTemplateObject(["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"],["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"])));var StyledCheckbox$1=_styled__default["default"](officeUiFabricReact.Checkbox).withConfig({displayName:"PollUserInput__StyledCheckbox",componentId:"sc-eeg1mx-9"})(templateObject_10$5||(templateObject_10$5=__makeTemplateObject(["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"],["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"])),function(p){return p.isResultMode?'flex-start':'center';});var templateObject_1$1l,templateObject_2$O,templateObject_3$x,templateObject_4$m,templateObject_5$l,templateObject_6$e,templateObject_7$9,templateObject_8$8,templateObject_9$6,templateObject_10$5;var PollDisplay=function PollDisplay(_a){var children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs("section",__assign({className:className,"aria-label":formatMessage({id:'Polls.sectionLabel'}),"data-consumer-poll":true},{children:[jsxRuntime.jsx(PollUserInput,{},void 0),children]}),void 0);};var PollUserContextProvider=function PollUserContextProvider(_a){var _b;var item=_a.item,onBehalfOfUpn=_a.onBehalfOfUpn,resourceType=_a.resourceType,language=_a.language,getAdditionalQuestions=_a.getAdditionalQuestions,getAdditionalUserAnswers=_a.getAdditionalUserAnswers,getPollResults=_a.getPollResults,showResult=_a.showResult,children=_a.children;var poll=item.poll,itemId=item.id;var getFeedback=useFeedbackApi().getFeedback;var _c=React$d.useState(getAdditionalQuestions===null||getAdditionalQuestions===void 0?void 0:getAdditionalQuestions(null)),additionalQuestions=_c[0],setAdditionalQuestions=_c[1];var showError=useNotificationContext().showError;var questionDefinitions=(_b=poll===null||poll===void 0?void 0:poll.questions)!==null&&_b!==void 0?_b:[];var _d=usePromise$2(loadUserAnswers),userAnswers=_d[0],isLoading=_d[1],setUserAnswers=_d[3];var _e=React$d.useState([]),unsavedQuestionsIds=_e[0],setUnsavedQuestionsIds=_e[1];var _f=usePromise$2(function(){return getPollResults(itemId);},{answers:[]},[itemId]),pollResult=_f[0],isLoadingPollResult=_f[1],fetchPollResults=_f[5];React$d.useEffect(function(){var _a;if(isLoadingPollResult||!((_a=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_a===void 0?void 0:_a.length)){return;}getAdditionalQuestions&&setAdditionalQuestions(getAdditionalQuestions(pollResult));// eslint-disable-next-line react-hooks/exhaustive-deps
+	if(node.querySelector('[data-code-html]')==null){node.innerHTML='';}}};var HeaderFormat=_styled.css(templateObject_1$1t||(templateObject_1$1t=__makeTemplateObject(["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"],["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.theme.palette.neutralLight;});var FooterFormat=_styled.css(templateObject_2$Q||(templateObject_2$Q=__makeTemplateObject(["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"],["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"])),function(p){return p.theme.palette.white;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var Grid=_styled.css(templateObject_3$z||(templateObject_3$z=__makeTemplateObject(["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"],["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;});var AlternateLines=_styled.css(templateObject_4$n||(templateObject_4$n=__makeTemplateObject(["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"],["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;});var Table=_styled__default["default"].table.withConfig({displayName:"InlineTableStyles__Table",componentId:"sc-10dcamf-0"})(templateObject_5$m||(templateObject_5$m=__makeTemplateObject(["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"],["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"])),fontSizeNormal,fontSizeNormal,function(_a){var showGrid=_a.format.showGrid;return showGrid&&Grid;},function(_a){var alternateLines=_a.format.alternateLines;return alternateLines&&AlternateLines;},function(_a){var hasHeaderRow=_a.format.hasHeaderRow;return hasHeaderRow&&HeaderFormat;},function(_a){var hasFooterRow=_a.format.hasFooterRow;return hasFooterRow&&FooterFormat;});var templateObject_1$1t,templateObject_2$Q,templateObject_3$z,templateObject_4$n,templateObject_5$m;var TableViewer=function TableViewer(_a){var tableDefinition=_a.blockProps.tableDefinition;var lastRowIndex=tableDefinition.rows.length-1;return jsxRuntime.jsx(Host$y,{children:jsxRuntime.jsx(Table,__assign({format:tableDefinition.format},{children:jsxRuntime.jsx("tbody",{children:tableDefinition.rows.map(function(r,rowIndex){return jsxRuntime.jsx("tr",{children:r.cells.map(function(c,index){var _a,_b,_c;return jsxRuntime.jsx("td",__assign({style:__assign(__assign({},cellStyleToCssProps(c.style,tableDefinition.format.alternateLines||tableDefinition.format.hasHeaderRow&&rowIndex===0||tableDefinition.format.hasFooterRow&&rowIndex===lastRowIndex)),rowIndex===0&&{width:(_b=(_a=tableDefinition.columns)===null||_a===void 0?void 0:_a[index])===null||_b===void 0?void 0:_b.width}),title:c.value,"data-multiline":c.isMultiline},{children:c.url?jsxRuntime.jsx(TextLink,__assign({url:c.url,style:{color:(_c=c.style.fontColor)!==null&&_c!==void 0?_c:null}},{children:c.value}),void 0):c.value}),index);})},rowIndex);})},void 0)}),void 0)},void 0);};function cssPropsToCellStyle(style,alternateLines,isHeaderRow){if(style==null){return {};}return {isBold:style.fontWeight==='bold',isItalic:style.fontStyle==='italic',textAlign:style.textAlign==='left'||style.textAlign==='right'||style.textAlign==='center'?style.textAlign:null,fontColor:style.color,backgroundColor:!alternateLines&&!isHeaderRow?style.backgroundColor:null};}function cellStyleToCssProps(cellStyle,disableCustomColors){if(cellStyle==null){return {};}return __assign(__assign(__assign(__assign(__assign({},cellStyle.isBold&&{fontWeight:'bold'}),cellStyle.isItalic&&{fontStyle:'italic'}),cellStyle.textAlign&&{textAlign:cellStyle.textAlign}),cellStyle.fontColor&&!disableCustomColors&&{color:cellStyle.fontColor}),cellStyle.backgroundColor&&!disableCustomColors&&{backgroundColor:cellStyle.backgroundColor});}var InlineTable={component:TableViewer,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var tableId=node.getAttribute('data-table-id');if(tableId==null){return null;}var table=node.querySelector('table');var body=table===null||table===void 0?void 0:table.querySelector('tbody');if(body==null){return null;}var firstRow=body.querySelector('tr:first-child');return {tableId:tableId,tableDefinition:{columns:Array.from(firstRow.querySelectorAll('td')).map(function(c){var _a,_b;return {width:(_b=(_a=c.style)===null||_a===void 0?void 0:_a.width)!==null&&_b!==void 0?_b:null};}),rows:Array.from(body.querySelectorAll('tr')).map(function(row){return {rowId:createId(),cells:Array.from(row.querySelectorAll('td')).map(function(cell){var _a,_b;return {cellId:createId(),value:cell.innerText,style:cssPropsToCellStyle(cell.style,table.classList.contains('condense-table--alternateLines'),table.classList.contains('condense-table--hasHeader')&&row.rowIndex===0),isMultiline:cell.innerText.includes('\n'),url:(_b=(_a=cell.querySelector('a'))===null||_a===void 0?void 0:_a.getAttribute('href'))!==null&&_b!==void 0?_b:null};})};}),format:{showGrid:table.classList.contains('condense-table--showGrid'),alternateLines:table.classList.contains('condense-table--alternateLines'),hasHeaderRow:table.classList.contains('condense-table--hasHeader'),hasFooterRow:table.classList.contains('condense-table--hasFooter')}}};},type:EntityType.Table};var Host$y=_styled__default["default"].div.withConfig({displayName:"InlineTable__Host",componentId:"sc-8db5xf-0"})(templateObject_1$1s||(templateObject_1$1s=__makeTemplateObject(["\n  width: 100%;\n  overflow-x: auto;\n"],["\n  width: 100%;\n  overflow-x: auto;\n"])));var templateObject_1$1s;var ItemBodyWrapper=function ItemBodyWrapper(_a){var className=_a.className,children=_a.children;return jsxRuntime.jsx(Host$x,__assign({className:className,"data-body-wrapper":true},{children:children}),void 0);};var Host$x=_styled__default["default"].div.withConfig({displayName:"ItemBodyWrapper__Host",componentId:"sc-6adwhw-0"})(templateObject_1$1r||(templateObject_1$1r=__makeTemplateObject(["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      figure[data-inline-quote='true'] {\n        padding-left: 15px;\n      }\n\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n\n      ul {\n        padding-left: 14px;\n      }\n      ol {\n        padding-left: 20px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      figure[data-inline-quote='true'] {\n        padding-left: 15px;\n      }\n\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n\n      ul {\n        padding-left: 14px;\n      }\n      ol {\n        padding-left: 20px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS,function(p){return p.theme.palette.accent;},maxScreenSize.medium,fontSizeLarge-3,fontSizeLarge-5,fontSizeMedium,fontSizeSmall,minScreenSize.small);var templateObject_1$1r;var InlineFileList=function InlineFileList(_a){var fileBlock=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var getFileUrlWithToken=useFileApi().getFileUrlWithToken;if(!fileBlock.files||fileBlock.files.length===0){return null;}var files=fileBlock.files.map(function(f){if(f.pageId){return __assign({},f);}var getFileUrl=function getFileUrl(token){var _a;return ((_a=f.getDownloadUrl)===null||_a===void 0?void 0:_a.call(f,token))||getFileUrlWithToken(token||item.fileAccessToken,item.id,undefined,f.fileId,f.fileName,resourceType);};return __assign(__assign({},f),{getDownloadUrl:getFileUrl,accessToken:item.fileAccessToken});});var audioFiles=files.filter(function(f){return isAudioFile(f.fileName);});var videoFiles=files.filter(function(f){return isVideoFile(f.fileName);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(FileListHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(VideoFileHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:jsxRuntime.jsx(VideoFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)}),void 0)},f.fileId);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:audioFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(AudioFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)},f.fileId);})},void 0),otherFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileListItem,{children:f.pageId?jsxRuntime.jsx(InlinePageDocument,{file:f},void 0):jsxRuntime.jsx(InlineFileDownloadButton,{getFileUrl:f.getDownloadUrl,fileAccessToken:item.fileAccessToken,fileName:f.fileName,title:f.title},void 0)},f.fileId);})},void 0)]},void 0);};var InlinePageDocument=function InlinePageDocument(_a){var file=_a.file;var pageId=file.pageId;var loadPage=usePagesApi().loadPage;var page=usePromise$2(function(){return loadPage(pageId);},undefined,[pageId])[0];var _b=useInlinePageDocument(file,page),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsx(InlinePageDocumentDownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0);};var InlineFileMapper={component:InlineFileList,type:EntityType.File,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var blockId=node.getAttribute('data-file-block');if(!blockId){var fileId=node.getAttribute('data-file-id')||node.getAttribute('data-file-fileid');if(fileId==null){return null;}var title=node.getAttribute('data-file-title');var fileName=node.getAttribute('data-file-name');var pageId=node.getAttribute('data-inline-page-document-id');var extension=node.getAttribute('data-file-extension');return {blockId:createId(),files:[{fileId:fileId,title:title,fileName:fileName,pageId:pageId,extension:extension}]};}return {blockId:blockId,files:Array.from(node.querySelectorAll('[data-file-id], [data-file-fileid]')).map(function(fileNode){var _a;return {fileId:(_a=fileNode.getAttribute('data-file-id'))!==null&&_a!==void 0?_a:fileNode.getAttribute('data-file-fileid'),fileName:fileNode.getAttribute('data-file-name'),title:fileNode.getAttribute('data-file-title'),pageId:fileNode.getAttribute('data-inline-page-document-id'),extension:fileNode.getAttribute('data-file-extension')};})};}};var VideoFileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileList__VideoFileHost",componentId:"sc-16i3l51-0"})(templateObject_1$1q||(templateObject_1$1q=__makeTemplateObject(["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var templateObject_1$1q;var EventDetailViewPeopleInfo=function EventDetailViewPeopleInfo(){var item=useDetailViewContext().item;return jsxRuntime.jsx(StyledEventPeopleInfo,{item:item},void 0);};var StyledEventPeopleInfo=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventDetailViewPeopleInfo__StyledEventPeopleInfo",componentId:"sc-1d42bpm-0"})(templateObject_1$1p||(templateObject_1$1p=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1p;var EventDetailViewLocationInfo=function EventDetailViewLocationInfo(){var item=useDetailViewContext().item;if(!item.locations||item.locations.length===0){return null;}return jsxRuntime.jsx(StyledEventLocationInfo,{locations:item.locations},void 0);};var StyledEventLocationInfo=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventDetailViewLocationInfo__StyledEventLocationInfo",componentId:"sc-4kfe0w-0"})(templateObject_1$1o||(templateObject_1$1o=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1o;var EventDetailViewMetaInfo=function EventDetailViewMetaInfo(_a){var allowFilterByChannels=_a.allowFilterByChannels;var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EventDetailViewLocationInfo,{},void 0),jsxRuntime.jsx(EventDetailViewPeopleInfo,{},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userPreferredLanguage,allowFilterByChannels:allowFilterByChannels},void 0)]},void 0);};var EventDetailViewDatesInfo=function EventDetailViewDatesInfo(_a){var className=_a.className;var item=useDetailViewContext().item;return jsxRuntime.jsx(Host$w,{children:jsxRuntime.jsx(DateTimeRange,{className:className,startDate:item.startDate,endDate:item.endDate},void 0)},void 0);};var Host$w=_styled__default["default"].div.withConfig({displayName:"EventDetailViewDatesInfo__Host",componentId:"sc-3sblty-0"})(templateObject_1$1n||(templateObject_1$1n=__makeTemplateObject(["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"],["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"])),fontSizeSmall,spacingM);var templateObject_1$1n;var PollUserContext=/*#__PURE__*/React$d.createContext(null);var DetailViewPollsSubmitButton=function DetailViewPollsSubmitButton(_a){var isReadOnly=_a.isReadOnly;var formatMessage=useIntl().formatMessage;var _b=React$d.useContext(PollUserContext),submitPoll=_b.submitPoll,hasMissingUnsavedAnswer=_b.hasMissingUnsavedAnswer,hasMissingAnswers=_b.hasMissingAnswers,answers=_b.answers,resourceType=_b.resourceType,item=_b.item;var updatePollAnswers=useFeedbackApi().updatePollAnswers;if(!hasMissingUnsavedAnswer){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,{"data-poll-submit-button":true,onClick:function(){return submitPoll(function(){return updatePollAnswers(resourceType,item.id,answers);});},text:formatMessage({id:'Polls.display.submitButtonCaption'}),disabled:hasMissingAnswers||isReadOnly},void 0)},void 0);};var DetailViewCsvExportButton=function DetailViewCsvExportButton(_a){var path=_a.path,stringResource=_a.stringResource,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;if(!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsx(Host$v,__assign({className:className},{children:jsxRuntime.jsxs(DownloadButton$2,__assign({onClick:startDownload},{children:[jsxRuntime.jsx(LeftAlignedIcon,{iconName:"Download"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:stringResource},void 0)]}),void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(itemId,fileDownloadToken){return createApiUrl("/"+resourceType+"/"+itemId+"/"+path,{access_token:fileDownloadToken});}};var Host$v=_styled__default["default"].div.withConfig({displayName:"DetailViewCsvExportButton__Host",componentId:"sc-n02scx-0"})(templateObject_1$1m||(templateObject_1$1m=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var DownloadButton$2=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DetailViewCsvExportButton__DownloadButton",componentId:"sc-n02scx-1"})(templateObject_2$P||(templateObject_2$P=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;},maxScreenSize.medium,fontSizeSmall);var LeftAlignedIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"DetailViewCsvExportButton__LeftAlignedIcon",componentId:"sc-n02scx-2"})(templateObject_3$y||(templateObject_3$y=__makeTemplateObject(["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"],["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1m,templateObject_2$P,templateObject_3$y;var DetailViewPollExportButton=function DetailViewPollExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.polls){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/poll/result/export",stringResource:"Polls.display.exportAsCsv"},void 0);};var PollTranslationContext=/*#__PURE__*/React$d.createContext(null);var PollTranslationContextProvider=function PollTranslationContextProvider(_a){var contents=_a.contents,language=_a.language,additionalTranslations=_a.additionalTranslations,children=_a.children;var user=useCurrentUser();var activeContents=Object.values(contents||{}).filter(function(c){return c.active;});var allLanguages=activeContents.map(function(c){return c.language;});var allTranslations=additionalTranslations||[];for(var _i=0,_b=activeContents.filter(function(c){return c.poll&&c.poll.questions;});_i<_b.length;_i++){var content=_b[_i];var language_1=content.language;for(var _c=0,_d=content.poll.questions;_c<_d.length;_c++){var question=_d[_c];allTranslations.push({language:language_1,id:question.questionId,text:question.text});for(var _e=0,_f=question.choices;_e<_f.length;_e++){var choice=_f[_e];allTranslations.push({language:language_1,id:choice.choiceId,text:choice.text});}}}return jsxRuntime.jsx(PollTranslationContext.Provider,__assign({value:{getAllTranslations:getAllTranslations,getTranslation:getTranslation}},{children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:children},void 0)}),void 0);function getAllTranslations(id){return allTranslations.filter(function(t){return t.id===id&&t.text;});}function getTranslation(id){var preferredLanguage=NewsService.getUserPreferredLanguage(allLanguages,user);var translationItems=getAllTranslations(id);var translation=translationItems.find(function(t){return t.language===language;})||translationItems.find(function(t){return t.language===preferredLanguage;})||translationItems[0];return translation?translation.text:null;}};var PollUserInput=function PollUserInput(){var _a=React$d.useContext(PollUserContext),questions=_a.questions,getQuestionResult=_a.getQuestionResult,addAnswer=_a.addAnswer;return jsxRuntime.jsx("div",{children:questions.map(function(q){return jsxRuntime.jsx(QuestionInputItem,{question:q,onChange:function(choiceIds){return handleQuestionChange(q,choiceIds);},result:getQuestionResult(q.questionId)},q.questionId);})},void 0);function handleQuestionChange(question,choiceIds){addAnswer(question.questionId,choiceIds);}};var QuestionInput=function QuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var questionText=getTranslation(question.questionId);return jsxRuntime.jsxs("div",__assign({className:className,"data-question-id":question.questionId,"data-question-text":questionText},{children:[jsxRuntime.jsx(QuestionText,{children:questionText},void 0),question.isMultiChoice&&jsxRuntime.jsx(MultiChoiceQuestionInput,{question:question,onChange:onChange,result:result},void 0),!question.isMultiChoice&&jsxRuntime.jsx(SingleChoiceQuestionInput,{question:question,onChange:function(choiceId){return onChange([choiceId]);},result:result},void 0)]}),void 0);};var MultiChoiceQuestionInput=function MultiChoiceQuestionInput(_a){var question=_a.question,result=_a.result,onChange=_a.onChange;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx("div",{children:question.choices.map(function(c){return jsxRuntime.jsx(StyledCheckbox$2,{isResultMode:result.showResults,disabled:result.showResults||c.disabled,checked:result.userSelectedChoices.some(function(sc){return sc===c.choiceId;}),onChange:function(_,isChecked){return handleMultipleChoiceChange(c.choiceId,isChecked);},label:getTranslation(c.choiceId),onRenderLabel:function(_){return jsxRuntime.jsx(MultiChoiceLabel,{choice:c,result:result},void 0);}},c.choiceId);})},void 0);function handleMultipleChoiceChange(choiceId,isSelected){var choiceIds=result.userSelectedChoices.filter(function(c){return c!==choiceId;});if(isSelected){choiceIds.push(choiceId);}onChange(choiceIds);}};var SingleChoiceQuestionInput=function SingleChoiceQuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx(ChoiceInput,{isResultMode:result.showResults,selectedKey:result.userSelectedChoices[0],onChange:function(_,option){return onChange(option.key);},options:question.choices.map(function(c){return {key:c.choiceId,choiceId:c.choiceId,text:getTranslation(c.choiceId),disabled:result.showResults||c.disabled,onRenderLabel:function(_){return jsxRuntime.jsx(SingleChoiceLabel,{choice:c,result:result},void 0);}};})},void 0);};var ChoiceLabel=function ChoiceLabel(_a){var choice=_a.choice,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var choiceText=getTranslation(choice.choiceId);return jsxRuntime.jsxs(ChoiceLabelHost,__assign({isResultMode:result.showResults,className:className,"data-choice-id":choice.choiceId,"data-choice-text":choiceText},{children:[choiceText,choice.description&&jsxRuntime.jsx(ChoiceLabelSecondaryText,__assign({"data-choice-secondary-text":true},{children:choice.description}),void 0),result.showResults&&jsxRuntime.jsx(ChoiceResult,{result:result,choiceId:choice.choiceId},void 0)]}),void 0);};var ChoiceResult=function ChoiceResult(_a){var choiceId=_a.choiceId,result=_a.result;var numberResult=result.choiceResults[choiceId]||0;var percent=numberResult/result.totalFeedbackCount;var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(ChoiceResultHost,__assign({"data-choice-result":numberResult},{children:[jsxRuntime.jsx(Bar,{percentComplete:percent,barHeight:10,styles:{progressBar:{backgroundColor:palette.accent}}},void 0),jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedNumber,{value:numberResult},void 0)},void 0)]}),void 0);};var ChoiceResultHost=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceResultHost",componentId:"sc-eeg1mx-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"])));var Bar=_styled__default["default"](officeUiFabricReact.ProgressIndicator).withConfig({displayName:"PollUserInput__Bar",componentId:"sc-eeg1mx-1"})(templateObject_2$O||(templateObject_2$O=__makeTemplateObject(["\n  flex: 1 0 auto;\n"],["\n  flex: 1 0 auto;\n"])));var QuestionText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__QuestionText",componentId:"sc-eeg1mx-2"})(templateObject_3$x||(templateObject_3$x=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var QuestionInputItem=_styled__default["default"](QuestionInput).withConfig({displayName:"PollUserInput__QuestionInputItem",componentId:"sc-eeg1mx-3"})(templateObject_4$m||(templateObject_4$m=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingL);var ChoiceLabelHost=_styled__default["default"].span.withConfig({displayName:"PollUserInput__ChoiceLabelHost",componentId:"sc-eeg1mx-4"})(templateObject_5$l||(templateObject_5$l=__makeTemplateObject(["\n  display: inline-block;\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n"])),function(p){return p.isResultMode&&'max-width: 400px;';},function(p){return p.isResultMode&&'width: 100%;';});var ChoiceLabelSecondaryText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceLabelSecondaryText",componentId:"sc-eeg1mx-5"})(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n  opacity: 0.75;\n"],["\n  opacity: 0.75;\n"])));var SingleChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__SingleChoiceLabel",componentId:"sc-eeg1mx-6"})(templateObject_7$9||(templateObject_7$9=__makeTemplateObject(["\n  padding-left: 30px;\n"],["\n  padding-left: 30px;\n"])));var MultiChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__MultiChoiceLabel",componentId:"sc-eeg1mx-7"})(templateObject_8$8||(templateObject_8$8=__makeTemplateObject(["\n  padding-left: 5px;\n"],["\n  padding-left: 5px;\n"])));var ChoiceInput=_styled__default["default"](ChoiceGroup).withConfig({displayName:"PollUserInput__ChoiceInput",componentId:"sc-eeg1mx-8"})(templateObject_9$6||(templateObject_9$6=__makeTemplateObject(["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"],["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"])));var StyledCheckbox$2=_styled__default["default"](officeUiFabricReact.Checkbox).withConfig({displayName:"PollUserInput__StyledCheckbox",componentId:"sc-eeg1mx-9"})(templateObject_10$5||(templateObject_10$5=__makeTemplateObject(["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"],["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"])),function(p){return p.isResultMode?'flex-start':'center';});var templateObject_1$1l,templateObject_2$O,templateObject_3$x,templateObject_4$m,templateObject_5$l,templateObject_6$e,templateObject_7$9,templateObject_8$8,templateObject_9$6,templateObject_10$5;var PollDisplay=function PollDisplay(_a){var children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs("section",__assign({className:className,"aria-label":formatMessage({id:'Polls.sectionLabel'}),"data-consumer-poll":true},{children:[jsxRuntime.jsx(PollUserInput,{},void 0),children]}),void 0);};var PollUserContextProvider=function PollUserContextProvider(_a){var _b;var item=_a.item,onBehalfOfUpn=_a.onBehalfOfUpn,resourceType=_a.resourceType,language=_a.language,getAdditionalQuestions=_a.getAdditionalQuestions,getAdditionalUserAnswers=_a.getAdditionalUserAnswers,getPollResults=_a.getPollResults,showResult=_a.showResult,children=_a.children;var poll=item.poll,itemId=item.id;var getFeedback=useFeedbackApi().getFeedback;var _c=React$d.useState(getAdditionalQuestions===null||getAdditionalQuestions===void 0?void 0:getAdditionalQuestions(null)),additionalQuestions=_c[0],setAdditionalQuestions=_c[1];var showError=useNotificationContext().showError;var questionDefinitions=(_b=poll===null||poll===void 0?void 0:poll.questions)!==null&&_b!==void 0?_b:[];var _d=usePromise$2(loadUserAnswers),userAnswers=_d[0],isLoading=_d[1],setUserAnswers=_d[3];var _e=React$d.useState([]),unsavedQuestionsIds=_e[0],setUnsavedQuestionsIds=_e[1];var _f=usePromise$2(function(){return getPollResults(itemId);},{answers:[]},[itemId]),pollResult=_f[0],isLoadingPollResult=_f[1],fetchPollResults=_f[5];React$d.useEffect(function(){var _a;if(isLoadingPollResult||!((_a=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_a===void 0?void 0:_a.length)){return;}getAdditionalQuestions&&setAdditionalQuestions(getAdditionalQuestions(pollResult));// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[pollResult,isLoadingPollResult]);// If the pollResult and the choice input is rendered with showResults
 	// at the same time, we miss the animation of the bars when they fill up
 	// Delay the pollResult a bit so the users sees the animation
 	var delayedFetchPollResult=useDebouncedCallback(fetchPollResults,500)[0];if(isLoading){return null;}var actualQuestions=__spreadArray(__spreadArray([],questionDefinitions),(additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.questions)||[]);var hasMissingAnswers=!!userAnswers.find(function(a){return a.choiceIds.length===0;});var hasMissingUnsavedAnswer=unsavedQuestionsIds.length>0||userAnswers.some(function(a){return !a.choiceIds.length;});showResult=(showResult||!hasMissingUnsavedAnswer)&&actualQuestions.length>0;return jsxRuntime.jsx(PollUserContext.Provider,__assign({value:{item:item,resourceType:resourceType,questions:actualQuestions,answers:userAnswers,addAnswer:handleAddAnswer,setAnswers:setUserAnswers,pollResult:pollResult,isLoadingPollResult:isLoadingPollResult,showResult:showResult,hasMissingAnswers:hasMissingAnswers,hasMissingUnsavedAnswer:hasMissingUnsavedAnswer,submitPoll:handleSubmitPoll,getQuestionResult:getQuestionResult,reset:reset,onBehalfOfUpn:onBehalfOfUpn,fetchPollResults:fetchPollResults}},{children:jsxRuntime.jsx(PollTranslationContextProvider,__assign({contents:item.contents,language:language,additionalTranslations:additionalQuestions===null||additionalQuestions===void 0?void 0:additionalQuestions.translations},{children:children}),void 0)}),void 0);function handleAddAnswer(questionId,selectedChoiceIds){setUnsavedQuestionsIds(function(a){return __spreadArray(__spreadArray([],a),[questionId]);});setUserAnswers(function(answers){return answers.map(function(a){return a.questionId===questionId?__assign(__assign({},a),{choiceIds:__spreadArray([],selectedChoiceIds)}):a;});});}function handleSubmitPoll(savePollAnswers){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);setUnsavedQuestionsIds([]);return [4/*yield*/,savePollAnswers()];case 1:_a.sent();delayedFetchPollResult();return [3/*break*/,3];case 2:_a.sent();showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}function reset(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){setUnsavedQuestionsIds([]);setUserAnswers(createUsersAnswersFromFeedback({records:[]}));fetchPollResults();return [2/*return*/];});});}function loadUserAnswers(){return __awaiter(this,void 0,void 0,function(){var feedback,error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);return [4/*yield*/,getFeedback(resourceType,itemId,onBehalfOfUpn)];case 1:feedback=_a.sent();return [3/*break*/,3];case 2:error_2=_a.sent();// if we got a 404, the user doesn't exist, in this case we simply treat the feedback as it is not set yet
 	if((error_2===null||error_2===void 0?void 0:error_2.response.statusCode)!==404){throw error_2;}feedback={records:[]};return [3/*break*/,3];case 3:return [2/*return*/,createUsersAnswersFromFeedback(feedback)];}});});}function createUsersAnswersFromFeedback(feedback){var pollFeedback=feedback.records.find(function(r){return r.type==='poll';});var answers=pollFeedback?pollFeedback.answers:[];return questionDefinitions.map(function(q){return {questionId:q.questionId,choiceIds:answers.filter(function(a){return a.questionId===q.questionId;}).map(function(a){return a.choiceIds;})[0]||[]};}).concat(getAdditionalUserAnswers?getAdditionalUserAnswers(feedback.records)||[]:[]);}function getQuestionResult(questionId){var userSelectedChoices=userAnswers.filter(function(a){return a.questionId===questionId;}).map(function(a){return a.choiceIds;})[0]||[];return {showResults:showResult||unsavedQuestionsIds.every(function(id){return id!==questionId;})&&userSelectedChoices.length>0,userSelectedChoices:userSelectedChoices,totalFeedbackCount:pollResult.totalFeedbackCount,choiceResults:pollResult.answers.filter(function(a){return a.questionId===questionId;}).reduce(function(result,answer){return __spreadArray(__spreadArray([],result),answer.choices);},[]).reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.choiceId]=next.count,_a));},{})};}};var DetailViewSectionPadding=_styled.css(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n  padding: ","px ","px 0 ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  padding: ","px ","px 0 ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingXs,spacingM,spacingM,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$1k;var PollResultFeedbackCount=function PollResultFeedbackCount(){var _a=React$d.useContext(PollUserContext),showResult=_a.showResult,pollResult=_a.pollResult;if(!showResult){return null;}return jsxRuntime.jsx("div",__assign({className:"ms-fontColor-neutralTertiary","data-poll-result-total-count":pollResult.totalFeedbackCount},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Polls.editor.totalFeedbackCount",values:{count:pollResult.totalFeedbackCount},tagName:"span"},void 0)}),void 0);};var DetailViewPoll=function DetailViewPoll(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;var features=useFeatures();var getPollResult=useFeedbackApi().getPollResult;if(!features.polls||item==null||item.poll==null||item.poll.questions==null||item.poll.questions.length===0){return null;}return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,resourceType:resourceType,language:contentLanguage,getPollResults:function(itemId){return getPollResult(resourceType,itemId);}},{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(PollResultFeedbackCount,{},void 0),jsxRuntime.jsx(DetailViewPollsSubmitButton,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(StyledPollResultExport,{},void 0)]},void 0)}),void 0);};var StyledPollResultExport=_styled__default["default"](DetailViewPollExportButton).withConfig({displayName:"DetailViewPoll__StyledPollResultExport",componentId:"sc-gvqgh8-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var StyledPollDisplay$1=_styled__default["default"](PollDisplay).withConfig({displayName:"DetailViewPoll__StyledPollDisplay",componentId:"sc-gvqgh8-1"})(templateObject_2$N||(templateObject_2$N=__makeTemplateObject(["\n  ",";\n  margin-bottom: ","px;\n\n  max-width: 500px;\n"],["\n  ",";\n  margin-bottom: ","px;\n\n  max-width: 500px;\n"])),DetailViewSectionPadding,spacingL);var templateObject_1$1j,templateObject_2$N;var EventDetailViewResponseExportButton=function EventDetailViewResponseExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.events){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/registration/result/export",stringResource:"Events.registration.exportResultsAsCsv"},void 0);};var FeedbackItemType;(function(FeedbackItemType){FeedbackItemType["comment"]="comment";FeedbackItemType["like"]="like";FeedbackItemType["confirm"]="confirm";FeedbackItemType["poll"]="poll";FeedbackItemType["eventRegistration"]="eventRegistration";})(FeedbackItemType||(FeedbackItemType={}));var EventRegistrationContextProvider=function EventRegistrationContextProvider(_a){var _b;var onBehalfOfUpn=_a.onBehalfOfUpn,children=_a.children;var formatMessage=useIntl().formatMessage;var features=useFeatures();var _c=useDetailViewContext(),item=_c.item,contentLanguage=_c.contentLanguage;var getEventRegistrationResults=useEventRegistrationApi().getEventRegistrationResults;if(!features.events||item==null){return null;}var locationQuestionId=getLocationQuestionId(item);var isCancelled=(_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled;return jsxRuntime.jsx(PollUserContextProvider,__assign({item:item,onBehalfOfUpn:onBehalfOfUpn,resourceType:ItemResourceTypes.Events,language:contentLanguage,getAdditionalQuestions:function(result){return getAdditionalQuestions(result);},getAdditionalUserAnswers:extractLocationAnswers,getPollResults:getRegistrationResult,showResult:!!isCancelled},{children:children}),void 0);function getAdditionalQuestions(result){var _a=getLocationPollDefinitions(item,formatMessage,result,!!onBehalfOfUpn),question=_a.question,translations=_a.translations;return {questions:question?[question]:null,translations:translations};}function extractLocationAnswers(records){if(!item.locations||item.locations.length<2){return null;}var eventResponse=records.find(function(r){return r.type===FeedbackItemType.eventRegistration;});return [{questionId:locationQuestionId,choiceIds:eventResponse&&eventResponse.locationId?[eventResponse.locationId]:[]}];}function getRegistrationResult(itemId){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getEventRegistrationResults(itemId)];case 1:result=_a.sent();return [2/*return*/,{totalFeedbackCount:result.totalFeedbackCount,answers:result.answers.concat([{questionId:locationQuestionId,choices:result.locationAnswers.map(function(l){return {choiceId:l.locationId,count:l.count};})}])}];}});});}};var EventDetailViewUserRegistration=function EventDetailViewUserRegistration(_a){var className=_a.className,hideInfoMessage=_a.hideInfoMessage;var pollUserContext=React$d.useContext(PollUserContext);var getFeedback=useFeedbackApi().getFeedback;var item=pollUserContext.item;var isLoadingPollResult=pollUserContext.isLoadingPollResult,pollResult=pollUserContext.pollResult,onBehalfOfUpn=pollUserContext.onBehalfOfUpn;var _b=usePromise$2(getEventResponse,item.userResponse,[item]),eventResponse=_b[0],isLoading=_b[1],setEventResponse=_b[3];// eslint-disable-next-line react-hooks/exhaustive-deps
-	var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$u,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n\n  .ms-Dialog-action {\n    display: block;\n    margin: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n\n  .ms-Dialog-action {\n    display: block;\n    margin: 0;\n  }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-right: 4px; /* buttons alignment on the right */\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n  margin: ","px 0 ","px 0;\n\n  .ms-BasePicker-text {\n    padding: 0 !important;\n  }\n"],["\n  margin: ","px 0 ","px 0;\n\n  .ms-BasePicker-text {\n    padding: 0 !important;\n  }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$k||(templateObject_5$k=__makeTemplateObject(["\n  ","\n  margin-bottom: auto;\n"],["\n  ","\n  margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n      max-height: 300px;\n      overflow: auto;\n    "],["\n      max-height: 300px;\n      overflow: auto;\n    "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$d||(templateObject_6$d=__makeTemplateObject(["\n  max-width: calc(100% - 10px);\n  padding-left: 4px; // needed for the focus indicator\n"],["\n  max-width: calc(100% - 10px);\n  padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$8||(templateObject_7$8=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$7||(templateObject_8$7=__makeTemplateObject(["\n  padding-right: ","px;\n"],["\n  padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n  && {\n    margin-right: ","px;\n  }\n"],["\n  && {\n    margin-right: ","px;\n  }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n  .dialog-register-user {\n    .ms-Overlay {\n      background-color: transparent !important;\n    }\n\n    .ms-Dialog-main {\n      box-shadow: none !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      min-height: 466px;\n    }\n  }\n"],["\n  .dialog-register-user {\n    .ms-Overlay {\n      background-color: transparent !important;\n    }\n\n    .ms-Dialog-main {\n      box-shadow: none !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      min-height: 466px;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$l,templateObject_5$k,templateObject_6$d,templateObject_7$8,templateObject_8$7,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n  && {\n    height: auto;\n    padding: 0;\n    margin-bottom: ","px;\n    border: 0;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    margin-bottom: ","px;\n    border: 0;\n  }\n"])),spacingS);var templateObject_1$1h;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$t,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$t=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n"],["\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$L||(templateObject_2$L=__makeTemplateObject(["\n  .dialog-event-participants {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-event-participants {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n  padding: 4px;\n\n  ","\n"],["\n  padding: 4px;\n\n  ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$v||(templateObject_3$v=__makeTemplateObject(["\n      max-height: 382px;\n      overflow: auto;\n    "],["\n      max-height: 382px;\n      overflow: auto;\n    "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$j||(templateObject_5$j=__makeTemplateObject(["\n  margin-bottom: ","px;\n  display: flex;\n"],["\n  margin-bottom: ","px;\n  display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n  width: calc(100% - ","px);\n"],["\n  width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n  width: 100%;\n\n  & > * {\n    width: 100%;\n  }\n"],["\n  width: 100%;\n\n  & > * {\n    width: 100%;\n  }\n"])));var StyledAvatar=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n  .ms-Persona-secondaryText {\n    white-space: initial;\n  }\n\n  height: auto;\n\n  > div:first-child {\n    align-self: flex-start;\n  }\n"],["\n  .ms-Persona-secondaryText {\n    white-space: initial;\n  }\n\n  height: auto;\n\n  > div:first-child {\n    align-self: flex-start;\n  }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1g,templateObject_2$L,templateObject_3$v,templateObject_4$k,templateObject_5$j,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$4,templateObject_10$3,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n  color: ",";\n  font-size: ","px;\n"],["\n  color: ",";\n  font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n  && {\n    height: auto;\n    padding: 0;\n    font-size: ","px;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    font-size: ","px;\n  }\n"])),fontSizeSmall);var templateObject_1$1f,templateObject_2$K;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n  }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var templateObject_1$1e,templateObject_2$J;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
+	var seatsResult=React$d.useMemo(getSeatsLeft,[isLoading,isLoadingPollResult,pollResult,item.id]);return jsxRuntime.jsx(EventUserRegistrationContext.Provider,__assign({value:__assign(__assign({},pollUserContext),{hasPollContext:true,eventResponse:eventResponse,setEventResponse:setEventResponse,isLoading:isLoadingPollResult||isLoading,seatsInfo:seatsResult})},{children:jsxRuntime.jsx(EventUserRegistration,{className:className,hideInfoMessage:hideInfoMessage},void 0)}),void 0);function getEventResponse(){return __awaiter(this,void 0,void 0,function(){var feedback,eventRecord;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getFeedback(ItemResourceTypes.Events,item.id,onBehalfOfUpn)];case 1:feedback=_a.sent();eventRecord=feedback&&feedback.records.find(function(r){return r.type==='eventRegistration';});return [2/*return*/,eventRecord?eventRecord.eventResponse:EventResponse.NotSet];}});});}function getSeatsLeft(){var _a,_b,_c,_d;if(isLoading||!item.registrationSettings||!item.registrationSettings.enabled||((_a=item.cancelInformation)===null||_a===void 0?void 0:_a.isCancelled)||!((_b=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_b===void 0?void 0:_b.length)||isLoadingPollResult){return {hasAnySeatsLeft:true};}var locationsWithSeats=item.locations.filter(function(l){return l.maxNumberOfSeats>0;});var hasLocationsWithoutSeats=locationsWithSeats.length!==item.locations.length;if(!locationsWithSeats.length||hasLocationsWithoutSeats){return {hasAnySeatsLeft:true};}var locationAnswers=(_d=(_c=pollResult.answers.find(function(a){return a.questionId===getLocationQuestionId(item);}))===null||_c===void 0?void 0:_c.choices)===null||_d===void 0?void 0:_d.reduce(function(prev,curr){prev[curr.choiceId]=curr.count;return prev;},{});var locationsWithSeatsLeft=locationsWithSeats.map(function(l){return __assign(__assign({},l),{seatsLeft:Math.max(l.maxNumberOfSeats-(locationAnswers[l.locationId]||0),0)});});return {hasAnySeatsLeft:locationsWithSeatsLeft.some(function(l){return l.seatsLeft>0;}),locations:locationsWithSeatsLeft};}};var EventRegistrationRegisterSomeoneElseDialog=function EventRegistrationRegisterSomeoneElseDialog(_a){var show=_a.show,onDismiss=_a.onDismiss,onUpdate=_a.onUpdate;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=React$d.useState(),onBehalfOfUser=_b[0],setOnBehalfOfUser=_b[1];var item=useDetailViewContext().item;var isGroupAdmin=hasMinRoleInAllGroups(GroupRoles.Admin,user,item);useListener(EventResponseTriggerAction.type,function(action){if(action.itemId!==item.id){return false;}onUpdate({upn:onBehalfOfUser.userPrincipalName,displayName:onBehalfOfUser.displayName,locationId:action.locationId},action.response);onDismiss();return true;},[item.id,onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.userPrincipalName]);return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:true,className:'dialog-register-user'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.registerSomeoneElse.title'})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$u,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$2,{},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.peoplePickerLabel"},void 0),jsxRuntime.jsx(StyledPeoplePicker,{accountType:AccountType.User,allowMailItems:isGroupAdmin&&features.userInvitation,localOnly:!isGroupAdmin,includePendingInvitationUsers:true,includePendingRegistrationUsers:true,selectionMode:officeUiFabricReact.SelectionMode.single,selectedItems:onBehalfOfUser?[onBehalfOfUser]:[],onChange:function(accounts){return setOnBehalfOfUser(accounts[0]);},placeholderStringResourceKey:"Events.registration.registerSomeoneElse.peoplePickerPlaceholder",excludedItems:[user]},void 0),onBehalfOfUser&&jsxRuntime.jsxs(EventRegistrationContextProvider,__assign({onBehalfOfUpn:onBehalfOfUser.userPrincipalName},{children:[jsxRuntime.jsxs(DialogMainContent,__assign({isScrollable:!env.isAnyMobileApp},{children:[!(onBehalfOfUser===null||onBehalfOfUser===void 0?void 0:onBehalfOfUser.id)&&jsxRuntime.jsx(InvitationInfoMessage,{subscriptionName:getSubscriptionName(user.subscription)},void 0),jsxRuntime.jsx(StyledPollDisplay,{},void 0)]}),void 0),jsxRuntime.jsx(officeUiFabricReact.DialogFooter,{children:jsxRuntime.jsxs(Buttons,{children:[jsxRuntime.jsx(CancelButton,{onClick:onDismiss},void 0),jsxRuntime.jsx(EventDetailViewUserRegistration,{hideInfoMessage:true},void 0)]},void 0)},void 0)]}),onBehalfOfUser.userPrincipalName)]}),void 0)}),void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Host",componentId:"sc-1rziepe-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n\n  .ms-Dialog-action {\n    display: block;\n    margin: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n\n  .ms-Dialog-action {\n    display: block;\n    margin: 0;\n  }\n"])),minScreenSize.small);var Buttons=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__Buttons",componentId:"sc-1rziepe-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-right: 4px; /* buttons alignment on the right */\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  margin-right: 4px; /* buttons alignment on the right */\n"])));var StyledPeoplePicker=_styled__default["default"](PeoplePicker).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPeoplePicker",componentId:"sc-1rziepe-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n  margin: ","px 0 ","px 0;\n\n  .ms-BasePicker-text {\n    padding: 0 !important;\n  }\n"],["\n  margin: ","px 0 ","px 0;\n\n  .ms-BasePicker-text {\n    padding: 0 !important;\n  }\n"])),spacingS,spacingM);var DialogMainContent=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__DialogMainContent",componentId:"sc-1rziepe-3"})(templateObject_5$k||(templateObject_5$k=__makeTemplateObject(["\n  ","\n  margin-bottom: auto;\n"],["\n  ","\n  margin-bottom: auto;\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_4$l||(templateObject_4$l=__makeTemplateObject(["\n      max-height: 300px;\n      overflow: auto;\n    "],["\n      max-height: 300px;\n      overflow: auto;\n    "])));});var StyledPollDisplay=_styled__default["default"](PollDisplay).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledPollDisplay",componentId:"sc-1rziepe-4"})(templateObject_6$d||(templateObject_6$d=__makeTemplateObject(["\n  max-width: calc(100% - 10px);\n  padding-left: 4px; // needed for the focus indicator\n"],["\n  max-width: calc(100% - 10px);\n  padding-left: 4px; // needed for the focus indicator\n"])));var CancelButton=function CancelButton(_a){var onClick=_a.onClick;return jsxRuntime.jsx(StyledCancelButton,__assign({onClick:onClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0);};var InvitationInfoMessage=function InvitationInfoMessage(_a){var subscriptionName=_a.subscriptionName;return jsxRuntime.jsxs(InfoMessageHost,{children:[jsxRuntime.jsx(InfoIcon,{iconName:"info"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.userWillBeInvited",values:{subscriptionName:subscriptionName}},void 0)]},void 0);};var InfoMessageHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoMessageHost",componentId:"sc-1rziepe-5"})(templateObject_7$8||(templateObject_7$8=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  padding-bottom: ","px;\n"])),spacingM);var InfoIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__InfoIcon",componentId:"sc-1rziepe-6"})(templateObject_8$7||(templateObject_8$7=__makeTemplateObject(["\n  padding-right: ","px;\n"],["\n  padding-right: ","px;\n"])),spacingS);var StyledCancelButton=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseDialog__StyledCancelButton",componentId:"sc-1rziepe-7"})(templateObject_9$5||(templateObject_9$5=__makeTemplateObject(["\n  && {\n    margin-right: ","px;\n  }\n"],["\n  && {\n    margin-right: ","px;\n  }\n"])),spacingM);var DialogGlobalStyle$2=_styled.createGlobalStyle(templateObject_10$4||(templateObject_10$4=__makeTemplateObject(["\n  .dialog-register-user {\n    .ms-Overlay {\n      background-color: transparent !important;\n    }\n\n    .ms-Dialog-main {\n      box-shadow: none !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      min-height: 466px;\n    }\n  }\n"],["\n  .dialog-register-user {\n    .ms-Overlay {\n      background-color: transparent !important;\n    }\n\n    .ms-Dialog-main {\n      box-shadow: none !important;\n\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      min-height: 466px;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$l,templateObject_5$k,templateObject_6$d,templateObject_7$8,templateObject_8$7,templateObject_9$5,templateObject_10$4;var EventRegistrationRegisterSomeoneElseButton=function EventRegistrationRegisterSomeoneElseButton(_a){var item=_a.item,onRegister=_a.onRegister,onDeregister=_a.onDeregister;var user=useCurrentUser();var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(StyledButton$1,__assign({iconProps:{iconName:'AddFriend'},onClick:function(){return setShowDialog(true);}},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.registerSomeoneElse.title"},void 0)}),void 0),showDialog&&jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseDialog,{onDismiss:handleDismiss,onUpdate:handleUpdate,show:showDialog},void 0)]},void 0);function handleDismiss(){setShowDialog(false);}function handleUpdate(participant,response){if(response===EventResponse.Registered){onRegister===null||onRegister===void 0?void 0:onRegister(participant);}else {onDeregister===null||onDeregister===void 0?void 0:onDeregister(participant);}}};var StyledButton$1=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationRegisterSomeoneElseButton__StyledButton",componentId:"sc-mgwolr-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n  && {\n    height: auto;\n    padding: 0;\n    margin-bottom: ","px;\n    border: 0;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    margin-bottom: ","px;\n    border: 0;\n  }\n"])),spacingS);var templateObject_1$1h;var EventRegistrationDeregisterPersonButton=function EventRegistrationDeregisterPersonButton(_a){var item=_a.item,participant=_a.participant,onDeregistered=_a.onDeregistered;var user=useCurrentUserContext().user;var refreshUserDetails=useRefreshUserDetails();var setEventRegistration=useEventRegistrationApi().setEventRegistration;var showToast=useNotificationContext().showToast;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(false),showDialog=_b[0],setShowDialog=_b[1];if(!hasMinRoleInAllGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Events.registration.deRegisterSomeoneElse.title",values:{name:participant.displayName}},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onClick:function(){return setShowDialog(true);},ariaLabel:formatMessage({id:'Events.registration.deRegisterSomeoneElse.title'},{name:participant.displayName})},void 0)}),void 0),showDialog&&jsxRuntime.jsx(ConfirmDialog,{showDialog:showDialog,titleResourceKey:"Events.registration.deRegisterSomeoneElse.confirmTitle",titleResourceValues:{name:participant.displayName},onConfirm:deRegister,onClose:function(){return setShowDialog(false);}},void 0)]},void 0);function deRegister(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:onDeregistered();return [4/*yield*/,setEventRegistration(item.id,EventResponse.NotSet,null,null,participant.upn)];case 1:_a.sent();refreshUserDetails();showToast('Events.registration.onBehalfOfDeregistrationSuccess',{mail:participant.displayName});return [2/*return*/];}});});}};var EventRegistrationParticipantsDialog=function EventRegistrationParticipantsDialog(_a){var numberOfParticipants=_a.numberOfParticipants,show=_a.show,onDismiss=_a.onDismiss;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!show,modalProps:{isBlocking:false,className:'dialog-event-participants'},dialogContentProps:{type:officeUiFabricReact.DialogType.close,title:formatMessage({id:'Events.registration.participants'},{count:numberOfParticipants})},onDismiss:onDismiss},{children:jsxRuntime.jsxs(Host$t,__assign({className:"dialog-content-host"},{children:[jsxRuntime.jsx(DialogGlobalStyle$1,{},void 0),jsxRuntime.jsx(ParticipantsList,{},void 0)]}),void 0)}),void 0);};var Host$t=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__Host",componentId:"sc-1biaauh-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n"],["\n  @media (min-width: ","px) {\n    width: 400px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle$1=_styled.createGlobalStyle(templateObject_2$L||(templateObject_2$L=__makeTemplateObject(["\n  .dialog-event-participants {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"],["\n  .dialog-event-participants {\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .dialog-content-host {\n      height: 466px;\n    }\n}\n"])),maxScreenSize.small);var ParticipantsList=function ParticipantsList(){var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var getParticipants=useEventRegistrationApi().getParticipants;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;var _a=React$d.useContext(PollUserContext),fetchPollResults=_a.fetchPollResults,publishableItem=_a.item;var item=publishableItem;var _b=usePromise$2(getSortedParticipants,[],[item.id]),unfilteredParticipants=_b[0],isLoading=_b[1],setParticipants=_b[3];var handleSearchDebounced=useDebouncedCallback(handleSearch,300)[0];var _c=React$d.useState(),filteredParticipants=_c[0],setFilteredParticipants=_c[1];var participants=filteredParticipants||unfilteredParticipants;return jsxRuntime.jsxs(ListHost,{children:[jsxRuntime.jsx(EventRegistrationRegisterSomeoneElseButton,{item:item,onDeregister:handleDeregister,onRegister:handleRegister},void 0),jsxRuntime.jsx(SearchArea,{children:jsxRuntime.jsx(StyledSearchBox$1,{placeholder:formatMessage({id:'Events.registration.participants.search.placeholder'}),disabled:isLoading,onChange:function(_,value){return handleSearchDebounced(unfilteredParticipants,value);},iconProps:{style:{color:textColors.default}}},void 0)},void 0),isLoading&&jsxRuntime.jsx(Spinner,{},void 0),jsxRuntime.jsx(ListContainer,__assign({isScrollable:!env.isAnyMobileApp},{children:participants.map(function(p){var showDeregisterButton=p.upn!==user.userPrincipalName;return jsxRuntime.jsxs(ListRow,{children:[jsxRuntime.jsx(PersonaCardWrapper,__assign({showDeregisterButton:showDeregisterButton},{children:jsxRuntime.jsx(StyledPersonaCard$4,__assign({upn:p.upn},{children:jsxRuntime.jsx(StyledAvatar$3,{upn:p.upn,text:p.displayName,secondaryText:p.location&&formatMessage({id:'Events.registration.participants.location'},{location:p.location})},void 0)}),void 0)}),void 0),showDeregisterButton&&jsxRuntime.jsx(EventRegistrationDeregisterPersonButton,{item:item,participant:p,onDeregistered:function(){return handleDeregister(p);}},void 0)]},p.upn);})}),void 0),!isLoading&&!participants.length&&jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0)]},void 0);function getSortedParticipants(){return __awaiter(this,void 0,void 0,function(){var numberOfLocations,locationsMap,participants;return __generator(this,function(_a){switch(_a.label){case 0:numberOfLocations=item===null||item===void 0?void 0:item.locations.length;locationsMap=getLocations();return [4/*yield*/,getParticipants(item.id)];case 1:participants=_a.sent()||[];return [2/*return*/,participants.map(function(p){return __assign(__assign({},p),{location:numberOfLocations>1?locationsMap[p.locationId]||'':''});}).sort(function(a,b){var locationCompare=(locationsMap[a.locationId]||'').localeCompare(locationsMap[b.locationId]||'');if(locationCompare!==0){return locationCompare;}return a.displayName.localeCompare(b.displayName);})];}});});}function getLocations(){var _a;return ((_a=item.locations)===null||_a===void 0?void 0:_a.reduce(function(prev,curr){prev[curr.locationId]=curr.name;return prev;},{}))||{};}function handleSearch(unfilteredParticipants,searchValue){if(!searchValue){setFilteredParticipants(null);return;}var filter=new RegExp(searchValue,'i');setFilteredParticipants(unfilteredParticipants.filter(function(p){return (p.displayName+"|"+p.upn+"|"+p.location).search(filter)>-1;}));}function handleDeregister(participant){setParticipants(function(ps){return ps.filter(function(p){return p.upn!==participant.upn;});});fetchPollResults();setFilteredParticipants(null);}function handleRegister(participant){setParticipants(function(ps){return ps.concat([__assign(__assign({},participant),{location:getLocations()[participant.locationId]||''})]);});fetchPollResults();setFilteredParticipants(null);}};var ListContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListContainer",componentId:"sc-1biaauh-1"})(templateObject_4$k||(templateObject_4$k=__makeTemplateObject(["\n  padding: 4px;\n\n  ","\n"],["\n  padding: 4px;\n\n  ","\n"])),function(p){return p.isScrollable&&_styled.css(templateObject_3$v||(templateObject_3$v=__makeTemplateObject(["\n      max-height: 382px;\n      overflow: auto;\n    "],["\n      max-height: 382px;\n      overflow: auto;\n    "])));});var SearchArea=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__SearchArea",componentId:"sc-1biaauh-2"})(templateObject_5$j||(templateObject_5$j=__makeTemplateObject(["\n  margin-bottom: ","px;\n  display: flex;\n"],["\n  margin-bottom: ","px;\n  display: flex;\n"])),spacingM);var StyledSearchBox$1=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledSearchBox",componentId:"sc-1biaauh-3"})(templateObject_6$c||(templateObject_6$c=__makeTemplateObject(["\n  flex-grow: 1;\n"],["\n  flex-grow: 1;\n"])));var ListRow=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListRow",componentId:"sc-1biaauh-4"})(templateObject_7$7||(templateObject_7$7=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-bottom: ","px;\n"])),spacingS);var PersonaCardWrapper=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__PersonaCardWrapper",componentId:"sc-1biaauh-5"})(templateObject_8$6||(templateObject_8$6=__makeTemplateObject(["\n  width: calc(100% - ","px);\n"],["\n  width: calc(100% - ","px);\n"])),function(p){return p.showDeregisterButton?32:0;});var StyledPersonaCard$4=_styled__default["default"](PersonaCard).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledPersonaCard",componentId:"sc-1biaauh-6"})(templateObject_9$4||(templateObject_9$4=__makeTemplateObject(["\n  width: 100%;\n\n  & > * {\n    width: 100%;\n  }\n"],["\n  width: 100%;\n\n  & > * {\n    width: 100%;\n  }\n"])));var StyledAvatar$3=_styled__default["default"](Avatar).withConfig({displayName:"EventRegistrationParticipantsDialog__StyledAvatar",componentId:"sc-1biaauh-7"})(templateObject_10$3||(templateObject_10$3=__makeTemplateObject(["\n  .ms-Persona-secondaryText {\n    white-space: initial;\n  }\n\n  height: auto;\n\n  > div:first-child {\n    align-self: flex-start;\n  }\n"],["\n  .ms-Persona-secondaryText {\n    white-space: initial;\n  }\n\n  height: auto;\n\n  > div:first-child {\n    align-self: flex-start;\n  }\n"])));var ListHost=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsDialog__ListHost",componentId:"sc-1biaauh-8"})(templateObject_11$2$1||(templateObject_11$2$1=__makeTemplateObject([""],[""])));var templateObject_1$1g,templateObject_2$L,templateObject_3$v,templateObject_4$k,templateObject_5$j,templateObject_6$c,templateObject_7$7,templateObject_8$6,templateObject_9$4,templateObject_10$3,templateObject_11$2$1;var EventRegistrationParticipantsLink=function EventRegistrationParticipantsLink(){var _a;var user=useCurrentUser();var _b=React$d.useContext(PollUserContext),pollResult=_b.pollResult,publishableItem=_b.item;var item=publishableItem;var _c=React$d.useState(false),showParticipants=_c[0],setShowParticipants=_c[1];var palette=React$d.useContext(ThemeContext$1).theme.palette;if(user.isPublicUser||(pollResult===null||pollResult===void 0?void 0:pollResult.totalFeedbackCount)==null){return null;}var isUserAuthor=hasMinRoleInAllGroups(GroupRoles.Author,user,item);var canOpenParticipantsDialog=isUserAuthor||pollResult.totalFeedbackCount>0&&((_a=item.registrationSettings)===null||_a===void 0?void 0:_a.showParticipantsToEverybody);return jsxRuntime.jsxs("div",__assign({"data-poll-result-total-count":pollResult.totalFeedbackCount},{children:[!canOpenParticipantsDialog?jsxRuntime.jsx(NoParticipantsContainer,{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Events.registration.participants.count",values:{count:pollResult.totalFeedbackCount}},void 0)},void 0):jsxRuntime.jsx(ParticipantsButton,__assign({onClick:function(){return setShowParticipants(true);},color:palette.accent},{children:jsxRuntime.jsx(FormattedMessage$1,{id:isUserAuthor?'Events.registration.participants.viewAndManage':'Events.registration.participants.count',values:{count:pollResult.totalFeedbackCount}},void 0)}),void 0),jsxRuntime.jsx(EventRegistrationParticipantsDialog,{numberOfParticipants:pollResult.totalFeedbackCount,show:showParticipants,onDismiss:function(){return setShowParticipants(false);}},void 0)]}),void 0);};var NoParticipantsContainer=_styled__default["default"].div.withConfig({displayName:"EventRegistrationParticipantsLink__NoParticipantsContainer",componentId:"sc-44nkgi-0"})(templateObject_1$1f||(templateObject_1$1f=__makeTemplateObject(["\n  color: ",";\n  font-size: ","px;\n"],["\n  color: ",";\n  font-size: ","px;\n"])),function(p){return p.theme.palette.neutralTertiary;},fontSizeSmall);var ParticipantsButton=_styled__default["default"](ActionButton).withConfig({displayName:"EventRegistrationParticipantsLink__ParticipantsButton",componentId:"sc-44nkgi-1"})(templateObject_2$K||(templateObject_2$K=__makeTemplateObject(["\n  && {\n    height: auto;\n    padding: 0;\n    font-size: ","px;\n  }\n"],["\n  && {\n    height: auto;\n    padding: 0;\n    font-size: ","px;\n  }\n"])),fontSizeSmall);var templateObject_1$1f,templateObject_2$K;var EventDetailViewRegistrationPoll=function EventDetailViewRegistrationPoll(){return jsxRuntime.jsx(EventRegistrationContextProvider,{children:jsxRuntime.jsxs(StyledPollDisplay$1,{children:[jsxRuntime.jsx(EventRegistrationParticipantsLink,{},void 0),jsxRuntime.jsx(StyledEventUserRegistration,{},void 0),jsxRuntime.jsx(StyledResponseExportButton,{},void 0)]},void 0)},void 0);};var StyledEventUserRegistration=_styled__default["default"](EventDetailViewUserRegistration).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledEventUserRegistration",componentId:"sc-1kxjndz-0"})(templateObject_1$1e||(templateObject_1$1e=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n  }\n"])),spacingS);var StyledResponseExportButton=_styled__default["default"](EventDetailViewResponseExportButton).withConfig({displayName:"EventDetailViewRegistrationPoll__StyledResponseExportButton",componentId:"sc-1kxjndz-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);var templateObject_1$1e,templateObject_2$J;var EventDetailViewRegistration=function EventDetailViewRegistration(){var item=useDetailViewContext().item;var isRegistrationEnabled=item.registrationSettings&&item.registrationSettings.enabled;if(isRegistrationEnabled){return jsxRuntime.jsx(EventDetailViewRegistrationPoll,{},void 0);}return jsxRuntime.jsx(DetailViewPoll,{},void 0);};var EventDetailViewCancelInformation=function EventDetailViewCancelInformation(){var _a=useDetailViewContext(),item=_a.item,contentLanguage=_a.contentLanguage;return jsxRuntime.jsx(EventCancelInformation,{item:item,language:contentLanguage},void 0);};var classof$a=classofRaw$1;// `IsArray` abstract operation
 	// https://tc39.github.io/ecma262/#sec-isarray
 	var isArray$3=Array.isArray||function isArray(arg){return classof$a(arg)=='Array';};var $$3=_export;var isArray$2=isArray$3;var nativeReverse=[].reverse;var test=[1,2];// `Array.prototype.reverse` method
 	// https://tc39.github.io/ecma262/#sec-array.prototype.reverse
@@ -131706,14 +131706,14 @@
 	// we don't want to add the same node again, instead we just need to
 	// append the children of the node
 	// we also know then that we don't have to traverse the tree further up and can stop
-	var existingNode=allNodesById[node.id];if(existingNode){if(existingNode.id===page.id){existingNode.isSearchMatch=true;}ensureChildren.apply(void 0,__spreadArray([existingNode],node.children||[]));break;}allNodesById[node.id]=node;if(!((_a=node.parent)===null||_a===void 0?void 0:_a.id)){break;}ensureChildren(node.parent,node);node=node.parent;}});onSearchResultChange(Object.values(allNodesById).filter(function(n){var _a;return !((_a=n.parent)===null||_a===void 0?void 0:_a.id);}));return [2/*return*/];}});});}function ensureChildren(parent){var _a;var children=[];for(var _i=1;_i<arguments.length;_i++){children[_i-1]=arguments[_i];}if(!parent.children){parent.children=[];}parent.children=parent.children.concat(children).sort(function(a,b){return a.position-b.position;});parent.firstChildId=(_a=parent.children[0])===null||_a===void 0?void 0:_a.id;}};var StyledSearchBox=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"PageTocSearch__StyledSearchBox",componentId:"sc-1enxv6b-0"})(templateObject_1$W||(templateObject_1$W=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);var templateObject_1$W;function filterChildren(page,activePage){if(!activePage){return true;}if(activePage.status===WorkflowStatus.deleted){return page.status===WorkflowStatus.deleted;}return page.status!==WorkflowStatus.deleted&&activePage.isUnlinked===page.isUnlinked;}var ExternalPagesLinkButton=function ExternalPagesLinkButton(_a){var item=_a.item,disabled=_a.disabled,onClick=_a.onClick,className=_a.className;var user=useCurrentUser();var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;if(!item.useExternalContent){return null;}var resourceKey="ExternalLinkButton.pages"+(!url?'.noUrl':'')+".navigateTo";return jsxRuntime.jsx(Tooltip,__assign({className:className,resourceKey:resourceKey,values:url?{url:url}:undefined,width:url?400:undefined},{children:jsxRuntime.jsx(StyledIconButton$4,{iconProps:{iconName:'NavigateExternalInline',styles:{root:{fontSize:fontSizeMedium+4+"px",height:fontSizeMedium+4+"px"}}},onClick:handleClick,disabled:disabled,"aria-label":formatMessage({id:resourceKey},url?{url:url}:undefined)},void 0)}),void 0);function handleClick(e){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){if(onClick){onClick(e);return [2/*return*/];}createPageClickHandler(item)(e);return [2/*return*/];});});}};var StyledIconButton$4=_styled__default["default"](IconButton).withConfig({displayName:"ExternalPagesLinkButton__StyledIconButton",componentId:"sc-1n1ybv7-0"})(templateObject_1$V||(templateObject_1$V=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$V;var PageNode=function PageNode(_a){var node=_a.node,activePage=_a.activePage,navigationContext=_a.navigationContext,loadChildren=_a.loadChildren,basePath=_a.basePath,path=_a.path,className=_a.className,isRootNode=_a.isRootNode,hide=_a.hide,onPageSelected=_a.onPageSelected,selectedPageId=_a.selectedPageId;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var nodesContainNavigation=navigationContext==null;var _b=React$d.useState(null),lazyLoadedChildren=_b[0],setLazyLoadedChildren=_b[1];var children=lazyLoadedChildren||getChildren(node.id).filter(function(n){return filterChildren(n,activePage);});var _c=React$d.useState(undefined),forceShowChildren=_c[0],setForceShowChildren=_c[1];var showChildren=forceShowChildren||children&&forceShowChildren!==false&&(nodesContainNavigation||path.some(function(p){return p===node.id;})||(activePage===null||activePage===void 0?void 0:activePage.id)===node.id);var title=getTitle(node,user,formatMessage);var isSelectedPageNode=(activePage===null||activePage===void 0?void 0:activePage.id)===node.id||selectedPageId===node.id;var iconName=getIconName();var isExpanded=iconName==='ChevronDown';var isHighlighted=isSelectedPageNode||path.some(function(p){return p===node.id;});var appBasePath=basePath?buildPath(basePath):null;var isSearchMatch=node.isSearchMatch?'true':null;var isDocument=node.pageType===PageType.Document;var detailViewUrl=""+NewsService.getNewsRoute(appBasePath,node.id,title)+(node.useExternalContent?"?"+queryString.stringify({noRedirect:true}):'');return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(NodeWrapper,__assign({isFirstLevel:isRootNode,hide:hide,className:className,isActive:isSelectedPageNode,"data-page-toc-node":true,"data-is-active":isSelectedPageNode},{children:[!!iconName?jsxRuntime.jsx(StyledIconButton$3,{iconProps:{iconName:iconName},onClick:function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!!(children===null||children===void 0?void 0:children.length))return [3/*break*/,2];_a=setLazyLoadedChildren;return [4/*yield*/,loadChildren(node.id)];case 1:_a.apply(void 0,[_b.sent()]);_b.label=2;case 2:setForceShowChildren(!showChildren);return [2/*return*/];}});});},isHighlighted:isHighlighted,isExpanded:isExpanded,ariaLabel:formatMessage({id:isExpanded?'AriaLabel.hideChildren':'AriaLabel.seeChildren'}),"data-toc-node-toggle-children":node.id},void 0):jsxRuntime.jsx(StyledIcon$3$1,{isHighlighted:isHighlighted},void 0),basePath?jsxRuntime.jsx(NodeTitleLink,__assign({onClick:createPageClickHandler(node,basePath,function(){return onPageSelected===null||onPageSelected===void 0?void 0:onPageSelected(node.id);},true),to:detailViewUrl,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):onPageSelected?jsxRuntime.jsx(NodeTitleButton,__assign({onClick:function(){return onPageSelected(node.id);},disabled:isDocument,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):jsxRuntime.jsx(NodeTitle,__assign({bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0),jsxRuntime.jsx(StyledExternalLinkButton,{item:node},void 0),jsxRuntime.jsx(StyledDocumentDownloadButton$1,{page:node,basePath:basePath},void 0)]}),void 0),children.length>0&&jsxRuntime.jsx(ChildrenList,__assign({hide:hide},{children:children.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(PageNode,{hide:!showChildren,basePath:basePath,node:c,activePage:activePage,navigationContext:navigationContext,loadChildren:loadChildren,path:path,isRootNode:false,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id);})}),void 0)]},void 0);function getIconName(){var _a;if(!nodesContainNavigation&&!node.firstChildId||nodesContainNavigation&&!((_a=node.children)===null||_a===void 0?void 0:_a.length)){return null;}if(showChildren){return 'ChevronDown';}return 'ChevronRight';}function getChildren(nodeId){if(nodesContainNavigation){return node.children||[];}if((activePage===null||activePage===void 0?void 0:activePage.id)===nodeId){return navigationContext.children||[];}var result=navigationContext.parent;while(result!=null&&result.id!==nodeId){result=result.parent;}return result?result.children:[];}};var NodeWrapper=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeWrapper",componentId:"sc-1ftr1ym-0"})(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"],["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"])),function(p){return p.hide&&'display: none;';},function(p){return !p.isFirstLevel&&_styled.css(templateObject_1$U||(templateObject_1$U=__makeTemplateObject(["\n      padding-left: ","px;\n      margin-top: ","px;\n    "],["\n      padding-left: ","px;\n      margin-top: ","px;\n    "])),spacingS,spacingS+5);},function(p){return p.isActive&&_styled.css(templateObject_2$z||(templateObject_2$z=__makeTemplateObject(["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.neutralQuaternaryAlt;});},spacingXs,minScreenSize.small);var IconNormalSize=20;var IconLargeSize=26;var IconBubbleStyle=function IconBubbleStyle(isHighlighted){return _styled.css(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n    ",";\n  "],["\n    ",";\n  "])),isHighlighted?_styled.css(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.white;}):_styled.css(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.neutralQuaternary;},function(p){return p.theme.palette.black;}));};var StyledIconButton$3=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PageTocNode__StyledIconButton",componentId:"sc-1ftr1ym-1"})(templateObject_8$5||(templateObject_8$5=__makeTemplateObject(["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"])),IconLargeSize,IconLargeSize,IconLargeSize,function(p){return p.isExpanded&&_styled.css(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n          i {\n            transform: translate(0, 1px);\n          }\n        "],["\n          i {\n            transform: translate(0, 1px);\n          }\n        "])));},function(p){return IconBubbleStyle(p.isHighlighted);},minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledIcon$3$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTocNode__StyledIcon",componentId:"sc-1ftr1ym-2"})(templateObject_9$3||(templateObject_9$3=__makeTemplateObject(["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"],["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"])),IconLargeSize,IconLargeSize,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize,function(p){return IconBubbleStyle(p.isHighlighted);});var NodeTitleStyle=_styled.css(templateObject_11$1$1||(templateObject_11$1$1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"])),spacingM,fontSizeNormal,function(p){return p.theme.textColors.default;},function(p){return p.bold&&_styled.css(templateObject_10$2$1||(templateObject_10$2$1=__makeTemplateObject(["\n        font-weight: bold;\n      "],["\n        font-weight: bold;\n      "])));},minScreenSize.small,fontSizeSmall);var NodeTitleLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTocNode__NodeTitleLink",componentId:"sc-1ftr1ym-3"})(templateObject_12$1$1||(templateObject_12$1$1=__makeTemplateObject(["\n  ",";\n\n  && {\n    color: ",";\n  }\n"],["\n  ",";\n\n  && {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.textColors.default;});var NodeTitleButton=_styled__default["default"](ActionButton).withConfig({displayName:"PageTocNode__NodeTitleButton",componentId:"sc-1ftr1ym-4"})(templateObject_13$1$1||(templateObject_13$1$1=__makeTemplateObject(["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"],["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.palette.neutralQuaternary;});var NodeTitle=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeTitle",componentId:"sc-1ftr1ym-5"})(templateObject_14$1$1||(templateObject_14$1$1=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),NodeTitleStyle);var ChildrenList=_styled__default["default"].ul.withConfig({displayName:"PageTocNode__ChildrenList",componentId:"sc-1ftr1ym-6"})(templateObject_15$1$1||(templateObject_15$1$1=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"])),function(p){return p.hide&&'display: none;';},spacingS);var StyledExternalLinkButton=_styled__default["default"](ExternalPagesLinkButton).withConfig({displayName:"PageTocNode__StyledExternalLinkButton",componentId:"sc-1ftr1ym-7"})(templateObject_16$1$1||(templateObject_16$1$1=__makeTemplateObject(["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"])),spacingS,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledDocumentDownloadButton$1=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageTocNode__StyledDocumentDownloadButton",componentId:"sc-1ftr1ym-8"})(templateObject_17$1||(templateObject_17$1=__makeTemplateObject(["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"])),IconLargeSize,spacingS-5,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var templateObject_1$U,templateObject_2$z,templateObject_3$p,templateObject_4$f,templateObject_5$e,templateObject_6$8,templateObject_7$5,templateObject_8$5,templateObject_9$3,templateObject_10$2$1,templateObject_11$1$1,templateObject_12$1$1,templateObject_13$1$1,templateObject_14$1$1,templateObject_15$1$1,templateObject_16$1$1,templateObject_17$1;var PageTableOfContents$1=function PageTableOfContents(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onPageSelected=_a.onPageSelected,className=_a.className,selectedPageId=_a.selectedPageId,isLoading=_a.isLoading,disableScrollableList=_a.disableScrollableList;var user=useCurrentUser();var _b=getRootNodes(),rootNodes=_b.rootNodes,path=_b.path;var _c=React$d.useState(),searchResult=_c[0],setSearchResult=_c[1];if(isLoading){return jsxRuntime.jsx(Spinner,{},void 0);}if(!rootNodes||(rootNodes===null||rootNodes===void 0?void 0:rootNodes.length)===0){return jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ContentEditor.parentPage.emptyToc",tagName:"div",className:className},void 0);}var activePage=activePageId&&navigationContext.siblings.find(function(p){return p.id===activePageId;});var nodesToDisplay=sortPageNodesByGroupAndPosition(user.groups,(searchResult||rootNodes).filter(function(p){return filterChildren(p,activePage);}));return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("div",__assign({"data-toc-search-container":true},{children:jsxRuntime.jsx(PageTocSearch,{onSearch:onSearch,onSearchResultChange:setSearchResult},void 0)}),void 0),searchResult&&!searchResult.length&&jsxRuntime.jsx(TocEmptyList,{icon:"Search",emptyMessageResources:['EmptySearchResult.info']},void 0),nodesToDisplay&&jsxRuntime.jsx(TocListContainer,__assign({"data-toc-scrollable-container":true,isScrollable:!disableScrollableList},{children:jsxRuntime.jsx(TocList,{children:nodesToDisplay.map(function(c){return jsxRuntime.jsx(ToCItem,{children:jsxRuntime.jsx(PageNode,{basePath:basePath,node:c,activePage:activePage,navigationContext:searchResult?null:navigationContext,loadChildren:loadChildren,path:path,isRootNode:true,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id+!!searchResult);})},void 0)}),void 0)]}),void 0)},void 0);function getRootNodes(){if(!(navigationContext===null||navigationContext===void 0?void 0:navigationContext.parent)){return {rootNodes:(navigationContext===null||navigationContext===void 0?void 0:navigationContext.siblings)||[],path:[]};}var path=[];var currentParent=navigationContext.parent;while(currentParent!=null&&currentParent.parent!=null){path.push(currentParent.id);currentParent=currentParent.parent;}return {rootNodes:(currentParent===null||currentParent===void 0?void 0:currentParent.children)||[],path:path};}};var TocEmptyList=_styled__default["default"](EmptyList).withConfig({displayName:"PageTableOfContents__TocEmptyList",componentId:"sc-3llzkd-0"})(templateObject_1$T||(templateObject_1$T=__makeTemplateObject(["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"],["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"])),fontSizeLarger+10);var TocListContainer=_styled__default["default"].div.withConfig({displayName:"PageTableOfContents__TocListContainer",componentId:"sc-3llzkd-1"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n  padding-top: ","px;\n\n  ","\n"],["\n  padding-top: ","px;\n\n  ","\n"])),spacingXs,function(p){return p.isScrollable&&_styled.css(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "],["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "])));});var TocList=_styled__default["default"].ul.withConfig({displayName:"PageTableOfContents__TocList",componentId:"sc-3llzkd-2"})(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));var ToCItem=_styled__default["default"].li.withConfig({displayName:"PageTableOfContents__ToCItem",componentId:"sc-3llzkd-3"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);_styled__default["default"](PageTableOfContents$1).withConfig({displayName:"PageTableOfContents__StyledPageToC",componentId:"sc-3llzkd-4"})(templateObject_6$7||(templateObject_6$7=__makeTemplateObject(["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"])),spacingM,spacingM,spacingM);var templateObject_1$T,templateObject_2$y,templateObject_3$o,templateObject_4$e,templateObject_5$d,templateObject_6$7;var PageTableOfContentsDialog=function PageTableOfContentsDialog(_a){var isOpen=_a.isOpen,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onDismiss=_a.onDismiss,basePath=_a.basePath;var formatMessage=useIntl().formatMessage;if(!navigationContext){return null;}return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!isOpen,modalProps:{className:'dialog-toc'},dialogContentProps:{type:officeUiFabricReact.DialogType.close},onDismiss:onDismiss,title:formatMessage({id:'Pages.pagesTableOfContents'})},{children:jsxRuntime.jsxs(DialogContent,__assign({className:"dialog-content-host","data-toc-dialog":true},{children:[jsxRuntime.jsx(DialogGlobalStyle,{},void 0),jsxRuntime.jsx(PageTableOfContents$1,{basePath:basePath,activePageId:activePageId,navigationContext:navigationContext,loadChildren:loadChildren,onSearch:onSearch,onPageSelected:onDismiss,disableScrollableList:true},void 0)]}),void 0)}),void 0);};var DialogContent=_styled__default["default"].div.withConfig({displayName:"PageTableOfContentsDialog__DialogContent",componentId:"sc-z2sdu7-0"})(templateObject_1$S||(templateObject_1$S=__makeTemplateObject(["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"],["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle=_styled.createGlobalStyle(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"],["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$S,templateObject_2$x;function useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType){var _this=this;var searchPublishedPages=usePagesApi().searchPublishedPages;return function(pageSize,token){return __awaiter(_this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,searchPublishedPages({keywords:keywords,token:token,pageSize:pageSize,pageType:showPagesAndDocuments?undefined:pageType})];case 1:result=_a.sent();return [2/*return*/,{items:result===null||result===void 0?void 0:result.items,paginationToken:result===null||result===void 0?void 0:result.paginationToken,hasNextPage:(result===null||result===void 0?void 0:result.nextItem)!==null}];}});});};}var InlinePageListByKeywords=function InlinePageListByKeywords(_a){var keywords=_a.keywords,showDocuments=_a.showDocuments,showPages=_a.showPages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showPagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var defaultPageSize=10;var keywordsAsString=keywords===null||keywords===void 0?void 0:keywords.join('-');var _b=useItemLoaderWithPreFetch(defaultPageSize,useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType),[keywordsAsString]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};function useLoadPublishedItemsByPageId(pageId,showPagesAndDocuments,pageType){var _this=this;var getSubpages=usePagesApi().getSubpages;try{return function(pageSize,token){return __awaiter(_this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(pageId,{pageType:showPagesAndDocuments?undefined:pageType,token:token,pageSize:pageSize})];case 1:result=_a.sent();return [2/*return*/,{items:result.items,paginationToken:result.paginationToken,hasNextPage:result.nextItem!==null}];}});});};}catch(error){logger.error(error);return null;}}var defaultPageSize$1=10;var InlinePageListByPageId=function InlinePageListByPageId(_a){var pageId=_a.pageId,showPages=_a.showPages,showDocuments=_a.showDocuments;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showSubpagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var _b=useItemLoaderWithPreFetch(defaultPageSize$1,useLoadPublishedItemsByPageId(pageId,showSubpagesAndDocuments,pageType),[pageId]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};var defaultPageSize=10;// the inline page list should be auto-added on a page with no content
+	var existingNode=allNodesById[node.id];if(existingNode){if(existingNode.id===page.id){existingNode.isSearchMatch=true;}ensureChildren.apply(void 0,__spreadArray([existingNode],node.children||[]));break;}allNodesById[node.id]=node;if(!((_a=node.parent)===null||_a===void 0?void 0:_a.id)){break;}ensureChildren(node.parent,node);node=node.parent;}});onSearchResultChange(Object.values(allNodesById).filter(function(n){var _a;return !((_a=n.parent)===null||_a===void 0?void 0:_a.id);}));return [2/*return*/];}});});}function ensureChildren(parent){var _a;var children=[];for(var _i=1;_i<arguments.length;_i++){children[_i-1]=arguments[_i];}if(!parent.children){parent.children=[];}parent.children=parent.children.concat(children).sort(function(a,b){return a.position-b.position;});parent.firstChildId=(_a=parent.children[0])===null||_a===void 0?void 0:_a.id;}};var StyledSearchBox=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"PageTocSearch__StyledSearchBox",componentId:"sc-1enxv6b-0"})(templateObject_1$W||(templateObject_1$W=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);var templateObject_1$W;function filterChildren(page,activePage){if(!activePage){return true;}if(activePage.status===WorkflowStatus.deleted){return page.status===WorkflowStatus.deleted;}return page.status!==WorkflowStatus.deleted&&activePage.isUnlinked===page.isUnlinked;}var ExternalPagesLinkButton=function ExternalPagesLinkButton(_a){var item=_a.item,disabled=_a.disabled,onClick=_a.onClick,className=_a.className;var user=useCurrentUser();var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;if(!item.useExternalContent){return null;}var resourceKey="ExternalLinkButton.pages"+(!url?'.noUrl':'')+".navigateTo";return jsxRuntime.jsx(Tooltip,__assign({className:className,resourceKey:resourceKey,values:url?{url:url}:undefined,width:url?400:undefined},{children:jsxRuntime.jsx(StyledIconButton$4,{iconProps:{iconName:'NavigateExternalInline',styles:{root:{fontSize:fontSizeMedium+4+"px",height:fontSizeMedium+4+"px"}}},onClick:handleClick,disabled:disabled,"aria-label":formatMessage({id:resourceKey},url?{url:url}:undefined)},void 0)}),void 0);function handleClick(e){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){if(onClick){onClick(e);return [2/*return*/];}createPageClickHandler(item)(e);return [2/*return*/];});});}};var StyledIconButton$4=_styled__default["default"](IconButton).withConfig({displayName:"ExternalPagesLinkButton__StyledIconButton",componentId:"sc-1n1ybv7-0"})(templateObject_1$V||(templateObject_1$V=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$V;var PageNode=function PageNode(_a){var node=_a.node,activePage=_a.activePage,navigationContext=_a.navigationContext,loadChildren=_a.loadChildren,basePath=_a.basePath,path=_a.path,className=_a.className,isRootNode=_a.isRootNode,hide=_a.hide,onPageSelected=_a.onPageSelected,selectedPageId=_a.selectedPageId;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var nodesContainNavigation=navigationContext==null;var _b=React$d.useState(null),lazyLoadedChildren=_b[0],setLazyLoadedChildren=_b[1];var children=lazyLoadedChildren||getChildren(node.id).filter(function(n){return filterChildren(n,activePage);});var _c=React$d.useState(undefined),forceShowChildren=_c[0],setForceShowChildren=_c[1];var showChildren=forceShowChildren||children&&forceShowChildren!==false&&(nodesContainNavigation||path.some(function(p){return p===node.id;})||(activePage===null||activePage===void 0?void 0:activePage.id)===node.id);var title=getTitle(node,user,formatMessage);var isSelectedPageNode=(activePage===null||activePage===void 0?void 0:activePage.id)===node.id||selectedPageId===node.id;var iconName=getIconName();var isExpanded=iconName==='ChevronDown';var isHighlighted=isSelectedPageNode||path.some(function(p){return p===node.id;});var appBasePath=basePath?buildPath(basePath):null;var isSearchMatch=node.isSearchMatch?'true':null;var isDocument=node.pageType===PageType.Document;var detailViewUrl=""+NewsService.getNewsRoute(appBasePath,node.id,title)+(node.useExternalContent?"?"+queryString.stringify({noRedirect:true}):'');return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(NodeWrapper,__assign({isFirstLevel:isRootNode,hide:hide,className:className,isActive:isSelectedPageNode,"data-page-toc-node":true,"data-is-active":isSelectedPageNode},{children:[!!iconName?jsxRuntime.jsx(StyledIconButton$3,{iconProps:{iconName:iconName},onClick:function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!!(children===null||children===void 0?void 0:children.length))return [3/*break*/,2];_a=setLazyLoadedChildren;return [4/*yield*/,loadChildren(node.id)];case 1:_a.apply(void 0,[_b.sent()]);_b.label=2;case 2:setForceShowChildren(!showChildren);return [2/*return*/];}});});},isHighlighted:isHighlighted,isExpanded:isExpanded,ariaLabel:formatMessage({id:isExpanded?'AriaLabel.hideChildren':'AriaLabel.seeChildren'}),"data-toc-node-toggle-children":node.id},void 0):jsxRuntime.jsx(StyledIcon$3$1,{isHighlighted:isHighlighted},void 0),basePath?jsxRuntime.jsx(NodeTitleLink,__assign({onClick:createPageClickHandler(node,basePath,function(){return onPageSelected===null||onPageSelected===void 0?void 0:onPageSelected(node.id);},true),to:detailViewUrl,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):onPageSelected?jsxRuntime.jsx(NodeTitleButton,__assign({onClick:function(){return onPageSelected(node.id);},disabled:isDocument,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):jsxRuntime.jsx(NodeTitle,__assign({bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0),jsxRuntime.jsx(StyledExternalLinkButton,{item:node},void 0),jsxRuntime.jsx(StyledDocumentDownloadButton$1,{page:node,basePath:basePath},void 0)]}),void 0),children.length>0&&jsxRuntime.jsx(ChildrenList,__assign({hide:hide},{children:children.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(PageNode,{hide:!showChildren,basePath:basePath,node:c,activePage:activePage,navigationContext:navigationContext,loadChildren:loadChildren,path:path,isRootNode:false,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id);})}),void 0)]},void 0);function getIconName(){var _a;if(!nodesContainNavigation&&!node.firstChildId||nodesContainNavigation&&!((_a=node.children)===null||_a===void 0?void 0:_a.length)){return null;}if(showChildren){return 'ChevronDown';}return 'ChevronRight';}function getChildren(nodeId){if(nodesContainNavigation){return node.children||[];}if((activePage===null||activePage===void 0?void 0:activePage.id)===nodeId){return navigationContext.children||[];}var result=navigationContext.parent;while(result!=null&&result.id!==nodeId){result=result.parent;}return result?result.children:[];}};var NodeWrapper=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeWrapper",componentId:"sc-1ftr1ym-0"})(templateObject_3$p||(templateObject_3$p=__makeTemplateObject(["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"],["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"])),function(p){return p.hide&&'display: none;';},function(p){return !p.isFirstLevel&&_styled.css(templateObject_1$U||(templateObject_1$U=__makeTemplateObject(["\n      padding-left: ","px;\n      margin-top: ","px;\n    "],["\n      padding-left: ","px;\n      margin-top: ","px;\n    "])),spacingS,spacingS+5);},function(p){return p.isActive&&_styled.css(templateObject_2$z||(templateObject_2$z=__makeTemplateObject(["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.neutralQuaternaryAlt;});},spacingXs,minScreenSize.small);var IconNormalSize=20;var IconLargeSize=26;var IconBubbleStyle=function IconBubbleStyle(isHighlighted){return _styled.css(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n    ",";\n  "],["\n    ",";\n  "])),isHighlighted?_styled.css(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.white;}):_styled.css(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.neutralQuaternary;},function(p){return p.theme.palette.black;}));};var StyledIconButton$3=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PageTocNode__StyledIconButton",componentId:"sc-1ftr1ym-1"})(templateObject_8$5||(templateObject_8$5=__makeTemplateObject(["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"])),IconLargeSize,IconLargeSize,IconLargeSize,function(p){return p.isExpanded&&_styled.css(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n          i {\n            transform: translate(0, 1px);\n          }\n        "],["\n          i {\n            transform: translate(0, 1px);\n          }\n        "])));},function(p){return IconBubbleStyle(p.isHighlighted);},minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledIcon$3$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTocNode__StyledIcon",componentId:"sc-1ftr1ym-2"})(templateObject_9$3||(templateObject_9$3=__makeTemplateObject(["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"],["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"])),IconLargeSize,IconLargeSize,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize,function(p){return IconBubbleStyle(p.isHighlighted);});var NodeTitleStyle=_styled.css(templateObject_11$1$1||(templateObject_11$1$1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"])),spacingM,fontSizeNormal,function(p){return p.theme.textColors.default;},function(p){return p.bold&&_styled.css(templateObject_10$2$1||(templateObject_10$2$1=__makeTemplateObject(["\n        font-weight: bold;\n      "],["\n        font-weight: bold;\n      "])));},minScreenSize.small,fontSizeSmall);var NodeTitleLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTocNode__NodeTitleLink",componentId:"sc-1ftr1ym-3"})(templateObject_12$1$1||(templateObject_12$1$1=__makeTemplateObject(["\n  ",";\n\n  && {\n    color: ",";\n  }\n"],["\n  ",";\n\n  && {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.textColors.default;});var NodeTitleButton=_styled__default["default"](ActionButton).withConfig({displayName:"PageTocNode__NodeTitleButton",componentId:"sc-1ftr1ym-4"})(templateObject_13$1$1||(templateObject_13$1$1=__makeTemplateObject(["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"],["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.palette.neutralQuaternary;});var NodeTitle=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeTitle",componentId:"sc-1ftr1ym-5"})(templateObject_14$1$1||(templateObject_14$1$1=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),NodeTitleStyle);var ChildrenList=_styled__default["default"].ul.withConfig({displayName:"PageTocNode__ChildrenList",componentId:"sc-1ftr1ym-6"})(templateObject_15$1$1||(templateObject_15$1$1=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"])),function(p){return p.hide&&'display: none;';},spacingS);var StyledExternalLinkButton=_styled__default["default"](ExternalPagesLinkButton).withConfig({displayName:"PageTocNode__StyledExternalLinkButton",componentId:"sc-1ftr1ym-7"})(templateObject_16$1$1||(templateObject_16$1$1=__makeTemplateObject(["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"])),spacingS,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledDocumentDownloadButton$1=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageTocNode__StyledDocumentDownloadButton",componentId:"sc-1ftr1ym-8"})(templateObject_17$1||(templateObject_17$1=__makeTemplateObject(["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"])),IconLargeSize,spacingS-5,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var templateObject_1$U,templateObject_2$z,templateObject_3$p,templateObject_4$f,templateObject_5$e,templateObject_6$8,templateObject_7$5,templateObject_8$5,templateObject_9$3,templateObject_10$2$1,templateObject_11$1$1,templateObject_12$1$1,templateObject_13$1$1,templateObject_14$1$1,templateObject_15$1$1,templateObject_16$1$1,templateObject_17$1;var PageTableOfContents$1=function PageTableOfContents(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onPageSelected=_a.onPageSelected,className=_a.className,selectedPageId=_a.selectedPageId,isLoading=_a.isLoading,disableScrollableList=_a.disableScrollableList;var user=useCurrentUser();var _b=getRootNodes(),rootNodes=_b.rootNodes,path=_b.path;var _c=React$d.useState(),searchResult=_c[0],setSearchResult=_c[1];if(isLoading){return jsxRuntime.jsx(Spinner,{},void 0);}if(!rootNodes||(rootNodes===null||rootNodes===void 0?void 0:rootNodes.length)===0){return jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ContentEditor.parentPage.emptyToc",tagName:"div",className:className},void 0);}var activePage=activePageId&&navigationContext.siblings.find(function(p){return p.id===activePageId;});var nodesToDisplay=sortPageNodesByGroupAndPosition(user.groups,(searchResult||rootNodes).filter(function(p){return filterChildren(p,activePage);}));return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("div",__assign({"data-toc-search-container":true},{children:jsxRuntime.jsx(PageTocSearch,{onSearch:onSearch,onSearchResultChange:setSearchResult},void 0)}),void 0),searchResult&&!searchResult.length&&jsxRuntime.jsx(TocEmptyList,{icon:"Search",emptyMessageResources:['EmptySearchResult.info']},void 0),nodesToDisplay&&jsxRuntime.jsx(TocListContainer,__assign({"data-toc-scrollable-container":true,isScrollable:!disableScrollableList},{children:jsxRuntime.jsx(TocList,{children:nodesToDisplay.map(function(c){return jsxRuntime.jsx(ToCItem,{children:jsxRuntime.jsx(PageNode,{basePath:basePath,node:c,activePage:activePage,navigationContext:searchResult?null:navigationContext,loadChildren:loadChildren,path:path,isRootNode:true,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id+!!searchResult);})},void 0)}),void 0)]}),void 0)},void 0);function getRootNodes(){if(!(navigationContext===null||navigationContext===void 0?void 0:navigationContext.parent)){return {rootNodes:(navigationContext===null||navigationContext===void 0?void 0:navigationContext.siblings)||[],path:[]};}var path=[];var currentParent=navigationContext.parent;while(currentParent!=null&&currentParent.parent!=null){path.push(currentParent.id);currentParent=currentParent.parent;}return {rootNodes:(currentParent===null||currentParent===void 0?void 0:currentParent.children)||[],path:path};}};var TocEmptyList=_styled__default["default"](EmptyList).withConfig({displayName:"PageTableOfContents__TocEmptyList",componentId:"sc-3llzkd-0"})(templateObject_1$T||(templateObject_1$T=__makeTemplateObject(["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"],["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"])),fontSizeLarger+10);var TocListContainer=_styled__default["default"].div.withConfig({displayName:"PageTableOfContents__TocListContainer",componentId:"sc-3llzkd-1"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n  padding-top: ","px;\n\n  ","\n"],["\n  padding-top: ","px;\n\n  ","\n"])),spacingXs,function(p){return p.isScrollable&&_styled.css(templateObject_2$y||(templateObject_2$y=__makeTemplateObject(["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "],["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "])));});var TocList=_styled__default["default"].ul.withConfig({displayName:"PageTableOfContents__TocList",componentId:"sc-3llzkd-2"})(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));var ToCItem=_styled__default["default"].li.withConfig({displayName:"PageTableOfContents__ToCItem",componentId:"sc-3llzkd-3"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);_styled__default["default"](PageTableOfContents$1).withConfig({displayName:"PageTableOfContents__StyledPageToC",componentId:"sc-3llzkd-4"})(templateObject_6$7$1||(templateObject_6$7$1=__makeTemplateObject(["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"])),spacingM,spacingM,spacingM);var templateObject_1$T,templateObject_2$y,templateObject_3$o,templateObject_4$e,templateObject_5$d,templateObject_6$7$1;var PageTableOfContentsDialog=function PageTableOfContentsDialog(_a){var isOpen=_a.isOpen,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onDismiss=_a.onDismiss,basePath=_a.basePath;var formatMessage=useIntl().formatMessage;if(!navigationContext){return null;}return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!isOpen,modalProps:{className:'dialog-toc'},dialogContentProps:{type:officeUiFabricReact.DialogType.close},onDismiss:onDismiss,title:formatMessage({id:'Pages.pagesTableOfContents'})},{children:jsxRuntime.jsxs(DialogContent,__assign({className:"dialog-content-host","data-toc-dialog":true},{children:[jsxRuntime.jsx(DialogGlobalStyle,{},void 0),jsxRuntime.jsx(PageTableOfContents$1,{basePath:basePath,activePageId:activePageId,navigationContext:navigationContext,loadChildren:loadChildren,onSearch:onSearch,onPageSelected:onDismiss,disableScrollableList:true},void 0)]}),void 0)}),void 0);};var DialogContent=_styled__default["default"].div.withConfig({displayName:"PageTableOfContentsDialog__DialogContent",componentId:"sc-z2sdu7-0"})(templateObject_1$S||(templateObject_1$S=__makeTemplateObject(["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"],["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle=_styled.createGlobalStyle(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"],["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$S,templateObject_2$x;function useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType){var _this=this;var searchPublishedPages=usePagesApi().searchPublishedPages;return function(pageSize,token){return __awaiter(_this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,searchPublishedPages({keywords:keywords,token:token,pageSize:pageSize,pageType:showPagesAndDocuments?undefined:pageType})];case 1:result=_a.sent();return [2/*return*/,{items:result===null||result===void 0?void 0:result.items,paginationToken:result===null||result===void 0?void 0:result.paginationToken,hasNextPage:(result===null||result===void 0?void 0:result.nextItem)!==null}];}});});};}var InlinePageListByKeywords=function InlinePageListByKeywords(_a){var keywords=_a.keywords,showDocuments=_a.showDocuments,showPages=_a.showPages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showPagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var defaultPageSize=10;var keywordsAsString=keywords===null||keywords===void 0?void 0:keywords.join('-');var _b=useItemLoaderWithPreFetch(defaultPageSize,useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType),[keywordsAsString]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};function useLoadPublishedItemsByPageId(pageId,showPagesAndDocuments,pageType){var _this=this;var getSubpages=usePagesApi().getSubpages;try{return function(pageSize,token){return __awaiter(_this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(pageId,{pageType:showPagesAndDocuments?undefined:pageType,token:token,pageSize:pageSize})];case 1:result=_a.sent();return [2/*return*/,{items:result.items,paginationToken:result.paginationToken,hasNextPage:result.nextItem!==null}];}});});};}catch(error){logger.error(error);return null;}}var defaultPageSize$1=10;var InlinePageListByPageId=function InlinePageListByPageId(_a){var pageId=_a.pageId,showPages=_a.showPages,showDocuments=_a.showDocuments;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showSubpagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var _b=useItemLoaderWithPreFetch(defaultPageSize$1,useLoadPublishedItemsByPageId(pageId,showSubpagesAndDocuments,pageType),[pageId]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};var defaultPageSize=10;// the inline page list should be auto-added on a page with no content
 	// by default pages and documents should be shown
 	// for this case the blockProps would be an empty object and
 	// we need to set the showPages and showDocuments to true
 	var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords.split(','),showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
-	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$R,templateObject_2$w,templateObject_3$n,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$k,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$k=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$Q,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$P;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$O,templateObject_2$u,templateObject_3$m;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$N;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$M;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$L;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$K;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$J;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$h,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$h=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(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$I,templateObject_2$t,templateObject_3$l,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$H||(templateObject_1$H=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$H;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$G;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$F;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$E;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$g,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$g=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$D;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$f$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$C,templateObject_2$s;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$B;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$A;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$z;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$y;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);var KeywordPickerGroup=function KeywordPickerGroup(_a){var group=_a.group,keywords=_a.keywords,expanded=_a.expanded,selectedKeywords=_a.selectedKeywords,onChange=_a.onChange,mandatoryKeywordIds=_a.mandatoryKeywordIds;var _b=React$d.useState(null),isExpanded=_b[0],setIsExpanded=_b[1];var isSelected=!!selectedKeywords.find(function(k){return k.groupId===group.id;});var isCollapsed=!(isExpanded===true||expanded);return jsxRuntime.jsxs(Host$e$1,{children:[jsxRuntime.jsxs(GroupButton,__assign({onClick:toggle,iconProps:{iconName:isCollapsed?'CaretRightSolid8':'CaretDownSolid8'},"aria-expanded":!isCollapsed,"aria-controls":group.name+"-list"},{children:[isSelected&&jsxRuntime.jsx(CheckMarkIcon,{iconName:"CheckMark"},void 0),jsxRuntime.jsx(ButtonLabel,__assign({"data-keyword-group":group.name,isSelected:isSelected},{children:jsxRuntime.jsx(KeywordTitle,{groupName:group.name},void 0)}),void 0)]}),void 0),jsxRuntime.jsx(KeywordsList,__assign({id:group.name+"-list","data-keyword-picker-group-list":true,isCollapsed:isCollapsed},{children:keywords.map(function(k){var checked=isKeywordSelected(k);var disabled=isKeywordDisabled(k);return jsxRuntime.jsx(KeywordItem,__assign({"data-keyword":k.name,"data-is-checked":checked,"data-is-disabled":disabled},{children:jsxRuntime.jsx(officeUiFabricReact.Checkbox,{label:k.name,onRenderLabel:function(){return jsxRuntime.jsx(KeywordTitle,{groupName:group.name,keywordName:k.name},void 0);},checked:checked,onChange:function(_e,isChecked){return handleChange(isChecked,k);},disabled:disabled},k.id)}),k.name);})}),void 0)]},void 0);function toggle(){setIsExpanded(!isExpanded);}function isKeywordSelected(keyword){return !!selectedKeywords.find(function(k){return k.id===keyword.id;});}function isKeywordDisabled(keyword){return mandatoryKeywordIds===null||mandatoryKeywordIds===void 0?void 0:mandatoryKeywordIds.some(function(id){return id===keyword.id;});}function handleChange(add,keyword){if(onChange){var result=selectedKeywords.filter(function(k){return keyword.id!==k.id;});if(add){result.push(keyword);}onChange(result);}}};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);var GroupButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);var CheckMarkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));var ButtonLabel=_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});var KeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);var KeywordItem=_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$x,templateObject_2$r,templateObject_3$k,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;var KeywordPicker=function KeywordPicker(_a){var _b;var value=_a.value,onChange=_a.onChange,showSelectionToggle=_a.showSelectionToggle,incomingAvailableKeywords=_a.availableKeywords,mandatoryKeywordIds=_a.mandatoryKeywordIds,className=_a.className;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,selectedKeywordGroups=_c.selectedKeywordGroups;var _d=React$d.useState(null),searchedKeywords=_d[0],setSearchedKeywords=_d[1];var _e=React$d.useState(null),searchText=_e[0],setSearchText=_e[1];var selectedKeywords=getSelectedKeywords();var availableKeywords=incomingAvailableKeywords!==null&&incomingAvailableKeywords!==void 0?incomingAvailableKeywords:allKeywords;var visibleKeywords=(_b=searchedKeywords!==null&&searchedKeywords!==void 0?searchedKeywords:availableKeywords)!==null&&_b!==void 0?_b:[];var mandatoryKeywords=mandatoryKeywordIds?availableKeywords.filter(function(k){return mandatoryKeywordIds.includes(k.id);}):[];var noKeywordGroups=(selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.length)===0;var noAvailableKeywords=!noKeywordGroups&&(availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.length)===0;var isEmpty=visibleKeywords.length===0;return jsxRuntime.jsxs(Host$d$1,__assign({className:classNames('keyword-picker',className)},{children:[(noKeywordGroups||noAvailableKeywords)&&jsxRuntime.jsx("span",__assign({className:"keyword-picker-empty"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:noKeywordGroups?'KeywordPicker.noGroupsDefined':'KeywordPicker.noAvailableKeywordsForGroup'},void 0)}),void 0),!noKeywordGroups&&!noAvailableKeywords&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(SearchHost,__assign({className:"keyword-picker-search","data-keyword-picker-search":true},{children:[jsxRuntime.jsx(officeUiFabricReact.TextField,{onChange:handleSearch,value:searchText||'',placeholder:formatMessage({id:'KeywordPicker.search'})},void 0),searchText&&jsxRuntime.jsx(SearchCancelButton,{iconProps:{iconName:'Cancel'},onClick:function(){return handleSearch(null,null);},"aria-hidden":"true"},void 0)]}),void 0),showSelectionToggle&&jsxRuntime.jsx(StyledToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsxs(KeywordPickerTree,__assign({className:"keyword-picker-tree"},{children:[isEmpty&&jsxRuntime.jsx(FormattedMessage$1,{id:"KeywordPicker.emptySearch"},void 0),!isEmpty&&selectedKeywordGroups&&selectedKeywordGroups.sort(function(a,b){return a.name.localeCompare(b.name);}).map(function(g){var keywords=visibleKeywords.filter(function(k){return k.groupId===g.id;});return keywords.length===0?null:jsxRuntime.jsx(KeywordPickerGroup,{expanded:!!searchText,group:g,keywords:keywords,selectedKeywords:selectedKeywords,onChange:onChange,mandatoryKeywordIds:mandatoryKeywordIds},g.id);})]}),void 0)]},void 0)]}),void 0);function getSelectedKeywords(){if(value==null||allKeywords==null){return [];}return value.map(function(k){return typeof k==='string'?allKeywords.find(function(a){return a.id===k;}):k;}).filter(function(k){return k;});}function handleSearch(_,text){var hasSearch=text&&text.length;var keywords=hasSearch?availableKeywords.filter(function(k){return getKeywordTitle(user,k.translations,k.name).toLocaleLowerCase().indexOf(text.toLocaleLowerCase())>=0;}):availableKeywords;setSearchedKeywords(keywords);setSearchText(hasSearch?text:null);}function handleToggleAll(checkAll){onChange(checkAll?availableKeywords:mandatoryKeywords);}};var KeywordPickerTree=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var StyledToggleAllButtons=_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var Host$d$1=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));var SearchHost=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));var SearchCancelButton=_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(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$w,templateObject_2$q,templateObject_3$j,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
+	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$R,templateObject_2$w,templateObject_3$n,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$k,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$k=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$Q,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$P;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$O,templateObject_2$u,templateObject_3$m;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$N;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$M;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$L;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$K;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$J;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$h$1,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$h$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c$1||(templateObject_4$c$1=__makeTemplateObject(["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"],["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"],["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n  && {\n    display: inherit;\n  }\n"],["\n  && {\n    display: inherit;\n  }\n"])));var templateObject_1$I,templateObject_2$t,templateObject_3$l,templateObject_4$c$1,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$H;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$G;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$F;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$E;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$g$1,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$g$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$D;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$f$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$f$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$C,templateObject_2$s;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$B;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$A;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$z;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$y;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var _a;var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var LogicalOperator;(function(LogicalOperator){LogicalOperator["Or"]="or";LogicalOperator["And"]="and";})(LogicalOperator||(LogicalOperator={}));var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);var KeywordPickerGroup=function KeywordPickerGroup(_a){var group=_a.group,keywords=_a.keywords,expanded=_a.expanded,selectedKeywords=_a.selectedKeywords,onChange=_a.onChange,mandatoryKeywordIds=_a.mandatoryKeywordIds;var _b=React$d.useState(null),isExpanded=_b[0],setIsExpanded=_b[1];var isSelected=!!selectedKeywords.find(function(k){return k.groupId===group.id;});var isCollapsed=!(isExpanded===true||expanded);return jsxRuntime.jsxs(Host$e$1,{children:[jsxRuntime.jsxs(GroupButton,__assign({onClick:toggle,iconProps:{iconName:isCollapsed?'CaretRightSolid8':'CaretDownSolid8'},"aria-expanded":!isCollapsed,"aria-controls":group.name+"-list"},{children:[isSelected&&jsxRuntime.jsx(CheckMarkIcon,{iconName:"CheckMark"},void 0),jsxRuntime.jsx(ButtonLabel,__assign({"data-keyword-group":group.name,isSelected:isSelected},{children:jsxRuntime.jsx(KeywordTitle,{groupName:group.name},void 0)}),void 0)]}),void 0),jsxRuntime.jsx(KeywordsList,__assign({id:group.name+"-list","data-keyword-picker-group-list":true,isCollapsed:isCollapsed},{children:keywords.map(function(k){var checked=isKeywordSelected(k);var disabled=isKeywordDisabled(k);return jsxRuntime.jsx(KeywordItem,__assign({"data-keyword":k.name,"data-is-checked":checked,"data-is-disabled":disabled},{children:jsxRuntime.jsx(officeUiFabricReact.Checkbox,{label:k.name,onRenderLabel:function(){return jsxRuntime.jsx(KeywordTitle,{groupName:group.name,keywordName:k.name},void 0);},checked:checked,onChange:function(_e,isChecked){return handleChange(isChecked,k);},disabled:disabled},k.id)}),k.name);})}),void 0)]},void 0);function toggle(){setIsExpanded(!isExpanded);}function isKeywordSelected(keyword){return !!selectedKeywords.find(function(k){return k.id===keyword.id;});}function isKeywordDisabled(keyword){return mandatoryKeywordIds===null||mandatoryKeywordIds===void 0?void 0:mandatoryKeywordIds.some(function(id){return id===keyword.id;});}function handleChange(add,keyword){if(onChange){var result=selectedKeywords.filter(function(k){return keyword.id!==k.id;});if(add){result.push(keyword);}onChange(result);}}};var Host$e$1=_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);var GroupButton=_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);var CheckMarkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));var ButtonLabel=_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});var KeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);var KeywordItem=_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$x,templateObject_2$r,templateObject_3$k,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;var KeywordPicker=function KeywordPicker(_a){var _b;var value=_a.value,onChange=_a.onChange,showSelectionToggle=_a.showSelectionToggle,incomingAvailableKeywords=_a.availableKeywords,mandatoryKeywordIds=_a.mandatoryKeywordIds,className=_a.className;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,selectedKeywordGroups=_c.selectedKeywordGroups;var _d=React$d.useState(null),searchedKeywords=_d[0],setSearchedKeywords=_d[1];var _e=React$d.useState(null),searchText=_e[0],setSearchText=_e[1];var selectedKeywords=getSelectedKeywords();var availableKeywords=incomingAvailableKeywords!==null&&incomingAvailableKeywords!==void 0?incomingAvailableKeywords:allKeywords;var visibleKeywords=(_b=searchedKeywords!==null&&searchedKeywords!==void 0?searchedKeywords:availableKeywords)!==null&&_b!==void 0?_b:[];var mandatoryKeywords=mandatoryKeywordIds?availableKeywords.filter(function(k){return mandatoryKeywordIds.includes(k.id);}):[];var noKeywordGroups=(selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.length)===0;var noAvailableKeywords=!noKeywordGroups&&(availableKeywords===null||availableKeywords===void 0?void 0:availableKeywords.length)===0;var isEmpty=visibleKeywords.length===0;return jsxRuntime.jsxs(Host$d$1,__assign({className:classNames('keyword-picker',className)},{children:[(noKeywordGroups||noAvailableKeywords)&&jsxRuntime.jsx("span",__assign({className:"keyword-picker-empty"},{children:jsxRuntime.jsx(FormattedMessage$1,{id:noKeywordGroups?'KeywordPicker.noGroupsDefined':'KeywordPicker.noAvailableKeywordsForGroup'},void 0)}),void 0),!noKeywordGroups&&!noAvailableKeywords&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsxs(SearchHost,__assign({className:"keyword-picker-search","data-keyword-picker-search":true},{children:[jsxRuntime.jsx(officeUiFabricReact.TextField,{onChange:handleSearch,value:searchText||'',placeholder:formatMessage({id:'KeywordPicker.search'})},void 0),searchText&&jsxRuntime.jsx(SearchCancelButton,{iconProps:{iconName:'Cancel'},onClick:function(){return handleSearch(null,null);},"aria-hidden":"true"},void 0)]}),void 0),showSelectionToggle&&jsxRuntime.jsx(StyledToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsxRuntime.jsxs(KeywordPickerTree,__assign({className:"keyword-picker-tree"},{children:[isEmpty&&jsxRuntime.jsx(FormattedMessage$1,{id:"KeywordPicker.emptySearch"},void 0),!isEmpty&&selectedKeywordGroups&&selectedKeywordGroups.sort(function(a,b){return a.name.localeCompare(b.name);}).map(function(g){var keywords=visibleKeywords.filter(function(k){return k.groupId===g.id;});return keywords.length===0?null:jsxRuntime.jsx(KeywordPickerGroup,{expanded:!!searchText,group:g,keywords:keywords,selectedKeywords:selectedKeywords,onChange:onChange,mandatoryKeywordIds:mandatoryKeywordIds},g.id);})]}),void 0)]},void 0)]}),void 0);function getSelectedKeywords(){if(value==null||allKeywords==null){return [];}return value.map(function(k){return typeof k==='string'?allKeywords.find(function(a){return a.id===k;}):k;}).filter(function(k){return k;});}function handleSearch(_,text){var hasSearch=text&&text.length;var keywords=hasSearch?availableKeywords.filter(function(k){return getKeywordTitle(user,k.translations,k.name).toLocaleLowerCase().indexOf(text.toLocaleLowerCase())>=0;}):availableKeywords;setSearchedKeywords(keywords);setSearchText(hasSearch?text:null);}function handleToggleAll(checkAll){onChange(checkAll?availableKeywords:mandatoryKeywords);}};var KeywordPickerTree=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var StyledToggleAllButtons=_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));var Host$d$1=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));var SearchHost=_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));var SearchCancelButton=_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$1||(templateObject_5$9$1=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"])));var templateObject_1$w,templateObject_2$q,templateObject_3$j,templateObject_4$a$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
 	// https://github.com/tc39/proposal-string-replace-all
-	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$u,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$t,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$s,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
+	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$v,templateObject_2$p,templateObject_3$i;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$u,templateObject_2$o,templateObject_3$h,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$t$1||(templateObject_1$t$1=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$t$1,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$s$1||(templateObject_1$s$1=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$s$1,templateObject_2$m;var DateTimePicker=function DateTimePicker(props){var timeField=React$d.useRef();var formatMessage=useIntl().formatMessage;var _a=React$d.useState(getTime(props.date)),time=_a[0],setTime=_a[1];var _b=React$d.useState(false),timeHasFocus=_b[0],setTimeHasFocus=_b[1];var _c=React$d.useState(null),timeErrorMessageResourceKey=_c[0],setTimeErrorMessageResourceKey=_c[1];var momentMonths=['January','February','March','April','May','June','July','August','September','October','November','December'];var momentWeekdays=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];React$d.useEffect(function(){// do not update if the user is typing time
 	if(!timeHasFocus){// We might not know that the time field has the focus after an onBlur from the date field.
 	// In this case only update the _time_ component if it has changed. Which is not the case for changes
 	// from the date field
@@ -131725,7 +131725,7 @@
 	props.onChanged(newDate.toISOString(),validationResult.isInRange);}function handleDateChange(newDate){if(timeField.current){// note: focus event is ignored/not propagated without setTimeout
 	setTimeout(function(){return timeField.current.focus();},0);}if(!newDate){handleChange(null);}else {// include the current time component when triggering a change.
 	// newDate is only a Date without time.
-	var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$r,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
+	var newDateOnly=moment(newDate);var timeInMilliseconds=0;if(props.date){var oldDateWithTime=moment(props.date);timeInMilliseconds=oldDateWithTime.diff(oldDateWithTime.clone().startOf('day'));}handleChange(newDateOnly.startOf('day').add(timeInMilliseconds,'ms'));}}function handleTimeBlur(timeString){var newTime=timeString||'00:00';var initialTime=getTime(props.date);if(newTime===initialTime){return;}setTimeHasFocus(false);var timeToday=moment(newTime,'HH:mm');if(!timeToday.isValid()){setTimeErrorMessageResourceKey('DateTimePicker.invalidTime');return;}setTime(timeToday.format('HH:mm'));if(props.date==null){handleChange(timeToday);}else {var timeInMilliseconds=timeToday.diff(moment().startOf('day'));var newValue=moment(props.date).startOf('day').add(timeInMilliseconds,'ms');handleChange(newValue);}}function setTimeError(result){if(result.isInRange||!result.isSameDay){setTimeErrorMessageResourceKey(null);return;}setTimeErrorMessageResourceKey(props.timeValidationResourceKey||props.dateValidationResourceKey);}function isDateTimeInRange(newValue){if(!newValue||!props.minDate&&!props.maxDate){return {isInRange:true,isSameDay:true};}return {isInRange:(!props.minDate||moment(props.minDate).unix()<newValue.unix())&&(!props.maxDate||newValue.unix()<moment(props.maxDate).unix()),isSameDay:isSameDay(newValue,props.minDate||props.maxDate)};}function isSameDay(momentDateTime,otherTime){return momentDateTime&&otherTime&&momentDateTime.isSame(otherTime,'day');}};var IEButtonFix=_styled.createGlobalStyle(templateObject_1$r$1||(templateObject_1$r$1=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));var GlobalDatePickerStyle=_styled.createGlobalStyle(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});var Host$a$1=_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$r$1,templateObject_2$l,templateObject_3$f;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$q$1||(templateObject_1$q$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$e$1||(templateObject_3$e$1=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$q$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$p$1||(templateObject_1$p$1=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$p$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$o$1||(templateObject_1$o$1=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$o$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$n$1||(templateObject_1$n$1=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$d$1||(templateObject_3$d$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$m$1||(templateObject_1$m$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$h$1||(templateObject_2$h$1=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$m$1,templateObject_2$h$1;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$g$1||(templateObject_2$g$1=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$l$1,templateObject_2$g$1,templateObject_3$c$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
 	var MDN_POLYFILL_BUG=!CORRECT_IS_REGEXP_LOGIC&&!!function(){var descriptor=getOwnPropertyDescriptor(String.prototype,'endsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.endsWith` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.endswith
 	$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$f$1||(templateObject_2$f$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$k$1||(templateObject_1$k$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryGetHighlight(highlights,preferredLanguage){var _a;if(!highlights){return null;}return (_a=tryGetAllHighlights(highlights,preferredLanguage))===null||_a===void 0?void 0:_a[0];}function tryGetAllHighlights(highlights,preferredLanguage){if(!highlights){return null;}var preferredHighlights=highlights.filter(function(h){return h.language===preferredLanguage;});if(preferredHighlights.length){return preferredHighlights;}var firstHighlight=highlights[0];return highlights.filter(function(h){return h.language===firstHighlight.language;});}var templateObject_1$k$1,templateObject_2$f$1;var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(TitleHighlight,{search:search,title:title,page:page},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var TitleHighlight=function TitleHighlight(_a){var _b;var search=_a.search,title=_a.title,page=_a.page;var user=useCurrentUser();var preferredLanguage=NewsService.getLanguageForContent(page.contents,user);var titleHighlight=tryGetHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"],["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$e$1||(templateObject_2$e$1=__makeTemplateObject(["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"],["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$b$1||(templateObject_3$b$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$j$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$d$1||(templateObject_2$d$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"],["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"],["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"],["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n  align-self: flex-start;\n  z-index: 1;\n"],["\n  align-self: flex-start;\n  z-index: 1;\n"])));var templateObject_1$i$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"],["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$c$1||(templateObject_2$c$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  ","\n"],["\n  padding: 0;\n  margin: 0;\n  ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"],["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$h$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"],["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n  flex: 1 1 auto;\n  width: ","%;\n"],["\n  flex: 1 1 auto;\n  width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var templateObject_1$g$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
@@ -131739,13 +131739,13 @@
 	// https://github.com/tc39/proposal-flatMap
 	$$h({target:'Array',proto:true},{flatMap:function flatMap(callbackfn/* , thisArg */){var O=toObject(this);var sourceLen=toLength$c(O.length);var A;aFunction(callbackfn);A=arraySpeciesCreate(O,0);A.length=flattenIntoArray(A,O,O,sourceLen,0,1,callbackfn,arguments.length>1?arguments[1]:undefined);return A;}});// this method was added to unscopables after implementation
 	// in popular engines, so it's moved to a separate module
-	var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var StreamItemTypes;(function(StreamItemTypes){StreamItemTypes["Post"]="POST";StreamItemTypes["News"]="NEWS";StreamItemTypes["Event"]="EVENT";StreamItemTypes["Page"]="PAGE";})(StreamItemTypes||(StreamItemTypes={}));var StreamConversationScope;(function(StreamConversationScope){StreamConversationScope["Public"]="PUBLIC";StreamConversationScope["Editor"]="EDITOR";StreamConversationScope["Posts"]="POSTS";})(StreamConversationScope||(StreamConversationScope={}));var StreamKnownNewsState;(function(StreamKnownNewsState){StreamKnownNewsState["Unconfirmed"]="UNCONFIRMED";StreamKnownNewsState["Alert"]="ALERT";})(StreamKnownNewsState||(StreamKnownNewsState={}));function isPost(item){return item.type===StreamItemTypes.Post;}function isNews(item){return item.type===StreamItemTypes.News;}function isEvent(item){return item.type===StreamItemTypes.Event;}function isPage(item){return item.type===StreamItemTypes.Page;}function convertProperties(items,user,subscriptionChannels){return items.map(function(i){var _a,_b,_c;var mappedItem=__assign(__assign({},i),{keywords:getGroupedKeywords(i.keywordsList)});if(isPost(i)){return __assign(__assign({},mappedItem),{groupId:i.groupIds[0],attachments:(_a=i.postAttachments)===null||_a===void 0?void 0:_a.map(function(i){return __assign(__assign({},i),{type:getAttachmentType(i.type)});}),comments:__assign(__assign({},i.postComments),{items:(_b=i.postComments)===null||_b===void 0?void 0:_b.items.map(function(c){var _a;return __assign(__assign({},c),{conversationScope:getConversationScope(c.streamConversationScope),fileAccessToken:i.fileAccessToken,attachments:(_a=c.postCommentAttachments)===null||_a===void 0?void 0:_a.map(function(a){return __assign(__assign({},a),{type:getAttachmentType(a.type)});})});})})});}return __assign(__assign(__assign(__assign({},mappedItem),{userResponse:isEvent(i)?i.userResponseType&&getEventResponse(i.userResponseType):null,channels:(i.channelsList||[]).map(function(c){return {name:getChannelDisplayName(subscriptionChannels,c,user,getPreferredContentLanguage(user))};}),contents:i.contentsList.reduce(function(a,b){var _a;return __assign(__assign({},a),(_a={},_a[b.language]=b,_a));},{}),bannerInfo:i.bannerInfo&&__assign(__assign({},i.bannerInfo),{videoSource:convertStringToVideoSource((_c=i.bannerInfo)===null||_c===void 0?void 0:_c.videoSource)})}),getPageInfos(i)),getKnownNewsState(i));});}function getKnownNewsState(item){var _a,_b;if(!isNews(item)){return {};}var state=KnownNewsState.None;if((_a=item.knownNewsState)===null||_a===void 0?void 0:_a.includes(StreamKnownNewsState.Alert)){state|=KnownNewsState.Alert;}if((_b=item.knownNewsState)===null||_b===void 0?void 0:_b.includes(StreamKnownNewsState.Unconfirmed)){state|=KnownNewsState.Unconfirmed;}return {knownState:state};}function getPageInfos(item){if(!isPage(item)){return {};}return {pageType:getPageType(item.streamPageType),navigationContext:unflattenNavigationContext(item)};}function unflattenNavigationContext(item){var itemNavigationContext;var currentNavigationContext;var parentId=item.parentId;while(parentId!=null){var parent_1=item.path.find(function(c){return c.id===parentId;});if(!itemNavigationContext){itemNavigationContext={parent:parent_1};}else {currentNavigationContext.parent=parent_1;}parentId=parent_1.parentId;currentNavigationContext=parent_1;}return itemNavigationContext||{};}function getAttachmentType(source){switch(source){case GraphQLAttachmentType.News:return AttachmentType.News;case GraphQLAttachmentType.Event:return AttachmentType.Event;case GraphQLAttachmentType.Page:return AttachmentType.Page;case GraphQLAttachmentType.Post:return AttachmentType.Post;case GraphQLAttachmentType.Image:return AttachmentType.Image;case GraphQLAttachmentType.File:return AttachmentType.File;case GraphQLAttachmentType.VimeoVideo:return AttachmentType.VimeoVideo;case GraphQLAttachmentType.YouTubeVideo:return AttachmentType.YouTubeVideo;case GraphQLAttachmentType.Giphy:return AttachmentType.Giphy;default:return null;}}function getConversationScope(streamScope){switch(streamScope){case StreamConversationScope.Public:return ConversationScope.Public;case StreamConversationScope.Editor:return ConversationScope.Editor;case StreamConversationScope.Posts:return ConversationScope.Posts;default:return null;}}function getPageType(pageType){return pageType==='PAGE'?PageType.Page:PageType.Document;}function getEventResponse(source){switch(source){case StreamEventResponse.NotSet:return EventResponse.NotSet;case StreamEventResponse.Registered:return EventResponse.Registered;case StreamEventResponse.Declined:return EventResponse.Declined;default:return null;}}var StreamEventResponse;(function(StreamEventResponse){StreamEventResponse["NotSet"]="NOTSET";StreamEventResponse["Registered"]="REGISTERED";StreamEventResponse["Declined"]="DECLINED";})(StreamEventResponse||(StreamEventResponse={}));var CHANNELS_OR_CONDITION=function CHANNELS_OR_CONDITION(channels,allChannels){var _a;if(!channels||!channels.length){return '';}var filterChannels=(_a=channels===null||channels===void 0?void 0:channels.map(function(c){var _a;return (_a=allChannels===null||allChannels===void 0?void 0:allChannels.find(function(uc){return uc.name===c;}))===null||_a===void 0?void 0:_a.id;}))===null||_a===void 0?void 0:_a.map(function(c){return "\""+c+"\"";});if(!filterChannels){return '';}return "channels: { some: { in: ["+filterChannels+"] } }";};var KEYWORDS_OR_CONDITION=function KEYWORDS_OR_CONDITION(keywords){if(!keywords||!keywords.length){return '';}return "keywordIds: { some: { in: ["+(keywords===null||keywords===void 0?void 0:keywords.map(function(k){return "\""+k+"\"";}))+"] } }";};var OWNER_CONDITION=function OWNER_CONDITION(owner){if(!owner){return '';}return "or: [\n          { author: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { owner: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { onBehalfOf: { userPrincipalName: { eq: \""+owner+"\" } } }\n        ]";};var PUBLISHING_DATE_CONDITION=function PUBLISHING_DATE_CONDITION(beforeDate,afterDate){if(!beforeDate&&!afterDate){return '';}if(beforeDate&&afterDate){return "and: [\n      { publishingDate: { gt: \""+afterDate+"\" } }\n      { publishingDate: { lt: \""+beforeDate+"\" } }\n    ]";}return afterDate?"publishingDate: { gt: \""+afterDate+"\" }":"publishingDate: { lt: \""+beforeDate+"\" }";};gql(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"],["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"])));gql(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"],["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"])));var templateObject_2$5$1,templateObject_3$2$1;var EditorListItem=function EditorListItem(props){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var itemDomRef=React$d.useRef();var webAppUrl=useConfiguration().webAppUrl;if(props.language==null){return null;}var item=props.item;var className=classNames(props.className,'editor-list-item',{'editor-list-item-rejected ms-borderColor-red':item.status===WorkflowStatus.rejected&&isCurrentUserItemOwner()},{'editor-list-item-selected ms-fontColor-onSecondary ms-bgColor-themeSecondary':props.isSelected},{'ms-bgColor-white':!props.isSelected},{'editor-list-item--highlighted':props.highlighted});return jsxRuntime.jsxs(ListItem,__assign({className:className,"data-item-is-published":props.isPublishedItem,"data-is-focusable":true,"data-item-is-selected":props.isSelected,"data-item-id":item.id,ref:itemDomRef},{children:[props.useExternalLink?jsxRuntime.jsx(ExternalLink,__assign({href:""+webAppUrl+props.basePath+"/"+item.id+"/"+props.language,className:"editor-list-content",target:"_blank",rel:"noopener noreferrer",onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());}},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0):jsxRuntime.jsx(Content$9,__assign({to:props.basePath+"/"+item.id+"/"+props.language,onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());},className:"editor-list-content"},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0),jsxRuntime.jsxs(Options,{children:[props.allowSelection&&jsxRuntime.jsx(SelectedIconOption,{children:jsxRuntime.jsx(SelectedIcon,{"data-item-select":true,iconProps:{iconName:'CompletedSolid'},ariaLabel:formatMessage({id:'AriaLabel.editor.selectItemButton'}),onClick:toggleSelect,isTouch:env.isTouchDevice,isSelected:props.isSelected,className:classNames('ms-fontColor-neutralTertiary',{'ms-fontColor-themeDarkAlt':props.isSelected})},void 0)},void 0),jsxRuntime.jsx(StatusOption,{status:item.status,isActive:props.isSelected},void 0),jsxRuntime.jsx(Option,__assign({className:"editor-list-persona"},{children:item.owner&&jsxRuntime.jsx(Avatar,{upn:item.owner.userPrincipalName,size:officeUiFabricReact.PersonaSize.size48,text:props.item.owner.displayName,hidePersonaDetails:true},void 0)}),void 0)]},void 0)]}),void 0);function isCurrentUserItemOwner(){return props.item.owner&&props.item.owner.userPrincipalName===user.userPrincipalName;}function getTitle(){var title=props.item.contents[props.language].title;return title==null||title.trim().length===0?"<"+formatMessage({id:'Generic.noTitle'})+">":title;}function toggleSelect(){props.onSelect(props.item,!props.isSelected);}};var EditorItemTitle=_styled__default["default"].h2.withConfig({displayName:"EditorListItem__EditorItemTitle",componentId:"sc-zoqzrc-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"],["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"])));var SelectedIcon=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"EditorListItem__SelectedIcon",componentId:"sc-zoqzrc-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"],["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"])),function(p){return p.isSelected?1:p.isTouch?0.1:0;});var ListItem=_styled__default["default"].div.withConfig({displayName:"EditorListItem__ListItem",componentId:"sc-zoqzrc-2"})(templateObject_3$1$1||(templateObject_3$1$1=__makeTemplateObject(["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"],["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"])),CardBorderInline(2,2),function(p){return p.theme.textColors.default;},SelectedIcon);var Options=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Options",componentId:"sc-zoqzrc-3"})(templateObject_4$1$1||(templateObject_4$1$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"])));var Option=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Option",componentId:"sc-zoqzrc-4"})(templateObject_5$1$1||(templateObject_5$1$1=__makeTemplateObject(["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"],["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"])));var SelectedIconOption=_styled__default["default"](Option).withConfig({displayName:"EditorListItem__SelectedIconOption",componentId:"sc-zoqzrc-5"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n  padding: 6px;\n"],["\n  padding: 6px;\n"])));var LinkStyle=_styled.css(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"],["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"])),spacingXs,spacingS,spacingS,spacingS,spacingS+6,spacingXs);var Content$9=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EditorListItem__Content",componentId:"sc-zoqzrc-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var ExternalLink=_styled__default["default"].a.withConfig({displayName:"EditorListItem__ExternalLink",componentId:"sc-zoqzrc-7"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var StatusOption=function StatusOption(_a){var _b=_a.status,status=_b===void 0?WorkflowStatus.draft:_b,isActive=_a.isActive;if(status===WorkflowStatus.deleted){return null;}return jsxRuntime.jsx(Option,{children:status===WorkflowStatus.approved?jsxRuntime.jsx("img",{style:{width:'20px'},alt:""},void 0):jsxRuntime.jsx(Tooltip,__assign({resourceKey:'EditorList.'+status||WorkflowStatus.draft},{children:jsxRuntime.jsx(StateIcon,{status:status||WorkflowStatus.draft,width:20,isActive:isActive},void 0)}),void 0)},void 0);};var templateObject_1$6$1,templateObject_2$4$1,templateObject_3$1$1,templateObject_4$1$1,templateObject_5$1$1,templateObject_6$s,templateObject_7$m,templateObject_8$k,templateObject_9$f;var NewsEditorItem=function NewsEditorItem(_a){var title=_a.title,item=_a.item,isSelected=_a.isSelected;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EditorItemTitle,__assign({className:classNames({'ms-fontColor-onSecondary':isSelected})},{children:title}),void 0),jsxRuntime.jsx(DateInfo,__assign({className:classNames('ms-fontSize-m',{'ms-fontColor-onSecondary':isSelected})},{children:jsxRuntime.jsx(MetaInfo$1,{dateMode:DateMode.Published,item:item,expiryDate:item.expiryDate,channels:item.channels,readOnly:true,showChannels:true,hideAvatar:true,hideDisplayName:true},void 0)}),void 0)]},void 0);};var MetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsEditorItem__MetaInfo",componentId:"sc-1kz3wt0-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"],["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"])));var DateInfo=_styled__default["default"].div.withConfig({displayName:"NewsEditorItem__DateInfo",componentId:"sc-1kz3wt0-1"})(templateObject_2$3$1||(templateObject_2$3$1=__makeTemplateObject(["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"],["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"])));var templateObject_1$5$1,templateObject_2$3$1;var EventDates=_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDates",componentId:"sc-1irp2hc-0"})(templateObject_1$4$1||(templateObject_1$4$1=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"])),spacingS,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EmptyEventDates",componentId:"sc-1irp2hc-1"})(templateObject_2$2$1||(templateObject_2$2$1=__makeTemplateObject(["\n  font-style: italic;\n"],["\n  font-style: italic;\n"])));_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDateAndRecurrenceInfo",componentId:"sc-1irp2hc-2"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventEditorItem__RecurrenceSeriesInfo",componentId:"sc-1irp2hc-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);_styled__default["default"](EventDates).withConfig({displayName:"EventEditorItem__DatesInfo",componentId:"sc-1irp2hc-4"})(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n  margin-right: ","px;\n"],["\n  margin-right: ","px;\n"])),spacingM);var templateObject_1$4$1,templateObject_2$2$1,templateObject_3$13,templateObject_4$K,templateObject_5$D;var CreateNewItemButton=function CreateNewItemButton(_a){var type=_a.type,groupId=_a.groupId,onClick=_a.onClick,className=_a.className;var baseRoute=useBaseRoute();var history=ReactRouterDom.useHistory();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var intl=useIntl();var user=useCurrentUser();var hasSelectedGroup=!!groupId;var groups=getGroupItems();if(hasSelectedGroup||groups.length===1){return jsxRuntime.jsx(StyledPrimaryButton,__assign({iconProps:{iconName:'AddTo'},onClick:function(){return handleOnClick(hasSelectedGroup?undefined:groups[0].key);},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);}if(!groups.length){return null;}return jsxRuntime.jsx(MenuButton,__assign({iconProps:{iconName:'AddTo'},menuProps:{items:groups,calloutProps:{calloutMaxWidth:300},className:'lt-reach-callout'},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);function getGroupItems(){return getGroupsWithExplicitMinRole(GroupRoles.Author,user).map(function(g){return {key:g.id,onClick:function(){return handleOnClick(g.id);},text:getGroupName(g,user,intl)};});}function openEditor(id){history.push(buildPath("/editor/"+type+"/groups/"+id+"/new"));}function handleOnClick(id){if(onClick){onClick(groupId||id);}else {hasSelectedGroup?history.push(baseRoute+"/new"):openEditor(id);}}};var MenuButton=_styled__default["default"](officeUiFabricReact.CommandBarButton).withConfig({displayName:"CreateNewItemButton__MenuButton",componentId:"sc-18o74g9-0"})(templateObject_1$3$1||(templateObject_1$3$1=__makeTemplateObject(["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),function(p){return p.theme.semanticColors.primaryButtonBackground;},function(p){return p.theme.semanticColors.primaryButtonBackgroundHovered;},function(p){return p.theme.semanticColors.primaryButtonTextHovered;},function(p){return p.theme.semanticColors.primaryButtonText;},spacingS,spacingS);var StyledPrimaryButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"CreateNewItemButton__StyledPrimaryButton",componentId:"sc-18o74g9-1"})(templateObject_2$1$1||(templateObject_2$1$1=__makeTemplateObject(["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),spacingS,spacingS);var templateObject_1$3$1,templateObject_2$1$1;function useEditorApi(){var api=useApi();var fetchFromApi=useApiFactory().fetchFromApi;var sendBeacon=useBeaconHandler();var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {cloneItem:cloneItem,getDeletedItems:getDeletedItems,getVersion:getVersion,getVersions:getVersions,deleteDraft:deleteDraft,deleteRange:deleteRange,deletePermanently:deletePermanently,bulkSetStatus:bulkSetStatus,setStatus:setStatus,removeLease:removeLease,keepLeaseAlive:keepLeaseAlive,saveItem:saveItem,updateGroups:updateGroups,translateContent:translateContent};function translateContent(itemId,translateFrom,translateTo){return api.all("editor/news/"+itemId+"/contents/"+translateFrom+"/translations?"+queryString.stringify({languages:translateTo})).getAll().then(function(response){return response.body(false);});}function updateGroups(itemType,itemId,groupIds){return api.custom("editor/"+itemType+"/"+itemId+"/groups").put(groupIds).then(function(response){return response.body().data();});}function cloneItem(itemType,itemId){return api.all("editor/"+itemType+"?"+queryString.stringify({cloneFromItem:itemId})).post({}).then(function(response){return response.body().data();});}function getDeletedItems(type,filter,token){var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString(filter===null||filter===void 0?void 0:filter.channels)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token,pageSize:30});return api.all("editor/"+type+"/recyclebin").get('',params).then(function(res){return res.body().data();});}function getVersions(type,itemId){return from(api.all("editor/"+type+"/"+itemId+"/versions").getAll()).pipe(map(function(response){return response.body().map(function(group){return group.data();});}));}function getVersion(type,itemId,versionId){return api.all("editor/"+type+"/"+itemId+"/versions").get(versionId).then(function(response){return response.body().data();});}function deleteDraft(leaseId,itemId,type){var url="editor/"+type+"/"+itemId+"/draft";if(leaseId){url+="?leaseId="+leaseId;}return api.custom(url).delete();}function deleteRange(type,ids){var data=ids.map(function(id){return {id:id,status:WorkflowStatus.deleted};});return api.custom("editor/"+type).patch(data).then(function(response){return response.body().map(function(item){return item.data();});}).catch(function(){// set null as a result in case of error
+	var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var StreamItemTypes;(function(StreamItemTypes){StreamItemTypes["Post"]="POST";StreamItemTypes["News"]="NEWS";StreamItemTypes["Event"]="EVENT";StreamItemTypes["Page"]="PAGE";})(StreamItemTypes||(StreamItemTypes={}));var StreamConversationScope;(function(StreamConversationScope){StreamConversationScope["Public"]="PUBLIC";StreamConversationScope["Editor"]="EDITOR";StreamConversationScope["Posts"]="POSTS";})(StreamConversationScope||(StreamConversationScope={}));var StreamKnownNewsState;(function(StreamKnownNewsState){StreamKnownNewsState["Unconfirmed"]="UNCONFIRMED";StreamKnownNewsState["Alert"]="ALERT";})(StreamKnownNewsState||(StreamKnownNewsState={}));function isPost(item){return item.type===StreamItemTypes.Post;}function isNews(item){return item.type===StreamItemTypes.News;}function isEvent(item){return item.type===StreamItemTypes.Event;}function isPage(item){return item.type===StreamItemTypes.Page;}function convertProperties(items,user,subscriptionChannels){return items.map(function(i){var _a,_b,_c;var mappedItem=__assign(__assign({},i),{keywords:getGroupedKeywords(i.keywordsList)});if(isPost(i)){return __assign(__assign({},mappedItem),{groupId:i.groupIds[0],attachments:(_a=i.postAttachments)===null||_a===void 0?void 0:_a.map(function(i){return __assign(__assign({},i),{type:getAttachmentType(i.type)});}),comments:__assign(__assign({},i.postComments),{items:(_b=i.postComments)===null||_b===void 0?void 0:_b.items.map(function(c){var _a;return __assign(__assign({},c),{conversationScope:getConversationScope(c.streamConversationScope),fileAccessToken:i.fileAccessToken,attachments:(_a=c.postCommentAttachments)===null||_a===void 0?void 0:_a.map(function(a){return __assign(__assign({},a),{type:getAttachmentType(a.type)});})});})})});}return __assign(__assign(__assign(__assign({},mappedItem),{userResponse:isEvent(i)?i.userResponseType&&getEventResponse(i.userResponseType):null,channels:(i.channelsList||[]).map(function(c){return {name:getChannelDisplayName(subscriptionChannels,c,user,getPreferredContentLanguage(user))};}),contents:i.contentsList.reduce(function(a,b){var _a;return __assign(__assign({},a),(_a={},_a[b.language]=b,_a));},{}),bannerInfo:i.bannerInfo&&__assign(__assign({},i.bannerInfo),{videoSource:convertStringToVideoSource((_c=i.bannerInfo)===null||_c===void 0?void 0:_c.videoSource)})}),getPageInfos(i)),getKnownNewsState(i));});}function getKnownNewsState(item){var _a,_b;if(!isNews(item)){return {};}var state=KnownNewsState.None;if((_a=item.knownNewsState)===null||_a===void 0?void 0:_a.includes(StreamKnownNewsState.Alert)){state|=KnownNewsState.Alert;}if((_b=item.knownNewsState)===null||_b===void 0?void 0:_b.includes(StreamKnownNewsState.Unconfirmed)){state|=KnownNewsState.Unconfirmed;}return {knownState:state};}function getPageInfos(item){if(!isPage(item)){return {};}return {pageType:getPageType(item.streamPageType),navigationContext:unflattenNavigationContext(item)};}function unflattenNavigationContext(item){var itemNavigationContext;var currentNavigationContext;var parentId=item.parentId;while(parentId!=null){var parent_1=item.path.find(function(c){return c.id===parentId;});if(!itemNavigationContext){itemNavigationContext={parent:parent_1};}else {currentNavigationContext.parent=parent_1;}parentId=parent_1.parentId;currentNavigationContext=parent_1;}return itemNavigationContext||{};}function getAttachmentType(source){switch(source){case GraphQLAttachmentType.News:return AttachmentType.News;case GraphQLAttachmentType.Event:return AttachmentType.Event;case GraphQLAttachmentType.Page:return AttachmentType.Page;case GraphQLAttachmentType.Post:return AttachmentType.Post;case GraphQLAttachmentType.Image:return AttachmentType.Image;case GraphQLAttachmentType.File:return AttachmentType.File;case GraphQLAttachmentType.VimeoVideo:return AttachmentType.VimeoVideo;case GraphQLAttachmentType.YouTubeVideo:return AttachmentType.YouTubeVideo;case GraphQLAttachmentType.Giphy:return AttachmentType.Giphy;default:return null;}}function getConversationScope(streamScope){switch(streamScope){case StreamConversationScope.Public:return ConversationScope.Public;case StreamConversationScope.Editor:return ConversationScope.Editor;case StreamConversationScope.Posts:return ConversationScope.Posts;default:return null;}}function getPageType(pageType){return pageType==='PAGE'?PageType.Page:PageType.Document;}function getEventResponse(source){switch(source){case StreamEventResponse.NotSet:return EventResponse.NotSet;case StreamEventResponse.Registered:return EventResponse.Registered;case StreamEventResponse.Declined:return EventResponse.Declined;default:return null;}}var StreamEventResponse;(function(StreamEventResponse){StreamEventResponse["NotSet"]="NOTSET";StreamEventResponse["Registered"]="REGISTERED";StreamEventResponse["Declined"]="DECLINED";})(StreamEventResponse||(StreamEventResponse={}));var CHANNELS_CONDITION=function CHANNELS_CONDITION(channels,allChannels,operator){var _a;if(operator===void 0){operator=LogicalOperator.Or;}if(!channels||!channels.length){return '';}var filterChannels=(_a=channels===null||channels===void 0?void 0:channels.map(function(c){var _a;return (_a=allChannels===null||allChannels===void 0?void 0:allChannels.find(function(uc){return uc.name===c;}))===null||_a===void 0?void 0:_a.id;}))===null||_a===void 0?void 0:_a.map(function(c){return "\""+c+"\"";});if(!filterChannels){return '';}if(operator===LogicalOperator.And){var channelConditions=filterChannels.map(function(c){return "{ channels: { some: { eq: "+c+" } } }";});return "and: [\n      "+channelConditions.join()+"\n    ]";}return "channels: { some: { in: ["+filterChannels+"] } }";};var KEYWORDS_OR_CONDITION=function KEYWORDS_OR_CONDITION(keywords){if(!keywords||!keywords.length){return '';}return "keywordIds: { some: { in: ["+(keywords===null||keywords===void 0?void 0:keywords.map(function(k){return "\""+k+"\"";}))+"] } }";};var OWNER_CONDITION=function OWNER_CONDITION(owner){if(!owner){return '';}return "or: [\n          { author: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { owner: { userPrincipalName: { eq: \""+owner+"\" } } }\n          { onBehalfOf: { userPrincipalName: { eq: \""+owner+"\" } } }\n        ]";};var PUBLISHING_DATE_CONDITION=function PUBLISHING_DATE_CONDITION(beforeDate,afterDate){if(!beforeDate&&!afterDate){return '';}if(beforeDate&&afterDate){return "and: [\n      { publishingDate: { gt: \""+afterDate+"\" } }\n      { publishingDate: { lt: \""+beforeDate+"\" } }\n    ]";}return afterDate?"publishingDate: { gt: \""+afterDate+"\" }":"publishingDate: { lt: \""+beforeDate+"\" }";};var AUTHORS_CONDITION=function AUTHORS_CONDITION(authors){if(!authors||!authors.length){return '';}return "or: [\n          { owner: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n          { onBehalfOf: { userPrincipalName: { in: ["+(authors===null||authors===void 0?void 0:authors.map(function(a){return "\""+a+"\"";}))+"] } } }\n        ]";};gql(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"],["\n  mutation MarkStreamAsRead {\n    markStreamAsRead\n  }\n"])));gql(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"],["\n  mutation MarkItemsAsRead($itemIds: [String]) {\n    markItemsAsRead(itemIds: $itemIds)\n  }\n"])));var templateObject_2$5$1,templateObject_3$2$1;var EditorListItem=function EditorListItem(props){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var itemDomRef=React$d.useRef();var webAppUrl=useConfiguration().webAppUrl;if(props.language==null){return null;}var item=props.item;var className=classNames(props.className,'editor-list-item',{'editor-list-item-rejected ms-borderColor-red':item.status===WorkflowStatus.rejected&&isCurrentUserItemOwner()},{'editor-list-item-selected ms-fontColor-onSecondary ms-bgColor-themeSecondary':props.isSelected},{'ms-bgColor-white':!props.isSelected},{'editor-list-item--highlighted':props.highlighted});return jsxRuntime.jsxs(ListItem,__assign({className:className,"data-item-is-published":props.isPublishedItem,"data-is-focusable":true,"data-item-is-selected":props.isSelected,"data-item-id":item.id,ref:itemDomRef},{children:[props.useExternalLink?jsxRuntime.jsx(ExternalLink,__assign({href:""+webAppUrl+props.basePath+"/"+item.id+"/"+props.language,className:"editor-list-content",target:"_blank",rel:"noopener noreferrer",onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());}},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0):jsxRuntime.jsx(Content$9,__assign({to:props.basePath+"/"+item.id+"/"+props.language,onClick:function(e){var _a;return (_a=props.onClick)===null||_a===void 0?void 0:_a.call(props,e,itemDomRef.current,item,getTitle());},className:"editor-list-content"},{children:props.onRenderContent(item,getTitle(),props.isSelected)}),void 0),jsxRuntime.jsxs(Options,{children:[props.allowSelection&&jsxRuntime.jsx(SelectedIconOption,{children:jsxRuntime.jsx(SelectedIcon,{"data-item-select":true,iconProps:{iconName:'CompletedSolid'},ariaLabel:formatMessage({id:'AriaLabel.editor.selectItemButton'}),onClick:toggleSelect,isTouch:env.isTouchDevice,isSelected:props.isSelected,className:classNames('ms-fontColor-neutralTertiary',{'ms-fontColor-themeDarkAlt':props.isSelected})},void 0)},void 0),jsxRuntime.jsx(StatusOption,{status:item.status,isActive:props.isSelected},void 0),jsxRuntime.jsx(Option,__assign({className:"editor-list-persona"},{children:item.owner&&jsxRuntime.jsx(Avatar,{upn:item.owner.userPrincipalName,size:officeUiFabricReact.PersonaSize.size48,text:props.item.owner.displayName,hidePersonaDetails:true},void 0)}),void 0)]},void 0)]}),void 0);function isCurrentUserItemOwner(){return props.item.owner&&props.item.owner.userPrincipalName===user.userPrincipalName;}function getTitle(){var title=props.item.contents[props.language].title;return title==null||title.trim().length===0?"<"+formatMessage({id:'Generic.noTitle'})+">":title;}function toggleSelect(){props.onSelect(props.item,!props.isSelected);}};var EditorItemTitle=_styled__default["default"].h2.withConfig({displayName:"EditorListItem__EditorItemTitle",componentId:"sc-zoqzrc-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"],["\n  && {\n    font-weight: 600;\n    margin: 0;\n    font-size: 17px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    @media (max-width: 700px) {\n      font-size: 15px;\n    }\n  }\n"])));var SelectedIcon=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"EditorListItem__SelectedIcon",componentId:"sc-zoqzrc-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"],["\n  padding: 0;\n  height: 100%;\n  width: auto;\n  font-size: inherit;\n\n  opacity: ",";\n\n  &:focus {\n    opacity: 1;\n  }\n\n  i {\n    font-size: inherit;\n    line-height: unset;\n    height: auto;\n    width: auto;\n    padding: 0 19px 0 10px;\n  }\n"])),function(p){return p.isSelected?1:p.isTouch?0.1:0;});var ListItem=_styled__default["default"].div.withConfig({displayName:"EditorListItem__ListItem",componentId:"sc-zoqzrc-2"})(templateObject_3$1$1||(templateObject_3$1$1=__makeTemplateObject(["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"],["\n  position: relative;\n  font-family: 'Roboto', sans-serif;\n  text-decoration: none;\n  ",";\n\n  display: flex;\n  flex-flow: row nowrap;\n  text-align: left;\n\n  a,\n  a:hover,\n  a:active,\n  a:visited {\n    color: ",";\n    text-decoration: none;\n  }\n\n  &.editor-list-item-rejected {\n    border-left-width: 10px;\n    border-style: solid;\n    border-top: 0;\n    border-bottom: 0;\n    border-right: 0;\n    > .editor-list-content {\n      margin-left: 6px;\n    }\n  }\n\n  &:hover {\n    "," {\n      opacity: 1;\n    }\n  }\n"])),CardBorderInline(2,2),function(p){return p.theme.textColors.default;},SelectedIcon);var Options=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Options",componentId:"sc-zoqzrc-3"})(templateObject_4$1$1||(templateObject_4$1$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-flow: row nowrap;\n  padding-right: 15px;\n\n  @media (max-width: 700px) {\n    padding-right: 6px;\n  }\n"])));var Option=_styled__default["default"].div.withConfig({displayName:"EditorListItem__Option",componentId:"sc-zoqzrc-4"})(templateObject_5$1$1||(templateObject_5$1$1=__makeTemplateObject(["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"],["\n  padding: 6px 25px 6px 6px;\n  font-size: 24px;\n  text-align: center;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-content: center;\n\n  flex: 0 1 auto;\n\n  &.editor-list-persona {\n    width: 32px;\n  }\n  > div {\n    height: 24px;\n  }\n\n  @media (max-width: 700px) {\n    padding: 5px;\n    i {\n      font-size: 0.9em !important;\n      padding: 0;\n    }\n  }\n"])));var SelectedIconOption=_styled__default["default"](Option).withConfig({displayName:"EditorListItem__SelectedIconOption",componentId:"sc-zoqzrc-5"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n  padding: 6px;\n"],["\n  padding: 6px;\n"])));var LinkStyle=_styled.css(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"],["\n  padding: ","px;\n  flex: 1 0 auto;\n  /* todo: This smells, but it's required to make the ellipsis work. How to avoid it?*/\n  width: 100px;\n  margin: ","px ","px ","px ","px;\n\n  @media (max-width: 700px) {\n    margin: ","px;\n  }\n"])),spacingXs,spacingS,spacingS,spacingS,spacingS+6,spacingXs);var Content$9=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"EditorListItem__Content",componentId:"sc-zoqzrc-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var ExternalLink=_styled__default["default"].a.withConfig({displayName:"EditorListItem__ExternalLink",componentId:"sc-zoqzrc-7"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),LinkStyle);var StatusOption=function StatusOption(_a){var _b=_a.status,status=_b===void 0?WorkflowStatus.draft:_b,isActive=_a.isActive;if(status===WorkflowStatus.deleted){return null;}return jsxRuntime.jsx(Option,{children:status===WorkflowStatus.approved?jsxRuntime.jsx("img",{style:{width:'20px'},alt:""},void 0):jsxRuntime.jsx(Tooltip,__assign({resourceKey:'EditorList.'+status||WorkflowStatus.draft},{children:jsxRuntime.jsx(StateIcon,{status:status||WorkflowStatus.draft,width:20,isActive:isActive},void 0)}),void 0)},void 0);};var templateObject_1$6$1,templateObject_2$4$1,templateObject_3$1$1,templateObject_4$1$1,templateObject_5$1$1,templateObject_6$s,templateObject_7$m,templateObject_8$k,templateObject_9$f;var NewsEditorItem=function NewsEditorItem(_a){var title=_a.title,item=_a.item,isSelected=_a.isSelected;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EditorItemTitle,__assign({className:classNames({'ms-fontColor-onSecondary':isSelected})},{children:title}),void 0),jsxRuntime.jsx(DateInfo,__assign({className:classNames('ms-fontSize-m',{'ms-fontColor-onSecondary':isSelected})},{children:jsxRuntime.jsx(MetaInfo$1,{dateMode:DateMode.Published,item:item,expiryDate:item.expiryDate,channels:item.channels,readOnly:true,showChannels:true,hideAvatar:true,hideDisplayName:true},void 0)}),void 0)]},void 0);};var MetaInfo$1=_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsEditorItem__MetaInfo",componentId:"sc-1kz3wt0-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"],["\n  [data-meta-info-details] {\n    padding-left: 0;\n  }\n"])));var DateInfo=_styled__default["default"].div.withConfig({displayName:"NewsEditorItem__DateInfo",componentId:"sc-1kz3wt0-1"})(templateObject_2$3$1||(templateObject_2$3$1=__makeTemplateObject(["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"],["\n  padding-top: 8px;\n  @media (max-width: 700px) {\n    font-size: 12px;\n  }\n"])));var templateObject_1$5$1,templateObject_2$3$1;var EventDates=_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDates",componentId:"sc-1irp2hc-0"})(templateObject_1$4$1||(templateObject_1$4$1=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  display: flex;\n  flex-direction: column;\n"])),spacingS,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EmptyEventDates",componentId:"sc-1irp2hc-1"})(templateObject_2$2$1||(templateObject_2$2$1=__makeTemplateObject(["\n  font-style: italic;\n"],["\n  font-style: italic;\n"])));_styled__default["default"].div.withConfig({displayName:"EventEditorItem__EventDateAndRecurrenceInfo",componentId:"sc-1irp2hc-2"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));_styled__default["default"](EventRecurrenceSeriesInfo).withConfig({displayName:"EventEditorItem__RecurrenceSeriesInfo",componentId:"sc-1irp2hc-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingS);_styled__default["default"](EventDates).withConfig({displayName:"EventEditorItem__DatesInfo",componentId:"sc-1irp2hc-4"})(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n  margin-right: ","px;\n"],["\n  margin-right: ","px;\n"])),spacingM);var templateObject_1$4$1,templateObject_2$2$1,templateObject_3$13,templateObject_4$K,templateObject_5$D;var CreateNewItemButton=function CreateNewItemButton(_a){var type=_a.type,groupId=_a.groupId,onClick=_a.onClick,className=_a.className;var baseRoute=useBaseRoute();var history=ReactRouterDom.useHistory();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var intl=useIntl();var user=useCurrentUser();var hasSelectedGroup=!!groupId;var groups=getGroupItems();if(hasSelectedGroup||groups.length===1){return jsxRuntime.jsx(StyledPrimaryButton,__assign({iconProps:{iconName:'AddTo'},onClick:function(){return handleOnClick(hasSelectedGroup?undefined:groups[0].key);},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);}if(!groups.length){return null;}return jsxRuntime.jsx(MenuButton,__assign({iconProps:{iconName:'AddTo'},menuProps:{items:groups,calloutProps:{calloutMaxWidth:300},className:'lt-reach-callout'},className:className,"data-button-create":type},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"EditorList."+type+"CreateButton"},void 0)}),void 0);function getGroupItems(){return getGroupsWithExplicitMinRole(GroupRoles.Author,user).map(function(g){return {key:g.id,onClick:function(){return handleOnClick(g.id);},text:getGroupName(g,user,intl)};});}function openEditor(id){history.push(buildPath("/editor/"+type+"/groups/"+id+"/new"));}function handleOnClick(id){if(onClick){onClick(groupId||id);}else {hasSelectedGroup?history.push(baseRoute+"/new"):openEditor(id);}}};var MenuButton=_styled__default["default"](officeUiFabricReact.CommandBarButton).withConfig({displayName:"CreateNewItemButton__MenuButton",componentId:"sc-18o74g9-0"})(templateObject_1$3$1||(templateObject_1$3$1=__makeTemplateObject(["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  && {\n    background-color: ",";\n    &:hover {\n      background-color: ",";\n      i,\n      span {\n        color: ",";\n        background-color: transparent;\n      }\n    }\n\n    // the ms-fontColor on the button is not applied on the icons\n    i,\n    span {\n      color: ",";\n    }\n  }\n\n  height: 32px;\n  padding: 0 ","px;\n\n  i:first-child {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),function(p){return p.theme.semanticColors.primaryButtonBackground;},function(p){return p.theme.semanticColors.primaryButtonBackgroundHovered;},function(p){return p.theme.semanticColors.primaryButtonTextHovered;},function(p){return p.theme.semanticColors.primaryButtonText;},spacingS,spacingS);var StyledPrimaryButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"CreateNewItemButton__StyledPrimaryButton",componentId:"sc-18o74g9-1"})(templateObject_2$1$1||(templateObject_2$1$1=__makeTemplateObject(["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"],["\n  padding: 0 ","px;\n\n  i {\n    margin: 0 ","px 0 0;\n  }\n\n  span {\n    white-space: pre;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])),spacingS,spacingS);var templateObject_1$3$1,templateObject_2$1$1;function useEditorApi(){var api=useApi();var fetchFromApi=useApiFactory().fetchFromApi;var sendBeacon=useBeaconHandler();var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {cloneItem:cloneItem,getDeletedItems:getDeletedItems,getVersion:getVersion,getVersions:getVersions,deleteDraft:deleteDraft,deleteRange:deleteRange,deletePermanently:deletePermanently,bulkSetStatus:bulkSetStatus,setStatus:setStatus,removeLease:removeLease,keepLeaseAlive:keepLeaseAlive,saveItem:saveItem,updateGroups:updateGroups,translateContent:translateContent};function translateContent(itemId,translateFrom,translateTo){return api.all("editor/news/"+itemId+"/contents/"+translateFrom+"/translations?"+queryString.stringify({languages:translateTo})).getAll().then(function(response){return response.body(false);});}function updateGroups(itemType,itemId,groupIds){return api.custom("editor/"+itemType+"/"+itemId+"/groups").put(groupIds).then(function(response){return response.body().data();});}function cloneItem(itemType,itemId){return api.all("editor/"+itemType+"?"+queryString.stringify({cloneFromItem:itemId})).post({}).then(function(response){return response.body().data();});}function getDeletedItems(type,filter,token){var _a;var params=Object.assign({},__assign(__assign(__assign({},filter),getCommaSeparatedChannelsString((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items)),getCommaSeparatedKeywordsString(filter===null||filter===void 0?void 0:filter.keywords)),{token:token,pageSize:30});return api.all("editor/"+type+"/recyclebin").get('',params).then(function(res){return res.body().data();});}function getVersions(type,itemId){return from(api.all("editor/"+type+"/"+itemId+"/versions").getAll()).pipe(map(function(response){return response.body().map(function(group){return group.data();});}));}function getVersion(type,itemId,versionId){return api.all("editor/"+type+"/"+itemId+"/versions").get(versionId).then(function(response){return response.body().data();});}function deleteDraft(leaseId,itemId,type){var url="editor/"+type+"/"+itemId+"/draft";if(leaseId){url+="?leaseId="+leaseId;}return api.custom(url).delete();}function deleteRange(type,ids){var data=ids.map(function(id){return {id:id,status:WorkflowStatus.deleted};});return api.custom("editor/"+type).patch(data).then(function(response){return response.body().map(function(item){return item.data();});}).catch(function(){// set null as a result in case of error
 	return null;});}function deletePermanently(type,ids){var itemIds=ids.join(',');return api.custom("editor/"+type+"/recyclebin?"+queryString.stringify({itemIds:itemIds})).delete();}function bulkSetStatus(type,items){return api.custom("editor/"+type).patch(items).then(function(response){return response.body().map(function(item){return item.data();});});}function setStatus(type,itemId,status,leaseId){return __awaiter(this,void 0,void 0,function(){var path,response,ex_1;return __generator(this,function(_a){switch(_a.label){case 0:path="editor/"+type+"/"+itemId+"/status";if(leaseId!=null){path+='?'+queryString.stringify({leaseId:leaseId});}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,api.custom(path).put(status)];case 2:response=_a.sent();return [2/*return*/,response.body().data()];case 3:ex_1=_a.sent();throw ex_1.response.statusCode===409?{account:ex_1.response.data}:ex_1;case 4:return [2/*return*/];}});});}function removeLease(itemId,leaseId){return api.custom("editor/"+itemId+"/lease?"+queryString.stringify({leaseId:leaseId})).delete();}function keepLeaseAlive(itemId,leaseId,token,subscriptionId){var _this=this;var expireLeaseToken=token;// every 10 seconds
 	var timer=setInterval(function(){return __awaiter(_this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:// update the lease
 	return [4/*yield*/,api.custom("editor/"+itemId+"/lease").put({leaseId:leaseId})];case 1:// update the lease
 	_a.sent();return [4/*yield*/,onRequestToken()];case 2:// renew the access token
 	expireLeaseToken=_a.sent();return [2/*return*/];}});});},1000*10);return {cancel:function(){return clearInterval(timer);},destroy:function(){clearInterval(timer);sendBeacon("/editor/"+itemId+"/lease/delete",expireLeaseToken,subscriptionId,{leaseId:leaseId});}};}function saveItem(subscriptionId,type,item,createLease){if(createLease===void 0){createLease=true;}return from(onRequestToken()).pipe(switchMap(function(token){var config={method:item.id==null?'POST':'PUT',body:JSON.stringify(item),headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId,'Content-Type':'application/json'}};var basePath=type?'/editor/'+type:'/editor';var path=item.id==null?basePath:basePath+"/"+item.id;// note (sl): use custom fetch, since post/put with query string is annoying to build with restful.js
-	return fetchFromApi(path+"?createLease="+createLease.toString(),config);}),switchMap(function(response){if(response.status===409){return new Promise(function(_,reject){return response.json().then(function(account){if(account.userPrincipalName!=null){reject({account:account});}else {reject({status:response.status,error:response.statusText});}});});}else if(response.ok){return from(response.json());}else {return throwError({status:response.status,error:response.statusText});}}));}},[onRequestToken,api,fetchFromApi,sendBeacon]);}function useNewsEditorApi(){var api=useApi();var saveItem=useEditorApi().saveItem;return React$d.useMemo(function(){return {getNews:getNews,unpublish:unpublish,save:save};function getNews(newsId){return __awaiter(this,void 0,void 0,function(){var response,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,api.all('editor/news').get(newsId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();if(error_1.response&&error_1.response.statusCode===404){return [2/*return*/,null];}else {throw error_1;}case 4:return [2/*return*/];}});});}function unpublish(id,leaseId){var path=leaseId?"news/"+id+"?"+queryString.stringify({leaseId:leaseId}):"news/"+id;return from(api.custom(path).delete());}function save(item,subscriptionId){if(item.id==null){item.source='Condense';}return saveItem(subscriptionId,ItemResourceTypes.News,item);}},[api,saveItem]);}_styled__default["default"].div.withConfig({displayName:"GlobalSearchButton__Host",componentId:"sc-1c5dmlm-0"})(templateObject_1$2$1||(templateObject_1$2$1=__makeTemplateObject(["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"],["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"])),spacingM);var templateObject_1$2$1;_styled__default["default"].article.withConfig({displayName:"StreamList__Host",componentId:"sc-1rdkc01-0"})(templateObject_2$1A||(templateObject_2$1A=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"],["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"])),spacingM,function(p){return p.highlight&&_styled.css(templateObject_1$1$1||(templateObject_1$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "],["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])),spacingXs,p.theme.palette.accent);});var templateObject_1$1$1,templateObject_2$1A;function useNewsStreamDataLoader(filter){var _this=this;var client=useApolloClient();var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;return function(take,skip){return __awaiter(_this,void 0,void 0,function(){var variables,result,stream;var _a,_b,_c,_d;return __generator(this,function(_e){switch(_e.label){case 0:variables={take:take,skip:skip!==null&&skip!==void 0?skip:0};return [4/*yield*/,client.query({query:NEWS_QUERY(false,"\n            "+CHANNELS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.channels,channels)+"\n            "+KEYWORDS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.keywords)+"\n            "+OWNER_CONDITION(filter===null||filter===void 0?void 0:filter.owner)+"\n            "+PUBLISHING_DATE_CONDITION(filter===null||filter===void 0?void 0:filter.beforeDate,filter===null||filter===void 0?void 0:filter.afterDate)+"\n        "),fetchPolicy:'no-cache',variables:variables})];case 1:result=_e.sent();if(((_a=result===null||result===void 0?void 0:result.errors)===null||_a===void 0?void 0:_a.length)>0){logger.error(result.errors[0]);throw result.errors[0];}stream=(_b=result===null||result===void 0?void 0:result.data)===null||_b===void 0?void 0:_b.stream;return [2/*return*/,{items:convertProperties((_c=stream===null||stream===void 0?void 0:stream.items)!==null&&_c!==void 0?_c:[],user,channels),hasNextPage:(_d=stream===null||stream===void 0?void 0:stream.pageInfo)===null||_d===void 0?void 0:_d.hasNextPage,paginationToken:(skip!==null&&skip!==void 0?skip:0)+take}];}});});};}var NEWS_QUERY=function NEWS_QUERY(includeAllItems,whereConditions){if(whereConditions===void 0){whereConditions='';}return gql(templateObject_1$2o||(templateObject_1$2o=__makeTemplateObject(["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "],["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "])),includeAllItems,whereConditions);};var templateObject_1$2o;
+	return fetchFromApi(path+"?createLease="+createLease.toString(),config);}),switchMap(function(response){if(response.status===409){return new Promise(function(_,reject){return response.json().then(function(account){if(account.userPrincipalName!=null){reject({account:account});}else {reject({status:response.status,error:response.statusText});}});});}else if(response.ok){return from(response.json());}else {return throwError({status:response.status,error:response.statusText});}}));}},[onRequestToken,api,fetchFromApi,sendBeacon]);}function useNewsEditorApi(){var api=useApi();var saveItem=useEditorApi().saveItem;return React$d.useMemo(function(){return {getNews:getNews,unpublish:unpublish,save:save};function getNews(newsId){return __awaiter(this,void 0,void 0,function(){var response,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);return [4/*yield*/,api.all('editor/news').get(newsId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];case 3:error_1=_a.sent();if(error_1.response&&error_1.response.statusCode===404){return [2/*return*/,null];}else {throw error_1;}case 4:return [2/*return*/];}});});}function unpublish(id,leaseId){var path=leaseId?"news/"+id+"?"+queryString.stringify({leaseId:leaseId}):"news/"+id;return from(api.custom(path).delete());}function save(item,subscriptionId){if(item.id==null){item.source='Condense';}return saveItem(subscriptionId,ItemResourceTypes.News,item);}},[api,saveItem]);}_styled__default["default"].div.withConfig({displayName:"GlobalSearchButton__Host",componentId:"sc-1c5dmlm-0"})(templateObject_1$2$1||(templateObject_1$2$1=__makeTemplateObject(["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"],["\n  display: flex;\n  margin-top: ","px;\n  justify-content: center;\n"])),spacingM);var templateObject_1$2$1;_styled__default["default"].article.withConfig({displayName:"StreamList__Host",componentId:"sc-1rdkc01-0"})(templateObject_2$1A||(templateObject_2$1A=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"],["\n  position: relative;\n  margin-bottom: ","px;\n\n  ",";\n"])),spacingM,function(p){return p.highlight&&_styled.css(templateObject_1$1$1||(templateObject_1$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "],["\n      &::after {\n        content: '';\n        border-right-width: ","px;\n        border-right-color: ",";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])),spacingXs,p.theme.palette.accent);});var templateObject_1$1$1,templateObject_2$1A;function useNewsStreamDataLoader(filter){var _this=this;var client=useApolloClient();var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;return function(take,skip){return __awaiter(_this,void 0,void 0,function(){var variables,result,stream;var _a,_b,_c,_d,_e,_f;return __generator(this,function(_g){switch(_g.label){case 0:variables={take:take,skip:skip!==null&&skip!==void 0?skip:0};return [4/*yield*/,client.query({query:NEWS_QUERY(false,"\n            "+CHANNELS_CONDITION((_a=filter===null||filter===void 0?void 0:filter.channels)===null||_a===void 0?void 0:_a.items,channels,(_b=filter===null||filter===void 0?void 0:filter.channels)===null||_b===void 0?void 0:_b.operator)+"\n            "+KEYWORDS_OR_CONDITION(filter===null||filter===void 0?void 0:filter.keywords)+"\n            "+OWNER_CONDITION(filter===null||filter===void 0?void 0:filter.owner)+"\n            "+PUBLISHING_DATE_CONDITION(filter===null||filter===void 0?void 0:filter.beforeDate,filter===null||filter===void 0?void 0:filter.afterDate)+"\n            "+AUTHORS_CONDITION(filter===null||filter===void 0?void 0:filter.authors)+"\n        "),fetchPolicy:'no-cache',variables:variables})];case 1:result=_g.sent();if(((_c=result===null||result===void 0?void 0:result.errors)===null||_c===void 0?void 0:_c.length)>0){logger.error(result.errors[0]);throw result.errors[0];}stream=(_d=result===null||result===void 0?void 0:result.data)===null||_d===void 0?void 0:_d.stream;return [2/*return*/,{items:convertProperties((_e=stream===null||stream===void 0?void 0:stream.items)!==null&&_e!==void 0?_e:[],user,channels),hasNextPage:(_f=stream===null||stream===void 0?void 0:stream.pageInfo)===null||_f===void 0?void 0:_f.hasNextPage,paginationToken:(skip!==null&&skip!==void 0?skip:0)+take}];}});});};}var NEWS_QUERY=function NEWS_QUERY(includeAllItems,whereConditions){if(whereConditions===void 0){whereConditions='';}return gql(templateObject_1$2o||(templateObject_1$2o=__makeTemplateObject(["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "],["\n    query GetStream(\n      $skip: Int!\n      $take: Int!\n      $searchText: String\n      $unreadOnly: Boolean\n    ) {\n      stream(\n        searchText: $searchText\n        unreadOnly: $unreadOnly\n        order: [{ publishingDate: DESC }]\n        skip: $skip\n        take: $take\n        includeAllItems: ","\n        where: {\n          type: { eq: NEWS }\n          ","\n        }\n      ) {\n        items {\n          id: itemId\n          knownNewsState\n          type\n          contentsList: contents {\n            language\n            intro\n            headline\n            title\n            externalUrl\n            active\n          }\n          modified\n          publishingDate\n          permalink\n          channelsList: channels\n          author {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          owner {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          onBehalfOf {\n            userPrincipalName\n            displayName\n            id: userId\n          }\n          statistics {\n            commentCount\n            likeCount\n          }\n          metadata {\n            feedbackSettings {\n              feedbackOptions\n            }\n          }\n          bannerInfo {\n            type\n            imageId\n            videoId\n            videoUrl\n            videoSource\n            isDirectVideoUrl\n          }\n          fileAccessToken\n          keywordsList: keywords {\n            id\n            name\n            groupId\n            translations {\n              key\n              value\n            }\n          }\n          isUnread\n          hasNewComments\n          groupIds\n          useExternalContent\n        }\n        pageInfo {\n          hasNextPage\n        }\n      }\n    }\n  "])),includeAllItems,whereConditions);};var templateObject_1$2o;
 	var PublishableItemDetailViewContainer = function PublishableItemDetailViewContainer(_a) {
 	  var preventExternalContentAutoRedirect = _a.preventExternalContentAutoRedirect,
@@ -131797,9 +131797,9 @@
 	var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
 	  displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
 	  componentId: "sc-1v9a7tf-0"
-	})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
+	})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
-	var templateObject_1$q;
+	var templateObject_1$t;
 	var NewsItemContextProvider = function NewsItemContextProvider(_a) {
 	  var itemId = _a.itemId,
@@ -131835,7 +131835,7 @@
 	  }
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host$f, __assign$g({
+	    return jsxRuntime.jsx(Host$h, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemContextProvider, __assign$g({
@@ -131850,7 +131850,7 @@
 	    }), void 0);
 	  }
-	  return jsxRuntime.jsx(Host$f, __assign$g({
+	  return jsxRuntime.jsx(Host$h, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailInternal, {
@@ -131902,12 +131902,12 @@
 	  }, void 0);
 	};
-	var Host$f = _styled__default["default"].div.withConfig({
+	var Host$h = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetail__Host",
 	  componentId: "sc-6rz5th-0"
-	})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$l([""], [""])));
-	var templateObject_1$p;
+	var templateObject_1$s;
 	var anObject$2 = anObject$v;
@@ -132281,7 +132281,7 @@
 	      showDialog = _b[0],
 	      setShowDialog = _b[1];
-	  return jsxRuntime.jsxs(Host$e, {
+	  return jsxRuntime.jsxs(Host$g, {
 	    children: [jsxRuntime.jsx(Tooltip, __assign$g({
 	      resourceKey: "Pages.pagesTableOfContents"
 	    }, {
@@ -132306,11 +132306,11 @@
 	    }, void 0)]
 	  }, void 0);
 	};
-	var Host$e = _styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __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$f || (templateObject_2$f = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
+	var Host$g = _styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$l(["\n  && {\n    margin-top: ", "px;\n  }\n"], ["\n  && {\n    margin-top: ", "px;\n  }\n"])), spacingXs);
+	var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$o, templateObject_2$f;
+	var templateObject_1$r, templateObject_2$h;
 	var PageDetail = function PageDetail(props) {
 	  var routeMatch = ReactRouterDom.useRouteMatch();
@@ -132343,7 +132343,7 @@
 	    return null;
 	  }
-	  return jsxRuntime.jsx(Host$d, __assign$g({
+	  return jsxRuntime.jsx(Host$f, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132401,15 +132401,15 @@
 	  }, void 0);
 	};
-	var Host$d = _styled__default["default"].div.withConfig({
+	var Host$f = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__Host",
 	  componentId: "sc-22rpk8-0"
-	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$l([""], [""])));
 	var PageHeader = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__PageHeader",
 	  componentId: "sc-22rpk8-1"
-	})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
+	})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
 	var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132424,7 +132424,7 @@
 	var StyledPageBreadcrumb = _styled__default["default"](PageBreadcrumb).withConfig({
 	  displayName: "PageDetail__StyledPageBreadcrumb",
 	  componentId: "sc-22rpk8-2"
-	})(templateObject_3$d || (templateObject_3$d = __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$e || (templateObject_3$e = __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;
@@ -132463,8 +132463,8 @@
 	var StyledPagesDetailViewNavigation = _styled__default["default"](PagesDetailViewNavigation).withConfig({
 	  displayName: "PageDetail__StyledPagesDetailViewNavigation",
 	  componentId: "sc-22rpk8-3"
-	})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-	  return p.applyMarginTop && _styled.css(templateObject_4$b || (templateObject_4$b = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
+	})(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	  return p.applyMarginTop && _styled.css(templateObject_4$c || (templateObject_4$c = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
 	});
 	var InlinePageListWrapper = function InlinePageListWrapper() {
@@ -132481,7 +132481,7 @@
 	  return jsxRuntime.jsx(InlinePageList, {}, void 0);
 	};
-	var templateObject_1$n, templateObject_2$e, templateObject_3$d, templateObject_4$b, templateObject_5$8;
+	var templateObject_1$q, templateObject_2$g, templateObject_3$e, templateObject_4$c, templateObject_5$9;
 	var EventDetail = function EventDetail(_a) {
 	  var itemId = _a.itemId,
@@ -132496,7 +132496,7 @@
 	    return null;
 	  }
-	  return jsxRuntime.jsx(Host$c, __assign$g({
+	  return jsxRuntime.jsx(Host$e, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132546,29 +132546,29 @@
 	  }), void 0);
 	};
-	var Host$c = _styled__default["default"].div.withConfig({
+	var Host$e = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__Host",
 	  componentId: "sc-hrm4yl-0"
-	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
 	var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__EventDateAndRecurrenceInfo",
 	  componentId: "sc-hrm4yl-1"
-	})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+	})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
 	var DatesInfo = _styled__default["default"](EventDetailViewDatesInfo).withConfig({
 	  displayName: "EventDetail__DatesInfo",
 	  componentId: "sc-hrm4yl-2"
-	})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject$l(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacingM);
+	})(templateObject_3$d || (templateObject_3$d = __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$a || (templateObject_4$a = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
+	})(templateObject_4$b || (templateObject_4$b = __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$m, templateObject_2$d, templateObject_3$c, templateObject_4$a;
+	var templateObject_1$p, templateObject_2$f, templateObject_3$d, templateObject_4$b;
 	function useNewsItemClickHandler() {
 	  var user = useCurrentUserContext().user;
@@ -132691,7 +132691,7 @@
 	  var icon = getNewsCardIcon(item, intl);
 	  var preferredContentLanguage = getPreferredContentLanguage(user);
 	  var url = getExternalContentUrl(item, preferredContentLanguage);
-	  return jsxRuntime.jsxs(Host$b, __assign$g({
+	  return jsxRuntime.jsxs(Host$d, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Overlay, {
@@ -132754,34 +132754,34 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title, item.useExternalContent);
 	  }
 	};
-	var Host$b = _styled__default["default"].div.withConfig({
+	var Host$d = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Host",
 	  componentId: "sc-16ovog0-0"
-	})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
+	})(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
 	  return p.theme.palette.white;
 	});
-	var TextStyle = _styled.css(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
+	var TextStyle = _styled.css(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
 	var Inner$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Inner",
 	  componentId: "sc-16ovog0-1"
-	})(templateObject_3$b || (templateObject_3$b = __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$c || (templateObject_3$c = __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$9 || (templateObject_4$9 = __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$a || (templateObject_4$a = __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$7 || (templateObject_5$7 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
+	})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
 	var Intro$1 = _styled__default["default"].p.withConfig({
 	  displayName: "NewsCompactCard__Intro",
 	  componentId: "sc-16ovog0-4"
-	})(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);
+	})(templateObject_6$7 || (templateObject_6$7 = __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",
@@ -132855,10 +132855,10 @@
 	  });
 	});
-	var templateObject_1$l, templateObject_2$c, templateObject_3$b, templateObject_4$9, 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 templateObject_1$o, templateObject_2$e, templateObject_3$c, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
 	var EmptyNewsList = function EmptyNewsList() {
-	  return jsxRuntime.jsxs(Host$a, {
+	  return jsxRuntime.jsxs(Host$c, {
 	    children: [jsxRuntime.jsx(StyledIcon$3, {
 	      iconName: "News"
 	    }, void 0), jsxRuntime.jsx(Message, {
@@ -132869,22 +132869,22 @@
 	  }, void 0);
 	};
-	var Host$a = _styled__default["default"].div.withConfig({
+	var Host$c = _styled__default["default"].div.withConfig({
 	  displayName: "EmptyNewsList__Host",
 	  componentId: "sc-11ktr8s-0"
-	})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
+	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
 	var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "EmptyNewsList__StyledIcon",
 	  componentId: "sc-11ktr8s-1"
-	})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
+	})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
 	var Message = _styled__default["default"].p.withConfig({
 	  displayName: "EmptyNewsList__Message",
 	  componentId: "sc-11ktr8s-2"
-	})(templateObject_3$a || (templateObject_3$a = __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$b || (templateObject_3$b = __makeTemplateObject$l(["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"], ["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"])));
-	var templateObject_1$k, templateObject_2$b, templateObject_3$a;
+	var templateObject_1$n, templateObject_2$d, templateObject_3$b;
 	exports.ItemLayoutMode = void 0;
@@ -132982,7 +132982,7 @@
 	  var formatMessage = useIntl().formatMessage;
 	  var webAppUrl = useSubscriptionWebAppUrl();
 	  var handleClick = useNewsItemClickHandler();
-	  return jsxRuntime.jsx(Host$9, __assign$g({
+	  return jsxRuntime.jsx(Host$b, __assign$g({
 	    className: className
 	  }, {
 	    children: items.map(function (item) {
@@ -133047,34 +133047,34 @@
 	  }), void 0);
 	};
-	var Host$9 = _styled__default["default"].div.withConfig({
+	var Host$b = _styled__default["default"].div.withConfig({
 	  displayName: "NewsList__Host",
 	  componentId: "sc-1d0bzx1-0"
-	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l([""], [""])));
 	var CompactList = _styled__default["default"].ul.withConfig({
 	  displayName: "NewsList__CompactList",
 	  componentId: "sc-1d0bzx1-1"
-	})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
+	})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
 	var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
 	  displayName: "NewsList__StyledNewsItemTile",
 	  componentId: "sc-1d0bzx1-2"
-	})(templateObject_4$8 || (templateObject_4$8 = __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$9 || (templateObject_3$9 = __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$9 || (templateObject_4$9 = __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$a || (templateObject_3$a = __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$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) {
+	})(templateObject_5$7 || (templateObject_5$7 = __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$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
 	  return p.highlight && unreadCommentHighlight;
 	});
@@ -133090,7 +133090,7 @@
 	  return p.theme.palette.red;
 	}, spacingM);
-	var templateObject_1$j, templateObject_2$a, templateObject_3$9, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$3, templateObject_8$3;
+	var templateObject_1$m, templateObject_2$c, templateObject_3$a, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$3;
 	var ManageChannels = function ManageChannels(_a) {
 	  var className = _a.className;
@@ -133114,7 +133114,7 @@
 	    }, void 0);
 	  }
-	  return jsxRuntime.jsxs(Host$8, __assign$g({
+	  return jsxRuntime.jsxs(Host$a, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Title$2, {
@@ -133253,25 +133253,25 @@
 	  }
 	};
-	var Host$8 = _styled__default["default"].div.withConfig({
+	var Host$a = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__Host",
 	  componentId: "sc-yyoxfw-0"
-	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
+	})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
 	var Title$2 = _styled__default["default"].h3.withConfig({
 	  displayName: "ManageChannels__Title",
 	  componentId: "sc-yyoxfw-1"
-	})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+	})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 	var Description = _styled__default["default"].span.withConfig({
 	  displayName: "ManageChannels__Description",
 	  componentId: "sc-yyoxfw-2"
-	})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	})(templateObject_3$9 || (templateObject_3$9 = __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$7 || (templateObject_4$7 = __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$8 || (templateObject_4$8 = __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,
@@ -133310,12 +133310,12 @@
 	var ChannelHost = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__ChannelHost",
 	  componentId: "sc-yyoxfw-4"
-	})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_5$6 || (templateObject_5$6 = __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$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"])));
+	})(templateObject_6$5 || (templateObject_6$5 = __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",
@@ -133329,7 +133329,7 @@
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$i, templateObject_2$9, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$2;
+	var templateObject_1$l, templateObject_2$b, templateObject_3$9, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$2, templateObject_8$2;
 	var NewsGridCard = function NewsGridCard(_a) {
 	  var _b;
@@ -133360,7 +133360,7 @@
 	  var channels = newsItem.channels;
 	  var userLanguage = getPreferredContentLanguage(user);
 	  var icon = getNewsCardIcon(item, intl);
-	  return jsxRuntime.jsxs(Host$7, __assign$g({
+	  return jsxRuntime.jsxs(Host$9, __assign$g({
 	    className: className,
 	    showHighlight: !!user.unreadNews.find(function (n) {
 	      return n.itemId === item.id;
@@ -133436,19 +133436,19 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title);
 	  }
 	};
-	var Host$7 = _styled__default["default"].div(templateObject_2$8 || (templateObject_2$8 = __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$h || (templateObject_1$h = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
+	var Host$9 = _styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"])), function (p) {
+	  return p.showHighlight && _styled.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
 	});
-	var BannerHighlightStyle = _styled.css(templateObject_3$7 || (templateObject_3$7 = __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$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"], ["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"])), spacingXs, function (p) {
 	  return p.theme.palette.accent;
 	});
-	var Content$1 = _styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __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$7 || (templateObject_4$7 = __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$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 MetaInfo = _styled__default["default"].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	var DateAndIcon = _styled__default["default"].div(templateObject_6$4 || (templateObject_6$4 = __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) {
@@ -133464,24 +133464,24 @@
 	  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$h, templateObject_2$8, templateObject_3$7, templateObject_4$6, 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 templateObject_1$k, templateObject_2$a, templateObject_3$8, templateObject_4$7, templateObject_5$5, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
 	var ErrorContainer = function ErrorContainer() {
-	  return jsxRuntime.jsx(Host$6, {
+	  return jsxRuntime.jsx(Host$8, {
 	    children: jsxRuntime.jsx(FormattedMessage$1, {
 	      id: "NewsList.error"
 	    }, void 0)
 	  }, void 0);
 	};
-	var Host$6 = _styled__default["default"].p.withConfig({
+	var Host$8 = _styled__default["default"].p.withConfig({
 	  displayName: "ErrorContainer__Host",
 	  componentId: "sc-499uwc-0"
-	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
+	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
 	  return p.theme.palette.red;
 	}, spacingM);
-	var templateObject_1$g;
+	var templateObject_1$j;
 	var NewsGrid = function NewsGrid(_a) {
 	  var filter = _a.filter,
@@ -133524,7 +133524,7 @@
 	    return jsxRuntime.jsx(EmptyNewsList, {}, void 0);
 	  }
-	  return jsxRuntime.jsxs(Host$5, {
+	  return jsxRuntime.jsxs(Host$7, {
 	    children: [jsxRuntime.jsx(Inner$1, __assign$g({
 	      className: className,
 	      columnCount: columnCount
@@ -133565,26 +133565,26 @@
 	  }
 	};
-	var Host$5 = _styled__default["default"].div.withConfig({
+	var Host$7 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Host",
 	  componentId: "sc-8ugpfz-0"
-	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l([""], [""])));
 	var Inner$1 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Inner",
 	  componentId: "sc-8ugpfz-1"
-	})(templateObject_3$6 || (templateObject_3$6 = __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$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
+	  return _styled.css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
 	});
 	_styled__default["default"](NewsGridCard).withConfig({
 	  displayName: "NewsGrid__IELegacyGridCard",
 	  componentId: "sc-8ugpfz-2"
-	})(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$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
+	})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$l(["\n  margin: ", "px;\n  ", ";\n"], ["\n  margin: ", "px;\n  ", ";\n"])), spacingM / 2, function (p) {
+	  return _styled.css(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
 	});
-	var templateObject_1$f, templateObject_2$7, templateObject_3$6, templateObject_4$5, templateObject_5$3;
+	var templateObject_1$i, templateObject_2$9, templateObject_3$7, templateObject_4$6, templateObject_5$4;
 	var HeroSlide = function HeroSlide(_a) {
 	  var item = _a.item,
@@ -133620,7 +133620,7 @@
 	  var showHeadline = features.contentHeadline && headline != null;
 	  var hostWidth = typeof width === 'number' ? width + "px" : width;
 	  var hostHeight = typeof height === 'number' ? height + "px" : height;
-	  return jsxRuntime.jsxs(Host$4, __assign$g({
+	  return jsxRuntime.jsxs(Host$6, __assign$g({
 	    showBorder: !hasBanner,
 	    applyOverlay: hasImageBanner,
 	    width: hostWidth,
@@ -133725,17 +133725,17 @@
 	  }
 	};
-	var Host$4 = _styled__default["default"].div.withConfig({
+	var Host$6 = _styled__default["default"].div.withConfig({
 	  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$e || (templateObject_1$e = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
+	  return p.width ? _styled.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
 	}, function (p) {
-	  return p.height ? _styled.css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
+	  return p.height ? _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
 	}, function (p) {
-	  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);
+	  return p.showBorder && _styled.css(templateObject_5$3 || (templateObject_5$3 = __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_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    "])));
+	  return p.applyOverlay && _styled.css(templateObject_6$3 || (templateObject_6$3 = __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({
@@ -133849,70 +133849,50 @@
 	  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$e, templateObject_2$6, templateObject_3$5, templateObject_4$4, 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 templateObject_1$h, templateObject_2$8, templateObject_3$6, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
 	var HeroPaging = function HeroPaging(_a) {
 	  var items = _a.items,
 	      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 containerWidth = frameWidth - 60; // margins are extracted
-	  var _b = React$d.useState(false),
-	      showArrows = _b[0],
-	      setShowArrows = _b[1];
+	  var maxVisibleItems = Math.floor(containerWidth / 150); // 150 - min-width + gap
-	  var _c = React$d.useState(0),
-	      startIndex = _c[0],
-	      setStartIndex = _c[1];
+	  var hasOverflow = items.length > maxVisibleItems;
+	  var visibleItemsCount = hasOverflow ? maxVisibleItems : items.length;
+	  var showArrows = hasOverflow;
-	  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
+	  var _b = React$d.useState(0),
+	      startIndex = _b[0],
+	      setStartIndex = _b[1]; // reset the active slide - ensure the first slide is active when resizing
-	    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
+	  React$d.useEffect(function () {
+	    return showItemsStartingAtIndex(0);
 	  }, [frameWidth]);
 	  React$d.useEffect(function () {
 	    if (!autoplay || !showArrows) {
 	      return;
-	    } // ensure first paging button is marked as active when first slide becomes active again
+	    } // update the visible paging buttons when currentSlide's paging button is outside the visible area
-	    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);
+	    if (currentSlide === startIndex + visibleItemsCount) {
+	      showItemsStartingAtIndex(startIndex + visibleItemsCount);
 	    }
-	  }, [currentSlide, autoplay, showArrows]);
-	  var pagingItems = items.map(function (i) {
-	    return {
-	      title: getTitle(i.item, user, formatMessage),
-	      id: i.item.id
-	    };
-	  });
+	  }, [currentSlide, autoplay]);
 	  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, {
+	    children: [showArrows && jsxRuntime.jsx(PagingArrow, {
 	      iconProps: {
 	        iconName: 'ChevronLeft',
 	        style: {
@@ -133920,24 +133900,23 @@
 	        }
 	      },
 	      onClick: function () {
-	        return handleVisiblePagingItems(startIndex - visibleItemsLength);
+	        return showItemsStartingAtIndex(startIndex - visibleItemsCount);
 	      },
 	      color: pagingColor,
 	      "data-paging-back": true
 	    }, void 0), jsxRuntime.jsx(Paging, {
-	      children: pagingItems.map(function (item, index) {
+	      children: getItems().map(function (item) {
 	        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
+	            'paging-item--visible': true
 	          }),
-	          visibleItemsLength: showArrows ? visibleItemsLength : null
+	          visibleItemsLength: showArrows ? visibleItemsCount : null
 	        }, {
 	          children: jsxRuntime.jsx(PagingButton, __assign$g({
 	            onClick: function () {
-	              return goToSlide(index);
+	              return goToSlide(item.allItemsIndex);
 	            },
 	            color: pagingColor
 	          }, {
@@ -133945,7 +133924,7 @@
 	          }), void 0)
 	        }), item.id);
 	      })
-	    }, void 0), showArrows && startIndex < slideCount - visibleItemsLength && jsxRuntime.jsx(PagingArrow, {
+	    }, void 0), showArrows && jsxRuntime.jsx(PagingArrow, {
 	      iconProps: {
 	        iconName: 'ChevronRight',
 	        style: {
@@ -133953,53 +133932,71 @@
 	        }
 	      },
 	      onClick: function () {
-	        return handleVisiblePagingItems(startIndex + visibleItemsLength);
+	        return showItemsStartingAtIndex(startIndex + visibleItemsCount);
 	      },
 	      color: pagingColor,
 	      "data-paging-next": true
 	    }, void 0)]
 	  }), void 0);
-	  function handleVisiblePagingItems(index) {
-	    setStartIndex(index);
-	    goToSlide(index);
+	  function showItemsStartingAtIndex(newFirstVisibleItemIndex) {
+	    setStartIndex(newFirstVisibleItemIndex);
+	    goToSlide(getWrappedIndex(newFirstVisibleItemIndex, items.length));
 	  }
-	  function reset() {
-	    handleVisiblePagingItems(0);
+	  function getItems() {
+	    var displayedItems = [];
+	    for (var count = 0; count < visibleItemsCount; count++) {
+	      var itemsIndex = getWrappedIndex(startIndex + count, items.length);
+	      var heroItem = items[itemsIndex];
+	      displayedItems.push({
+	        title: getTitle(heroItem.item, user, formatMessage),
+	        id: heroItem.item.id,
+	        allItemsIndex: itemsIndex
+	      });
+	    }
+	    return displayedItems;
 	  }
 	};
+	function getWrappedIndex(index, max) {
+	  // returns a number which is always between 0 and `max`, mimicking a circular array
+	  // the two-part modulo accounts for negative numbers as well as positive.
+	  return (index % max + max) % max;
+	}
 	var PagingHost = _styled__default["default"].div.withConfig({
 	  displayName: "HeroPaging__PagingHost",
 	  componentId: "sc-1y3j8qb-0"
-	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
 	var Paging = _styled__default["default"].ul.withConfig({
 	  displayName: "HeroPaging__Paging",
 	  componentId: "sc-1y3j8qb-1"
-	})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"], ["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"])), spacingM);
+	})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"], ["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"])), spacingM);
 	var PagingItem = _styled__default["default"].li.withConfig({
 	  displayName: "HeroPaging__PagingItem",
 	  componentId: "sc-1y3j8qb-2"
-	})(templateObject_4$3 || (templateObject_4$3 = __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$4 || (templateObject_3$4 = __makeTemplateObject$l(["\n      max-width: calc(100% / ", " - 10px);\n    "], ["\n      max-width: calc(100% / ", " - 10px);\n    "])), p.visibleItemsLength);
+	})(templateObject_4$4 || (templateObject_4$4 = __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$5 || (templateObject_3$5 = __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) {
+	})(templateObject_5$2 || (templateObject_5$2 = __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"])));
+	})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"], ["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"])));
-	var templateObject_1$d, templateObject_2$5, templateObject_3$4, templateObject_4$3, templateObject_5$1, templateObject_6$1;
+	var templateObject_1$g, templateObject_2$7, templateObject_3$5, templateObject_4$4, templateObject_5$2, templateObject_6$2;
 	var Hero = function Hero(_a) {
 	  var items = _a.items,
@@ -134066,11 +134063,13 @@
 	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
 	  displayName: "Hero__StyledCarousel",
 	  componentId: "sc-55ys37-0"
-	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"], ["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"])), spacingL, spacingL);
+	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"], ["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging--hidden {\n    display: none;\n  }\n"])), spacingL, spacingL);
-	var templateObject_1$c;
+	var templateObject_1$f;
 	var NewsHero = function NewsHero(_a) {
+	  var _b;
 	  var filter = _a.filter,
 	      disableAutoplay = _a.disableAutoplay,
 	      autoplayInterval = _a.autoplayInterval,
@@ -134080,15 +134079,21 @@
 	  var defaultPageSize = 5;
 	  var webAppUrl = useSubscriptionWebAppUrl();
 	  var buildPath = useSubscriptionHandlePathBuilder().buildPath;
-	  var dataLoader = useNewsStreamDataLoader(filter);
+	  var dataLoader = useNewsStreamDataLoader(filter && {
+	    channels: {
+	      items: filter.channels
+	    },
+	    keywords: filter.keywords,
+	    pageSize: (_b = filter.pageSize) !== null && _b !== void 0 ? _b : defaultPageSize
+	  });
-	  var _b = usePromise$2(loadNewsItems),
-	      items = _b[0],
-	      isLoading = _b[1];
+	  var _c = usePromise$2(loadNewsItems),
+	      items = _c[0],
+	      isLoading = _c[1];
-	  var _c = React$d.useContext(ThemeContext$1).theme,
-	      palette = _c.palette,
-	      textColors = _c.textColors;
+	  var _d = React$d.useContext(ThemeContext$1).theme,
+	      palette = _d.palette,
+	      textColors = _d.textColors;
 	  var user = useCurrentUserContext().user;
 	  var userLanguage = getPreferredContentLanguage(user);
 	  var formatMessage = useIntl().formatMessage;
@@ -134200,9 +134205,9 @@
 	var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
 	  displayName: "NewsHero__StyledChannels",
 	  componentId: "sc-i9ar0j-0"
-	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
+	})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
-	var templateObject_1$b;
+	var templateObject_1$e;
 	// a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
@@ -134370,7 +134375,7 @@
 	var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
 	  displayName: "GroupsDropdown__StyledDropdown",
 	  componentId: "sc-cmsnyu-0"
-	})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"], ["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
+	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"], ["\n  ", "\n\n  margin-bottom: ", "px;\n  width: 200px;\n  min-width: 200px;\n  padding: 0;\n\n  &&&,\n  &&&:hover,\n  .ms-Dropdown,\n  .ms-Dropdown-title,\n  .ms-Dropdown-caretDownWrapper {\n    color: ", " !important;\n  }\n\n  .ms-Dropdown-title {\n    background-color: ", ";\n    i {\n      font-size: ", "px;\n      margin: 0 ", "px 0 0;\n    }\n  }\n\n  .ms-Dropdown-caretDownWrapper {\n    top: 0;\n\n    & > i {\n      color: ", " !important;\n    }\n  }\n"])), ToolbarNoBorderDropdownStyles, spacingXs, function (p) {
 	  return p.theme.textColors.onAccent;
 	}, function (p) {
 	  return p.theme.palette.accent;
@@ -134381,16 +134386,16 @@
 	var DropdownOption = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__DropdownOption",
 	  componentId: "sc-cmsnyu-1"
-	})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
+	})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
 	var Title = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__Title",
 	  componentId: "sc-cmsnyu-2"
-	})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$l(["\n  display: inline-flex;\n  width: 100%;\n\n  > i {\n    margin-left: ", "px;\n    margin-right: ", "px;\n  }\n\n  > span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n"], ["\n  display: inline-flex;\n  width: 100%;\n\n  > i {\n    margin-left: ", "px;\n    margin-right: ", "px;\n  }\n\n  > span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n"])), spacingS, spacingS + 8);
+	})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$l(["\n  display: inline-flex;\n  width: 100%;\n\n  > i {\n    margin-left: ", "px;\n    margin-right: ", "px;\n  }\n\n  > span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n"], ["\n  display: inline-flex;\n  width: 100%;\n\n  > i {\n    margin-left: ", "px;\n    margin-right: ", "px;\n  }\n\n  > span {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n"])), spacingS, spacingS + 8);
-	var GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$l(["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"], ["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"])), spacingS);
+	var GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"], ["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"])), spacingS);
-	var templateObject_1$a, templateObject_2$4, templateObject_3$3, templateObject_4$2;
+	var templateObject_1$d, templateObject_2$6, templateObject_3$4, templateObject_4$3;
 	var TaskButton = function TaskButton(_a) {
 	  var count = _a.count,
@@ -134432,9 +134437,9 @@
 	var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "TaskButton__ToggleButton",
 	  componentId: "sc-8eylsw-0"
-	})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"], ["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
+	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l(["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"], ["\n  border-radius: 0;\n  padding: 0 ", "px;\n  margin-bottom: ", "px;\n  font-size: ", "px;\n  user-select: none;\n  height: ", "px;\n\n  display: flex;\n  align-items: center;\n\n  svg {\n    margin-right: ", "px;\n  }\n"])), spacingS, spacingXs, fontSizeSmall, spacingL + 2, spacingS);
-	var templateObject_1$9;
+	var templateObject_1$c;
 	var TaskButtons = function TaskButtons(_a) {
 	  var type = _a.type,
@@ -134452,7 +134457,7 @@
 	    return null;
 	  }
-	  return jsxRuntime.jsxs(Host$3, __assign$g({
+	  return jsxRuntime.jsxs(Host$5, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(TaskButton, {
@@ -134497,12 +134502,12 @@
 	  }), void 0);
 	};
-	var Host$3 = _styled__default["default"].div.withConfig({
+	var Host$5 = _styled__default["default"].div.withConfig({
 	  displayName: "TaskButtons__Host",
 	  componentId: "sc-sw0zei-0"
-	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"])));
+	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  button {\n    border: 1px solid #808080;\n\n    &:not(:first-child) {\n      border-left: none;\n    }\n  }\n"])));
-	var templateObject_1$8;
+	var templateObject_1$b;
 	var NewArticleButton = function NewArticleButton(_a) {
 	  var groupId = _a.groupId,
@@ -134644,34 +134649,34 @@
 	    }).length;
 	  }
 	};
-	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"], ["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"])), spacingXs);
+	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"], ["\n  .ms-MessageBar {\n    margin-bottom: ", "px;\n  }\n  .ms-MessageBar-text {\n    flex: 1 1 0%;\n  }\n"])), spacingXs);
 	var StyledEditorListItem = _styled__default["default"](EditorListItem).withConfig({
 	  displayName: "NewsEditorDashboard__StyledEditorListItem",
 	  componentId: "sc-vv9dzu-0"
-	})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS + 5);
+	})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  :not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS + 5);
 	var FiltersAndButtons = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__FiltersAndButtons",
 	  componentId: "sc-vv9dzu-1"
-	})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  margin-bottom: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), spacingX);
+	})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  margin-bottom: ", "px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])), spacingX);
 	var EditorList = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__EditorList",
 	  componentId: "sc-vv9dzu-2"
-	})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$l([""], [""])));
 	var Filters = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__Filters",
 	  componentId: "sc-vv9dzu-3"
-	})(templateObject_5 || (templateObject_5 = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"])), spacingM);
+	})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"])), spacingM);
 	var StyledNewArticleButton = _styled__default["default"](NewArticleButton).withConfig({
 	  displayName: "NewsEditorDashboard__StyledNewArticleButton",
 	  componentId: "sc-vv9dzu-4"
-	})(templateObject_6 || (templateObject_6 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"])), spacingXs);
+	})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"])), spacingXs);
-	var templateObject_1$7, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5, templateObject_6;
+	var templateObject_1$a, templateObject_2$5, templateObject_3$3, templateObject_4$2, templateObject_5$1, templateObject_6$1;
 	// NOTE: This component exists in this project and not in the ui/common/toolbar because it uses DetailViewContext placed in feature/content/
 	// Also a generic component `ToolbarLanguageSelector` in ui/common/toolbar complicates the flow and requires some code duplication
@@ -134712,9 +134717,9 @@
 	var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
 	  displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
 	  componentId: "sc-1xe5l19-0"
-	})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), fontSizeNormal);
+	})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), fontSizeNormal);
-	var templateObject_1$6;
+	var templateObject_1$9;
 	var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
 	  var onClick = _a.onClick;
@@ -134810,7 +134815,7 @@
 	  }
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host$2, __assign$g({
+	    return jsxRuntime.jsx(Host$4, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemPreviewContextProvider, __assign$g({
@@ -134822,7 +134827,7 @@
 	    }), void 0);
 	  }
-	  return jsxRuntime.jsx(Host$2, __assign$g({
+	  return jsxRuntime.jsx(Host$4, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailPreviewInternal, {}, void 0)
@@ -134837,12 +134842,12 @@
 	  }), void 0);
 	};
-	var Host$2 = _styled__default["default"].div.withConfig({
+	var Host$4 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetailPreview__Host",
 	  componentId: "sc-17gmqax-0"
-	})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l([""], [""])));
-	var templateObject_1$5;
+	var templateObject_1$8;
 	var FilterContext = /*#__PURE__*/React$d.createContext(null);
 	var FilterContextProvider = function FilterContextProvider(_a) {
@@ -134867,18 +134872,18 @@
 	    filter: filter,
 	    onChange: onChange
 	  }, {
-	    children: jsxRuntime.jsx(Host$1, {
+	    children: jsxRuntime.jsx(Host$3, {
 	      children: children
 	    }, void 0)
 	  }), void 0);
 	};
-	var Host$1 = _styled__default["default"].div.withConfig({
+	var Host$3 = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarFilterPanel__Host",
 	  componentId: "sc-118p488-0"
-	})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-	var templateObject_1$4;
+	var templateObject_1$7;
 	var ToolbarFilterCalloutButton = function ToolbarFilterCalloutButton(_a) {
 	  var buttonText = _a.buttonText,
@@ -134921,7 +134926,7 @@
 	        }
 	      }
 	    }, {
-	      children: jsxRuntime.jsxs(Host, {
+	      children: jsxRuntime.jsxs(Host$2, {
 	        children: [children, jsxRuntime.jsx(ClearFilterButton, {
 	          text: "Clear filter",
 	          iconProps: {
@@ -134934,40 +134939,94 @@
 	  }), void 0);
 	};
-	var Host = _styled__default["default"].div.withConfig({
+	var Host$2 = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarFilterCalloutButton__Host",
 	  componentId: "sc-fu36ma-0"
-	})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+	})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 	var Button = _styled__default["default"](ActionButton).withConfig({
 	  displayName: "ToolbarFilterCalloutButton__Button",
 	  componentId: "sc-fu36ma-1"
-	})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$l(["\n  ", "\n  i {\n    order: 1;\n  }\n"], ["\n  ", "\n  i {\n    order: 1;\n  }\n"])), function (p) {
-	  return p.isActive && _styled.css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
+	})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n  ", "\n  i {\n    order: 1;\n  }\n"], ["\n  ", "\n  i {\n    order: 1;\n  }\n"])), function (p) {
+	  return p.isActive && _styled.css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
 	});
 	var ClearFilterButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "ToolbarFilterCalloutButton__ClearFilterButton",
 	  componentId: "sc-fu36ma-2"
-	})(templateObject_4 || (templateObject_4 = __makeTemplateObject$l(["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"], ["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"])));
+	})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l(["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"], ["\n  margin-left: auto;\n\n  .ms-Button-label {\n    font-weight: normal;\n  }\n"])));
+	var templateObject_1$6, templateObject_2$4, templateObject_3$2, templateObject_4$1;
+	var FilterLogicalOperators = function FilterLogicalOperators(_a) {
+	  var onChange = _a.onChange,
+	      selectedKey = _a.selectedKey,
+	      ariaLabelResourceKey = _a.ariaLabelResourceKey;
+	  var formatMessage = useIntl().formatMessage;
+	  return jsxRuntime.jsx(StyledChoiceGroup, {
+	    options: [{
+	      key: 'and',
+	      text: formatMessage({
+	        id: 'Generic.and'
+	      }),
+	      onRenderField: function (props, render) {
+	        return jsxRuntime.jsx(Operator, {
+	          children: render(props)
+	        }, void 0);
+	      }
+	    }, {
+	      key: 'or',
+	      text: formatMessage({
+	        id: 'Generic.or'
+	      }),
+	      onRenderField: function (props, render) {
+	        return jsxRuntime.jsx(Operator, {
+	          children: render(props)
+	        }, void 0);
+	      }
+	    }],
+	    selectedKey: selectedKey || 'or',
+	    onChange: function (_, o) {
+	      return onChange(o.key);
+	    },
+	    styles: {
+	      flexContainer: {
+	        display: 'flex'
+	      }
+	    },
+	    "aria-label": ariaLabelResourceKey && formatMessage({
+	      id: ariaLabelResourceKey
+	    })
+	  }, void 0);
+	};
-	var templateObject_1$3, templateObject_2$2, templateObject_3$1, templateObject_4;
+	var StyledChoiceGroup = _styled__default["default"](ChoiceGroup).withConfig({
+	  displayName: "FilterLogicalOperators__StyledChoiceGroup",
+	  componentId: "sc-10bpjo8-0"
+	})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n\n  .ms-ChoiceField {\n    margin-right: ", "px;\n  }\n"], ["\n  margin-bottom: ", "px;\n\n  .ms-ChoiceField {\n    margin-right: ", "px;\n  }\n"])), spacingM, spacingM);
+	var Operator = _styled__default["default"].span.withConfig({
+	  displayName: "FilterLogicalOperators__Operator",
+	  componentId: "sc-10bpjo8-1"
+	})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n  text-transform: capitalize;\n"], ["\n  text-transform: capitalize;\n"])));
+	var templateObject_1$5, templateObject_2$3;
 	var ChannelFilter = function ChannelFilter(_a) {
-	  var _b, _c;
+	  var _b, _c, _d, _f, _g;
 	  var channels = _a.channels;
 	  var user = useCurrentUser();
 	  var formatMessage = useIntl().formatMessage;
 	  var allChannels = React$d.useContext(LazySubscriptionContext).channels;
-	  var _d = React$d.useContext(FilterContext),
-	      filter = _d.filter,
-	      onChange = _d.onChange;
+	  var _h = React$d.useContext(FilterContext),
+	      filter = _h.filter,
+	      onChange = _h.onChange;
-	  var _f = React$d.useState(''),
-	      channelSearchTerm = _f[0],
-	      setChannelSearchTerm = _f[1];
+	  var _j = React$d.useState(''),
+	      channelSearchTerm = _j[0],
+	      setChannelSearchTerm = _j[1];
 	  var availableChannels = (_b = channels === null || channels === void 0 ? void 0 : channels.map(function (c) {
 	    return allChannels.find(function (channel) {
@@ -134976,7 +135035,7 @@
 	  }).filter(function (c) {
 	    return !!c;
 	  })) !== null && _b !== void 0 ? _b : allChannels;
-	  var channelsFromFilter = (_c = filter === null || filter === void 0 ? void 0 : filter.channels) !== null && _c !== void 0 ? _c : [];
+	  var channelsFromFilter = (_d = (_c = filter === null || filter === void 0 ? void 0 : filter.channels) === null || _c === void 0 ? void 0 : _c.items) !== null && _d !== void 0 ? _d : [];
 	  var channelsLength = channelsFromFilter.length;
 	  return jsxRuntime.jsxs(ToolbarFilterCalloutButton, __assign$g({
 	    isActive: channelsLength > 0,
@@ -134986,7 +135045,11 @@
 	    }),
 	    buttonContent: getButtonContent()
 	  }, {
-	    children: [jsxRuntime.jsx(StyledTextField, {
+	    children: [jsxRuntime.jsx(FilterLogicalOperators, {
+	      selectedKey: (_g = (_f = filter === null || filter === void 0 ? void 0 : filter.channels) === null || _f === void 0 ? void 0 : _f.operator) === null || _g === void 0 ? void 0 : _g.toString(),
+	      onChange: handleOperatorChange,
+	      ariaLabelResourceKey: "Lib.channelFilter.choiceGroupLabel"
+	    }, void 0), jsxRuntime.jsx(StyledTextField$1, {
 	      placeholder: formatMessage({
 	        id: 'Generic.search'
 	      }),
@@ -135003,7 +135066,7 @@
 	        return (_a = getChannelDisplayName(availableChannels, c, user)) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(channelSearchTerm);
 	      }).map(function (c) {
 	        var checked = isChannelSelected(c);
-	        return jsxRuntime.jsx(StyledCheckbox, {
+	        return jsxRuntime.jsx(StyledCheckbox$1, {
 	          onRenderLabel: function () {
 	            return jsxRuntime.jsx(ChannelTitle, {
 	              channel: c,
@@ -135039,7 +135102,9 @@
 	      return c !== channel.name;
 	    });
 	    onChange(__assign$g(__assign$g({}, filter), {
-	      channels: newChannels
+	      channels: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.channels), {
+	        items: newChannels
+	      })
 	    }));
 	  }
@@ -135054,6 +135119,14 @@
 	      return c === channel.name;
 	    }) > -1;
 	  }
+	  function handleOperatorChange(operatorKey) {
+	    onChange(__assign$g(__assign$g({}, filter), {
+	      channels: __assign$g(__assign$g({}, filter === null || filter === void 0 ? void 0 : filter.channels), {
+	        operator: operatorKey === 'and' ? LogicalOperator.And : LogicalOperator.Or
+	      })
+	    }));
+	  }
 	};
 	var channelRowHeight = 36;
 	var visibleChannels = 8;
@@ -135061,19 +135134,19 @@
 	var Channels = _styled__default["default"].div.withConfig({
 	  displayName: "ChannelFilter__Channels",
 	  componentId: "sc-1ju8xwz-0"
-	})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"], ["\n  margin-bottom: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"])), spacingM, channelRowHeight * visibleChannels);
+	})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"], ["\n  margin-bottom: ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"])), spacingM, channelRowHeight * visibleChannels);
-	var StyledCheckbox = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
+	var StyledCheckbox$1 = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
 	  displayName: "ChannelFilter__StyledCheckbox",
 	  componentId: "sc-1ju8xwz-1"
-	})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"], ["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"])), spacingS - 2);
+	})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"], ["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"])), spacingS - 2);
-	var StyledTextField = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
+	var StyledTextField$1 = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
 	  displayName: "ChannelFilter__StyledTextField",
 	  componentId: "sc-1ju8xwz-2"
-	})(templateObject_3 || (templateObject_3 = __makeTemplateObject$l(["\n  padding-bottom: ", "px;\n"], ["\n  padding-bottom: ", "px;\n"])), spacingM);
+	})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$l(["\n  padding-bottom: ", "px;\n"], ["\n  padding-bottom: ", "px;\n"])), spacingM);
-	var templateObject_1$2, templateObject_2$1, templateObject_3;
+	var templateObject_1$4, templateObject_2$2, templateObject_3$1;
 	function toInteger(dirtyNumber) {
 	  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -137987,16 +138060,16 @@
 	var StyledDateTimePicker = _styled__default["default"](DateTimePicker).withConfig({
 	  displayName: "PublishingDateFilter__StyledDateTimePicker",
 	  componentId: "sc-zv88cu-0"
-	})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingS);
+	})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingS);
 	var DateShortcuts = _styled__default["default"].div.withConfig({
 	  displayName: "PublishingDateFilter__DateShortcuts",
 	  componentId: "sc-zv88cu-1"
-	})(templateObject_2 || (templateObject_2 = __makeTemplateObject$l(["\n  margin: ", "px 0;\n  display: flex;\n  flex-direction: column;\n\n  button {\n    height: ", "px;\n    padding-left: 0;\n    .ms-Button-label {\n      color: ", ";\n      font-weight: bold;\n    }\n    i {\n      margin-left: 0;\n    }\n  }\n"], ["\n  margin: ", "px 0;\n  display: flex;\n  flex-direction: column;\n\n  button {\n    height: ", "px;\n    padding-left: 0;\n    .ms-Button-label {\n      color: ", ";\n      font-weight: bold;\n    }\n    i {\n      margin-left: 0;\n    }\n  }\n"])), spacingS, spacingL, function (p) {
+	})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n  margin: ", "px 0;\n  display: flex;\n  flex-direction: column;\n\n  button {\n    height: ", "px;\n    padding-left: 0;\n    .ms-Button-label {\n      color: ", ";\n      font-weight: bold;\n    }\n    i {\n      margin-left: 0;\n    }\n  }\n"], ["\n  margin: ", "px 0;\n  display: flex;\n  flex-direction: column;\n\n  button {\n    height: ", "px;\n    padding-left: 0;\n    .ms-Button-label {\n      color: ", ";\n      font-weight: bold;\n    }\n    i {\n      margin-left: 0;\n    }\n  }\n"])), spacingS, spacingL, function (p) {
 	  return p.theme.palette.themePrimary;
 	});
-	var templateObject_1$1, templateObject_2;
+	var templateObject_1$3, templateObject_2$1;
 	var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
 	  var onClick = _a.onClick;
@@ -138065,9 +138138,259 @@
 	var StyledKeywordPicker = _styled__default["default"](KeywordPicker).withConfig({
 	  displayName: "KeywordsFilter__StyledKeywordPicker",
 	  componentId: "sc-1aoeg5i-0"
-	})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n  margin-bottom: 20px;\n\n  .keyword-picker-tree div:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  margin-bottom: 20px;\n\n  .keyword-picker-tree div:last-child {\n    margin-bottom: 0;\n  }\n"])));
+	})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n  margin-bottom: 20px;\n\n  .keyword-picker-tree div:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  margin-bottom: 20px;\n\n  .keyword-picker-tree div:last-child {\n    margin-bottom: 0;\n  }\n"])));
+	var templateObject_1$2;
+	var EmptyFilterSearchResult = function EmptyFilterSearchResult() {
+	  return jsxRuntime.jsxs(Host$1, {
+	    children: [jsxRuntime.jsx(officeUiFabricReact.Icon, {
+	      iconName: "Search"
+	    }, void 0), jsxRuntime.jsx("p", {
+	      children: jsxRuntime.jsx(FormattedMessage$1, {
+	        id: "EmptySearchResult.info"
+	      }, void 0)
+	    }, void 0)]
+	  }, void 0);
+	};
+	var Host$1 = _styled__default["default"].div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n  text-align: center;\n  i {\n    font-size: ", "px;\n  }\n"], ["\n  text-align: center;\n  i {\n    font-size: ", "px;\n  }\n"])), fontSizeMedium);
+	var templateObject_1$1;
+	var AuthorFilter = function AuthorFilter() {
+	  var _a;
+	  var formatMessage = useIntl().formatMessage;
+	  var _b = React$d.useContext(FilterContext),
+	      filter = _b.filter,
+	      onChange = _b.onChange;
+	  var _c = React$d.useState(''),
+	      searchText = _c[0],
+	      setSearchText = _c[1];
+	  var debouncedSearchText = useDebounce(searchText.toLowerCase(), 500)[0];
+	  var searchAccounts = useAccountApi().searchAccounts;
+	  var showError = useNotificationContext().showError;
+	  var authorsFromFilter = (_a = filter === null || filter === void 0 ? void 0 : filter.authors) !== null && _a !== void 0 ? _a : [];
+	  var _d = React$d.useState([]),
+	      selectedUsers = _d[0],
+	      setSelectedUsers = _d[1];
+	  var isActive = selectedUsers.length > 0 && authorsFromFilter.length > 0;
+	  var _e = usePromise$2(getUsers, null, [debouncedSearchText, isActive]),
+	      accounts = _e[0],
+	      isLoading = _e[1];
+	  return jsxRuntime.jsx(ToolbarFilterCalloutButton, __assign$g({
+	    buttonText: getLabel(),
+	    handleClearFilter: function () {
+	      onChange(__assign$g(__assign$g({}, filter), {
+	        authors: null
+	      }));
+	      setSelectedUsers([]);
+	      setSearchText('');
+	    },
+	    isActive: isActive
+	  }, {
+	    children: jsxRuntime.jsxs(Host, {
+	      children: [jsxRuntime.jsx(StyledTextField, {
+	        placeholder: formatMessage({
+	          id: 'Generic.search'
+	        }),
+	        iconProps: {
+	          iconName: 'Search'
+	        },
+	        value: searchText,
+	        onChange: function (_, value) {
+	          return setSearchText(value);
+	        }
+	      }, void 0), jsxRuntime.jsxs(UserList, {
+	        children: [isLoading && !accounts && jsxRuntime.jsx(ShimmerList, {}, void 0), !isLoading && accounts.length === 0 && jsxRuntime.jsx(EmptyFilterSearchResult, {}, void 0), accounts && accounts.map(function (a) {
+	          var checked = isUserSelected(a);
+	          return jsxRuntime.jsx(StyledCheckbox, {
+	            onRenderLabel: function () {
+	              return jsxRuntime.jsx(StyledPersonaCard, __assign$g({
+	                upn: a.userPrincipalName
+	              }, {
+	                children: jsxRuntime.jsx(StyledAvatar, {
+	                  size: officeUiFabricReact.PersonaSize.size24,
+	                  upn: a.userPrincipalName,
+	                  text: a.displayName
+	                }, void 0)
+	              }), void 0);
+	            },
+	            onChange: function (_, isChecked) {
+	              return handleChange(isChecked, a);
+	            },
+	            checked: checked
+	          }, a.id);
+	        })]
+	      }, void 0)]
+	    }, void 0)
+	  }), void 0);
+	  function getUsers() {
+	    return __awaiter$b(this, void 0, void 0, function () {
+	      return __generator$b(this, function (_b) {
+	        switch (_b.label) {
+	          case 0:
+	            _b.trys.push([0, 2,, 3]);
+	            return [4
+	            /*yield*/
+	            , searchAccounts({
+	              search: debouncedSearchText,
+	              type: AccountType.User,
+	              includePendingInvitationUsers: false,
+	              includePendingRegistrationUsers: false,
+	              localOnly: true,
+	              excludeApiUsers: true
+	            })];
+	          case 1:
+	            return [2
+	            /*return*/
+	            , _b.sent()];
+	          case 2:
+	            _b.sent();
+	            showError('Generic.error');
+	            return [3
+	            /*break*/
+	            , 3];
+	          case 3:
+	            return [2
+	            /*return*/
+	            , []];
+	        }
+	      });
+	    });
+	  }
+	  function getLabel() {
+	    var _a;
+	    if (isActive) {
+	      var user = (_a = selectedUsers.find(function (a) {
+	        return a.userPrincipalName === authorsFromFilter[0];
+	      })) === null || _a === void 0 ? void 0 : _a.displayName;
+	      var numberOfSelectedUsers = filter.authors.length;
+	      return numberOfSelectedUsers === 1 ? user : user + " (+" + (numberOfSelectedUsers - 1) + ")";
+	    }
+	    return formatMessage({
+	      id: 'FilterPanel.author'
+	    });
+	  }
+	  function handleChange(checked, user) {
+	    var newSelection = checked ? __spreadArray$8(__spreadArray$8([], authorsFromFilter), [user.userPrincipalName]) : authorsFromFilter.filter(function (c) {
+	      return c !== user.userPrincipalName;
+	    });
+	    setSelectedUsers(function (users) {
+	      return checked ? __spreadArray$8(__spreadArray$8([], users), [user]) : users.filter(function (u) {
+	        return u.userPrincipalName !== user.userPrincipalName;
+	      });
+	    });
+	    onChange(__assign$g(__assign$g({}, filter), {
+	      authors: newSelection
+	    }));
+	  }
+	  function isUserSelected(user) {
+	    return authorsFromFilter === null || authorsFromFilter === void 0 ? void 0 : authorsFromFilter.includes(user.userPrincipalName);
+	  }
+	};
+	var ShimmerList = function ShimmerList() {
+	  return jsxRuntime.jsx(officeUiFabricReact.Shimmer, {
+	    customElementsGroup: Array.from(Array(9)).map(function (_, i) {
+	      return jsxRuntime.jsx(UserShimmer, {}, i);
+	    })
+	  }, void 0);
+	};
+	var UserShimmer = function UserShimmer() {
+	  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+	    children: [jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup, {
+	      shimmerElements: [{
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.circle,
+	        height: 24,
+	        verticalAlign: 'bottom'
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 15
+	      }, {
+	        type: officeUiFabricReact.ShimmerElementType.line,
+	        height: 18
+	      }]
+	    }, void 0), jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup, {
+	      shimmerElements: [{
+	        type: officeUiFabricReact.ShimmerElementType.gap,
+	        height: 10,
+	        width: '100%'
+	      }]
+	    }, void 0)]
+	  }, void 0);
+	};
+	var Host = _styled__default["default"].div.withConfig({
+	  displayName: "AuthorFilter__Host",
+	  componentId: "sc-cnx0p9-0"
+	})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+	var rowHeight = 40;
+	var visibleUsers = 9;
+	var UserList = _styled__default["default"].div.withConfig({
+	  displayName: "AuthorFilter__UserList",
+	  componentId: "sc-cnx0p9-1"
+	})(templateObject_2 || (templateObject_2 = __makeTemplateObject$l(["\n  margin: ", "px 0 ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"], ["\n  margin: ", "px 0 ", "px;\n  max-height: ", "px;\n  overflow-y: auto;\n"])), spacingS, spacingM, rowHeight * visibleUsers);
+	var StyledCheckbox = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
+	  displayName: "AuthorFilter__StyledCheckbox",
+	  componentId: "sc-cnx0p9-2"
+	})(templateObject_3 || (templateObject_3 = __makeTemplateObject$l(["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"], ["\n  padding: ", "px 0;\n\n  &:first-child {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n"])), spacingS - 2);
+	var StyledPersonaCard = _styled__default["default"](PersonaCard).withConfig({
+	  displayName: "AuthorFilter__StyledPersonaCard",
+	  componentId: "sc-cnx0p9-3"
+	})(templateObject_4 || (templateObject_4 = __makeTemplateObject$l(["\n  padding-left: ", "px;\n"], ["\n  padding-left: ", "px;\n"])), spacingS);
+	var StyledTextField = _styled__default["default"](officeUiFabricReact.TextField).withConfig({
+	  displayName: "AuthorFilter__StyledTextField",
+	  componentId: "sc-cnx0p9-4"
+	})(templateObject_5 || (templateObject_5 = __makeTemplateObject$l(["\n  padding-bottom: ", "px;\n"], ["\n  padding-bottom: ", "px;\n"])), spacingS);
+	var StyledAvatar = _styled__default["default"](Avatar).withConfig({
+	  displayName: "AuthorFilter__StyledAvatar",
+	  componentId: "sc-cnx0p9-5"
+	})(templateObject_6 || (templateObject_6 = __makeTemplateObject$l(["\n  .ms-Persona-primaryText {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 105px;\n  }\n"], ["\n  .ms-Persona-primaryText {\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 105px;\n  }\n"])));
-	var templateObject_1;
+	var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 	/* @generated */
 	// prettier-ignore
@@ -155770,6 +156093,7 @@
 	  "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
 	  "Lib.newsList.noItems": "No News to show",
 	  "Lib.paging.goToFirstPage": "Go to first page",
+	  "Lib.channelFilter.choiceGroupLabel": "Select the logical operator for channels filter",
 	  "UserFeed.emptyList": "There are no feed items yet.",
 	  "UserFeed.allLoaded": "All feed items loaded.",
 	  "UserFeed.itemType.news": "News",
@@ -215335,6 +215659,7 @@
 		'default': EmojiPicker
 	});
+	exports.AuthorFilter = AuthorFilter;
 	exports.Avatar = Avatar;
 	exports.ChannelFilter = ChannelFilter;
 	exports.ClearAllFiltersButton = ClearAllFiltersButton;