@livetiles/reach-components-react 0.4.0-preview.216 → 0.4.0-preview.219

package/index.umd.js

@@ -1214,16 +1214,16 @@
 	var process$7 = global$r.process;
 	var versions$5 = process$7 && process$7.versions;
 	var v8$4 = versions$5 && versions$5.v8;
-	var match$5, version$a;
+	var match$7, version$a;
 
 	if (v8$4) {
-	  match$5 = v8$4.split('.');
-	  version$a = match$5[0] + match$5[1];
+	  match$7 = v8$4.split('.');
+	  version$a = match$7[0] + match$7[1];
 	} else if (userAgent$5) {
-	  match$5 = userAgent$5.match(/Edge\/(\d+)/);
-	  if (!match$5 || match$5[1] >= 74) {
-	    match$5 = userAgent$5.match(/Chrome\/(\d+)/);
-	    if (match$5) version$a = match$5[1];
+	  match$7 = userAgent$5.match(/Edge\/(\d+)/);
+	  if (!match$7 || match$7[1] >= 74) {
+	    match$7 = userAgent$5.match(/Chrome\/(\d+)/);
+	    if (match$7) version$a = match$7[1];
 	  }
 	}
 
@@ -41518,17 +41518,17 @@
 	var process$1$3 = global$2$3.process;
 	var versions$3 = process$1$3 && process$1$3.versions;
 	var v8$3 = versions$3 && versions$3.v8;
-	var match$4, version$7;
+	var match$6, version$7;
 
 	if (v8$3) {
-	  match$4 = v8$3.split('.');
-	  version$7 = match$4[0] + match$4[1];
+	  match$6 = v8$3.split('.');
+	  version$7 = match$6[0] + match$6[1];
 	} else if (userAgent$4) {
-	  match$4 = userAgent$4.match(/Edge\/(\d+)/);
+	  match$6 = userAgent$4.match(/Edge\/(\d+)/);
 
-	  if (!match$4 || match$4[1] >= 74) {
-	    match$4 = userAgent$4.match(/Chrome\/(\d+)/);
-	    if (match$4) version$7 = match$4[1];
+	  if (!match$6 || match$6[1] >= 74) {
+	    match$6 = userAgent$4.match(/Chrome\/(\d+)/);
+	    if (match$6) version$7 = match$6[1];
 	  }
 	}
 
@@ -49753,17 +49753,17 @@
 	var process$2$2 = global$4$2.process;
 	var versions$2 = process$2$2 && process$2$2.versions;
 	var v8$2 = versions$2 && versions$2.v8;
-	var match$3, version$6;
+	var match$5, version$6;
 
 	if (v8$2) {
-	  match$3 = v8$2.split('.');
-	  version$6 = match$3[0] + match$3[1];
+	  match$5 = v8$2.split('.');
+	  version$6 = match$5[0] + match$5[1];
 	} else if (userAgent$3) {
-	  match$3 = userAgent$3.match(/Edge\/(\d+)/);
+	  match$5 = userAgent$3.match(/Edge\/(\d+)/);
 
-	  if (!match$3 || match$3[1] >= 74) {
-	    match$3 = userAgent$3.match(/Chrome\/(\d+)/);
-	    if (match$3) version$6 = match$3[1];
+	  if (!match$5 || match$5[1] >= 74) {
+	    match$5 = userAgent$3.match(/Chrome\/(\d+)/);
+	    if (match$5) version$6 = match$5[1];
 	  }
 	}
 
@@ -66092,7 +66092,7 @@
 	var booleanValueOf = Boolean.prototype.valueOf;
 	var objectToString = Object.prototype.toString;
 	var functionToString$2 = Function.prototype.toString;
-	var match$2 = String.prototype.match;
+	var match$4 = String.prototype.match;
 	var bigIntValueOf = typeof BigInt === 'function' ? BigInt.prototype.valueOf : null;
 	var gOPS = Object.getOwnPropertySymbols;
 	var symToString = typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol' ? Symbol.prototype.toString : null;
@@ -66268,7 +66268,7 @@
 	    if (isString$1(obj)) {
 	        return markBoxed(inspect(String(obj)));
 	    }
-	    if (!isDate(obj) && !isRegExp$8(obj)) {
+	    if (!isDate$1(obj) && !isRegExp$8(obj)) {
 	        var ys = arrObjKeys(obj, inspect);
 	        var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
 	        var protoTag = obj instanceof Object ? '' : 'null prototype';
@@ -66294,7 +66294,7 @@
 	}
 
 	function isArray$8(obj) { return toStr(obj) === '[object Array]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
-	function isDate(obj) { return toStr(obj) === '[object Date]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+	function isDate$1(obj) { return toStr(obj) === '[object Date]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
 	function isRegExp$8(obj) { return toStr(obj) === '[object RegExp]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
 	function isError(obj) { return toStr(obj) === '[object Error]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
 	function isString$1(obj) { return toStr(obj) === '[object String]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
@@ -66341,7 +66341,7 @@
 
 	function nameOf(f) {
 	    if (f.name) { return f.name; }
-	    var m = match$2.call(functionToString$2.call(f), /^function\s*([\w$]+)/);
+	    var m = match$4.call(functionToString$2.call(f), /^function\s*([\w$]+)/);
 	    if (m) { return m[1]; }
 	    return null;
 	}
@@ -70876,7 +70876,7 @@
 
 	var defaultMessage = "Copy to clipboard: #{key}, Enter";
 
-	function format(message) {
+	function format$1(message) {
 	  var copyKey = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
 	  return message.replace(/#{\s*key\s*}/g, copyKey);
 	}
@@ -70955,7 +70955,7 @@
 	    } catch (err) {
 	      debug && console.error("unable to copy using clipboardData: ", err);
 	      debug && console.error("falling back to prompt");
-	      message = format("message" in options ? options.message : defaultMessage);
+	      message = format$1("message" in options ? options.message : defaultMessage);
 	      window.prompt(message, text);
 	    }
 	  } finally {
@@ -75561,11 +75561,11 @@
 	var volume_1 = volume;
 	var VideoContainer = styled_1.default.div(templateObject_1$2q || (templateObject_1$2q = __makeTemplateObject$2(["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    height: 100%;\n    width: 100%;\n"], ["\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    height: 100%;\n    width: 100%;\n"])));
 	var VideoStyled = styled_1.default(_1.default)(templateObject_2$1D || (templateObject_2$1D = __makeTemplateObject$2(["\n    height: 100%;\n    display: inline-block;\n    object-fit: fill;\n    pointer-events: none;\n    background: rgb(0, 0, 0, 0);\n"], ["\n    height: 100%;\n    display: inline-block;\n    object-fit: fill;\n    pointer-events: none;\n    background: rgb(0, 0, 0, 0);\n"])));
-	var Button$1 = styled_1.default.div(templateObject_3$15 || (templateObject_3$15 = __makeTemplateObject$2(["\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    cursor: pointer;\n    opacity: ", ";\n    transition: opacity ease-out 800ms;\n"], ["\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    cursor: pointer;\n    opacity: ", ";\n    transition: opacity ease-out 800ms;\n"])), function (props) { return (props.isHovered ? 1 : 0.8); });
+	var Button$2 = styled_1.default.div(templateObject_3$15 || (templateObject_3$15 = __makeTemplateObject$2(["\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    cursor: pointer;\n    opacity: ", ";\n    transition: opacity ease-out 800ms;\n"], ["\n    position: absolute;\n    top: 6px;\n    right: 6px;\n    cursor: pointer;\n    opacity: ", ";\n    transition: opacity ease-out 800ms;\n"])), function (props) { return (props.isHovered ? 1 : 0.8); });
 	var speakerClassName = 'giphy-video-overlay-button';
 	var VolumeButton = function (_a) {
 	    var muted = _a.muted, toggleMute = _a.toggleMute, mutedByBrowser = _a.mutedByBrowser, isHovered = _a.isHovered;
-	    return (react_1.default.createElement(Button$1, { className: speakerClassName, onClick: function (e) {
+	    return (react_1.default.createElement(Button$2, { className: speakerClassName, onClick: function (e) {
 	            e.preventDefault();
 	            e.stopPropagation();
 	            toggleMute();
@@ -80172,17 +80172,17 @@
 	var process$2$1 = global$2$1.process;
 	var versions$1 = process$2$1 && process$2$1.versions;
 	var v8$1 = versions$1 && versions$1.v8;
-	var match$1, version$2;
+	var match$3, version$2;
 
 	if (v8$1) {
-	  match$1 = v8$1.split('.');
-	  version$2 = match$1[0] + match$1[1];
+	  match$3 = v8$1.split('.');
+	  version$2 = match$3[0] + match$3[1];
 	} else if (userAgent$2) {
-	  match$1 = userAgent$2.match(/Edge\/(\d+)/);
+	  match$3 = userAgent$2.match(/Edge\/(\d+)/);
 
-	  if (!match$1 || match$1[1] >= 74) {
-	    match$1 = userAgent$2.match(/Chrome\/(\d+)/);
-	    if (match$1) version$2 = match$1[1];
+	  if (!match$3 || match$3[1] >= 74) {
+	    match$3 = userAgent$2.match(/Chrome\/(\d+)/);
+	    if (match$3) version$2 = match$3[1];
 	  }
 	}
 
@@ -82358,7 +82358,7 @@
 	  }
 
 	  var allClassNames = classNames('header-button', className);
-	  var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
+	  var IconElement = !link ? jsxRuntime.jsx(Button$1, __assign$1({
 	    className: allClassNames,
 	    disabled: disabled,
 	    onClick: function (e) {
@@ -82396,10 +82396,10 @@
 	  componentId: "sc-1p61ffo-0"
 	})(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
 
-	var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
+	var Button$1 = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
 	  displayName: "IconHeaderButton__Button",
 	  componentId: "sc-1p61ffo-1"
-	})(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ", ";\n    ", "\n  }\n"], ["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ", ";\n    ", "\n  }\n"])), function (p) {
+	})(templateObject_4$d$2 || (templateObject_4$d$2 = __makeTemplateObject$1(["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ", ";\n    ", "\n  }\n"], ["\n  && {\n    display: flex;\n    padding: 0 5px;\n    background-color: transparent;\n    height: 100%;\n    margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n    ", ";\n    ", "\n  }\n"])), function (p) {
 	  return !p.isActive && _styled.css(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
 	}, function (p) {
 	  return p.isActive && _styled.css(templateObject_3$l$1 || (templateObject_3$l$1 = __makeTemplateObject$1(["\n        background-color: ", ";\n        color: ", ";\n\n        &&:hover {\n          background-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        background-color: ", ";\n        color: ", ";\n\n        &&:hover {\n          background-color: ", ";\n          color: ", ";\n        }\n      "])), p.theme.palette.themeSecondary, p.theme.textColors.onSecondary, p.theme.palette.themeSecondary, p.theme.textColors.onSecondary);
@@ -82412,7 +82412,7 @@
 	  return _styled.css(templateObject_5$8$2 || (templateObject_5$8$2 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
 	});
 
-	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$2, templateObject_6$6$2; // a string of all valid unicode whitespaces
+	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$2, templateObject_5$8$2, templateObject_6$6$2; // a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
 
 	var whitespaces$2$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
@@ -83226,7 +83226,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({
@@ -83251,7 +83251,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);
@@ -83383,7 +83383,7 @@
 	  }
 
 	  var showMoreIndicator = channels.length > visibleChannelsCount;
-	  return jsxRuntime.jsxs(Host$e$1, __assign$1({
+	  return jsxRuntime.jsxs(Host$e$2, __assign$1({
 	    className: className,
 	    "data-has-more-indicator": showMoreIndicator
 	  }, {
@@ -83469,13 +83469,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$1 = _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$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 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) {
@@ -83498,7 +83498,7 @@
 
 	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$1, 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",
@@ -83554,7 +83554,7 @@
 	var Host$c$1 = _styled__default["default"].ul.withConfig({
 	  displayName: "ClickableChannelTitles__Host",
 	  componentId: "sc-1a7ny18-0"
-	})(templateObject_1$q$1 || (templateObject_1$q$1 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"])), fontSizeSmall);
+	})(templateObject_1$q$2 || (templateObject_1$q$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"])), fontSizeSmall);
 
 	var ChannelBubble = _styled__default["default"].div.withConfig({
 	  displayName: "ClickableChannelTitles__ChannelBubble",
@@ -83577,7 +83577,7 @@
 	  componentId: "sc-1a7ny18-3"
 	})(templateObject_4$7$2 || (templateObject_4$7$2 = __makeTemplateObject$1(["\n  display: block;\n  margin: 2px ", "px 2px 0;\n"], ["\n  display: block;\n  margin: 2px ", "px 2px 0;\n"])), spacingXs);
 
-	var templateObject_1$q$1, templateObject_2$l$1, templateObject_3$d$2, templateObject_4$7$2;
+	var templateObject_1$q$2, templateObject_2$l$1, templateObject_3$d$2, templateObject_4$7$2;
 
 	var ToolbarSearch = function ToolbarSearch(_a) {
 	  var searchText = _a.searchText,
@@ -83608,14 +83608,14 @@
 	var SearchBoxLargeScreen = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarSearch__SearchBoxLargeScreen",
 	  componentId: "sc-1f480ry-0"
-	})(templateObject_1$p$1 || (templateObject_1$p$1 = __makeTemplateObject$1(["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), maxScreenSize.medium);
+	})(templateObject_1$p$2 || (templateObject_1$p$2 = __makeTemplateObject$1(["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  max-width: 300px;\n  flex-grow: 1;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), maxScreenSize.medium);
 
 	var SearchIconSmallScreen = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarSearch__SearchIconSmallScreen",
 	  componentId: "sc-1f480ry-1"
 	})(templateObject_2$k$1 || (templateObject_2$k$1 = __makeTemplateObject$1(["\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), minScreenSize.medium);
 
-	var templateObject_1$p$1, templateObject_2$k$1;
+	var templateObject_1$p$2, templateObject_2$k$1;
 
 	var Toolbar$1 = function Toolbar(_a) {
 	  var leftSide = _a.leftSide,
@@ -83946,9 +83946,9 @@
 
 	var StyledCallout$1$1 = _styled__default["default"](Callout)(templateObject_1$h$2 || (templateObject_1$h$2 = __makeTemplateObject$1(["\n  border-radius: 10px;\n  padding: 5px;\n  width: 360px;\n  height: 450px;\n"], ["\n  border-radius: 10px;\n  padding: 5px;\n  width: 360px;\n  height: 450px;\n"])));
 
-	var StyledGifSelector = _styled__default["default"](GifSelector)(templateObject_2$f$1 || (templateObject_2$f$1 = __makeTemplateObject$1(["\n  overflow-y: auto;\n  height: 400px;\n"], ["\n  overflow-y: auto;\n  height: 400px;\n"])));
+	var StyledGifSelector = _styled__default["default"](GifSelector)(templateObject_2$f$2 || (templateObject_2$f$2 = __makeTemplateObject$1(["\n  overflow-y: auto;\n  height: 400px;\n"], ["\n  overflow-y: auto;\n  height: 400px;\n"])));
 
-	var templateObject_1$h$2, templateObject_2$f$1;
+	var templateObject_1$h$2, templateObject_2$f$2;
 
 	_styled.createGlobalStyle(templateObject_1$g$2 || (templateObject_1$g$2 = __makeTemplateObject$1(["\n  .lt-reach.dialog-gif-selector {\n    .ms-Dialog-main {\n      width: 400px !important;\n\n      @media (max-width: ", "px) {\n        width: 100% !important;\n      }\n    }\n}\n"], ["\n  .lt-reach.dialog-gif-selector {\n    .ms-Dialog-main {\n      width: 400px !important;\n\n      @media (max-width: ", "px) {\n        width: 100% !important;\n      }\n    }\n}\n"])), maxScreenSize.small);
 
@@ -87330,9 +87330,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.216";
-	var buildId = "98457";
-	var commitId = "e1ba72d0e617b8c1186797abcf6bddf4131d9cb0";
+	var version$1 = "0.4.0-preview.219";
+	var buildId = "98555";
+	var commitId = "7017e140d89782fc7985a4be2c49f4898fab5489";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -131493,7 +131493,7 @@
 	// - setTimeout
 	}else {notify$1=function(){// strange IE + webpack dev server bug - use .call(global)
 	macrotask.call(global$6,flush);};}}var microtask$1=queueMicrotask||function(fn){var task={fn:fn,next:undefined};if(last)last.next=task;if(!head){head=task;notify$1();}last=task;};var newPromiseCapability$2={};var aFunction$4=aFunction$7;var PromiseCapability=function(C){var resolve,reject;this.promise=new C(function($$resolve,$$reject){if(resolve!==undefined||reject!==undefined)throw TypeError('Bad Promise constructor');resolve=$$resolve;reject=$$reject;});this.resolve=aFunction$4(resolve);this.reject=aFunction$4(reject);};// 25.4.1.5 NewPromiseCapability(C)
-	newPromiseCapability$2.f=function(C){return new PromiseCapability(C);};var anObject$2$1=anObject$h;var isObject$3=isObject$c;var newPromiseCapability$1=newPromiseCapability$2;var promiseResolve$1=function(C,x){anObject$2$1(C);if(isObject$3(x)&&x.constructor===C)return x;var promiseCapability=newPromiseCapability$1.f(C);var resolve=promiseCapability.resolve;resolve(x);return promiseCapability.promise;};var global$5=global$m;var hostReportErrors$1=function(a,b){var console=global$5.console;if(console&&console.error){arguments.length===1?console.error(a):console.error(a,b);}};var perform$1=function(exec){try{return {error:false,value:exec()};}catch(error){return {error:true,value:error};}};var global$4=global$m;var userAgent=engineUserAgent;var process$1=global$4.process;var versions=process$1&&process$1.versions;var v8=versions&&versions.v8;var match,version;if(v8){match=v8.split('.');version=match[0]+match[1];}else if(userAgent){match=userAgent.match(/Edge\/(\d+)/);if(!match||match[1]>=74){match=userAgent.match(/Chrome\/(\d+)/);if(match)version=match[1];}}var engineV8Version=version&&+version;var $$9=_export;var global$3=global$m;var getBuiltIn=getBuiltIn$6;var NativePromise=nativePromiseConstructor;var redefine$a=redefine$9.exports;var redefineAll=redefineAll$2;var setToStringTag=setToStringTag$5;var setSpecies=setSpecies$2;var isObject$2=isObject$c;var aFunction$3=aFunction$7;var anInstance=anInstance$3;var classof$1=classofRaw$1;var inspectSource=inspectSource$3;var iterate=iterate$2.exports;var checkCorrectnessOfIteration=checkCorrectnessOfIteration$1;var speciesConstructor=speciesConstructor$2;var task=task$1.set;var microtask=microtask$1;var promiseResolve=promiseResolve$1;var hostReportErrors=hostReportErrors$1;var newPromiseCapabilityModule=newPromiseCapability$2;var perform=perform$1;var InternalStateModule=internalState;var isForced=isForced_1;var wellKnownSymbol$2=wellKnownSymbol$l;var V8_VERSION=engineV8Version;var SPECIES$1=wellKnownSymbol$2('species');var PROMISE='Promise';var getInternalState=InternalStateModule.get;var setInternalState=InternalStateModule.set;var getInternalPromiseState=InternalStateModule.getterFor(PROMISE);var PromiseConstructor=NativePromise;var TypeError$1=global$3.TypeError;var document$1=global$3.document;var process$4=global$3.process;var $fetch=getBuiltIn('fetch');var newPromiseCapability=newPromiseCapabilityModule.f;var newGenericPromiseCapability=newPromiseCapability;var IS_NODE=classof$1(process$4)=='process';var DISPATCH_EVENT=!!(document$1&&document$1.createEvent&&global$3.dispatchEvent);var UNHANDLED_REJECTION='unhandledrejection';var REJECTION_HANDLED='rejectionhandled';var PENDING=0;var FULFILLED=1;var REJECTED=2;var HANDLED=1;var UNHANDLED=2;var Internal,OwnPromiseCapability,PromiseWrapper,nativeThen;var FORCED$2=isForced(PROMISE,function(){var GLOBAL_CORE_JS_PROMISE=inspectSource(PromiseConstructor)!==String(PromiseConstructor);if(!GLOBAL_CORE_JS_PROMISE){// V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
+	newPromiseCapability$2.f=function(C){return new PromiseCapability(C);};var anObject$2$1=anObject$h;var isObject$3=isObject$c;var newPromiseCapability$1=newPromiseCapability$2;var promiseResolve$1=function(C,x){anObject$2$1(C);if(isObject$3(x)&&x.constructor===C)return x;var promiseCapability=newPromiseCapability$1.f(C);var resolve=promiseCapability.resolve;resolve(x);return promiseCapability.promise;};var global$5=global$m;var hostReportErrors$1=function(a,b){var console=global$5.console;if(console&&console.error){arguments.length===1?console.error(a):console.error(a,b);}};var perform$1=function(exec){try{return {error:false,value:exec()};}catch(error){return {error:true,value:error};}};var global$4=global$m;var userAgent=engineUserAgent;var process$1=global$4.process;var versions=process$1&&process$1.versions;var v8=versions&&versions.v8;var match$2,version;if(v8){match$2=v8.split('.');version=match$2[0]+match$2[1];}else if(userAgent){match$2=userAgent.match(/Edge\/(\d+)/);if(!match$2||match$2[1]>=74){match$2=userAgent.match(/Chrome\/(\d+)/);if(match$2)version=match$2[1];}}var engineV8Version=version&&+version;var $$9=_export;var global$3=global$m;var getBuiltIn=getBuiltIn$6;var NativePromise=nativePromiseConstructor;var redefine$a=redefine$9.exports;var redefineAll=redefineAll$2;var setToStringTag=setToStringTag$5;var setSpecies=setSpecies$2;var isObject$2=isObject$c;var aFunction$3=aFunction$7;var anInstance=anInstance$3;var classof$1=classofRaw$1;var inspectSource=inspectSource$3;var iterate=iterate$2.exports;var checkCorrectnessOfIteration=checkCorrectnessOfIteration$1;var speciesConstructor=speciesConstructor$2;var task=task$1.set;var microtask=microtask$1;var promiseResolve=promiseResolve$1;var hostReportErrors=hostReportErrors$1;var newPromiseCapabilityModule=newPromiseCapability$2;var perform=perform$1;var InternalStateModule=internalState;var isForced=isForced_1;var wellKnownSymbol$2=wellKnownSymbol$l;var V8_VERSION=engineV8Version;var SPECIES$1=wellKnownSymbol$2('species');var PROMISE='Promise';var getInternalState=InternalStateModule.get;var setInternalState=InternalStateModule.set;var getInternalPromiseState=InternalStateModule.getterFor(PROMISE);var PromiseConstructor=NativePromise;var TypeError$1=global$3.TypeError;var document$1=global$3.document;var process$4=global$3.process;var $fetch=getBuiltIn('fetch');var newPromiseCapability=newPromiseCapabilityModule.f;var newGenericPromiseCapability=newPromiseCapability;var IS_NODE=classof$1(process$4)=='process';var DISPATCH_EVENT=!!(document$1&&document$1.createEvent&&global$3.dispatchEvent);var UNHANDLED_REJECTION='unhandledrejection';var REJECTION_HANDLED='rejectionhandled';var PENDING=0;var FULFILLED=1;var REJECTED=2;var HANDLED=1;var UNHANDLED=2;var Internal,OwnPromiseCapability,PromiseWrapper,nativeThen;var FORCED$2=isForced(PROMISE,function(){var GLOBAL_CORE_JS_PROMISE=inspectSource(PromiseConstructor)!==String(PromiseConstructor);if(!GLOBAL_CORE_JS_PROMISE){// V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
 	// https://bugs.chromium.org/p/chromium/issues/detail?id=830565
 	// We can't detect it synchronously, so just check versions
 	if(V8_VERSION===66)return true;// Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
@@ -131714,7 +131714,7 @@
 	// 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$Q||(templateObject_1$Q=__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$e||(templateObject_4$e=__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$Q,templateObject_2$w,templateObject_3$n,templateObject_4$e,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$P||(templateObject_1$P=__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$P,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$O||(templateObject_1$O=__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$O;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$N||(templateObject_1$N=__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$N,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$M||(templateObject_1$M=__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$M;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$L||(templateObject_1$L=__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$L;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$K||(templateObject_1$K=__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$K;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$J||(templateObject_1$J=__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$J;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$I||(templateObject_1$I=__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$I;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$H||(templateObject_1$H=__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$d||(templateObject_4$d=__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$H,templateObject_2$t,templateObject_3$l,templateObject_4$d,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$G||(templateObject_1$G=__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$G;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$F||(templateObject_1$F=__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$F;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$E||(templateObject_1$E=__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$E;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$D||(templateObject_1$D=__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$D;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$C||(templateObject_1$C=__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$C;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$B||(templateObject_1$B=__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$B,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$A||(templateObject_1$A=__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$A;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$z||(templateObject_1$z=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$z;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$y||(templateObject_1$y=__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$y;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$x||(templateObject_1$x=__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$x;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']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$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);_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"])));_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a$1||(templateObject_5$a$1=__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$c$1||(templateObject_4$c$1=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$w,templateObject_2$r,templateObject_3$k,templateObject_4$c$1,templateObject_5$a$1,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$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"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$b$1||(templateObject_4$b$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$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$v,templateObject_2$q,templateObject_3$j,templateObject_4$b$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
+	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$Q||(templateObject_1$Q=__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$e||(templateObject_4$e=__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$Q,templateObject_2$w,templateObject_3$n,templateObject_4$e,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$P||(templateObject_1$P=__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$P,templateObject_2$v;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$O||(templateObject_1$O=__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$O;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$N||(templateObject_1$N=__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$N,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$M||(templateObject_1$M=__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$M;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$L||(templateObject_1$L=__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$L;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$K||(templateObject_1$K=__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$K;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$J||(templateObject_1$J=__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$J;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$I||(templateObject_1$I=__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$I;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$H||(templateObject_1$H=__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$d$1||(templateObject_4$d$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$H,templateObject_2$t,templateObject_3$l,templateObject_4$d$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$G||(templateObject_1$G=__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$G;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$F||(templateObject_1$F=__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$F;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$E||(templateObject_1$E=__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$E;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$D||(templateObject_1$D=__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$D;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$C||(templateObject_1$C=__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$C;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$B||(templateObject_1$B=__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$B,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$A||(templateObject_1$A=__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$A;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$z||(templateObject_1$z=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$z;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$y||(templateObject_1$y=__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$y;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$x||(templateObject_1$x=__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$x;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$w||(templateObject_1$w=__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$1||(templateObject_5$a$1=__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$c$1||(templateObject_4$c$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$w,templateObject_2$r,templateObject_3$k,templateObject_4$c$1,templateObject_5$a$1,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$v||(templateObject_1$v=__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$b$1||(templateObject_4$b$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$v,templateObject_2$q,templateObject_3$j,templateObject_4$b$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$u||(templateObject_1$u=__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$u,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$t||(templateObject_1$t=__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$a$1||(templateObject_4$a$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$t,templateObject_2$o,templateObject_3$h,templateObject_4$a$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$s||(templateObject_1$s=__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$s,templateObject_2$n,templateObject_3$g;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$r||(templateObject_1$r=__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$r,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.
@@ -131728,10 +131728,10 @@
 	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$q||(templateObject_1$q=__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$q,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$p||(templateObject_1$p=__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$p,templateObject_2$k,templateObject_3$e;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$o$1||(templateObject_1$o$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$o$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$n$1||(templateObject_1$n$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$n$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$m$1||(templateObject_1$m$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$9$1||(templateObject_4$9$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$m$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$9$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$l$1||(templateObject_1$l$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$l$1,templateObject_2$h;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$k$1||(templateObject_1$k$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$8$1||(templateObject_4$8$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$k$1,templateObject_2$g,templateObject_3$c$1,templateObject_4$8$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$q$1||(templateObject_1$q$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$q$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$p$1||(templateObject_1$p$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$p$1,templateObject_2$k,templateObject_3$e$1;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$o$1||(templateObject_1$o$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$o$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$n$1||(templateObject_1$n$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$n$1,templateObject_2$j;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$m$1||(templateObject_1$m$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$9$1||(templateObject_4$9$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$m$1,templateObject_2$i,templateObject_3$d$1,templateObject_4$9$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$l$1||(templateObject_1$l$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$l$1,templateObject_2$h;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$k$1||(templateObject_1$k$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$8$1||(templateObject_4$8$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$k$1,templateObject_2$g,templateObject_3$c$1,templateObject_4$8$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||(templateObject_2$f=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$j$1||(templateObject_1$j$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$j$1,templateObject_2$f;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$i$1||(templateObject_1$i$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$i$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$h$1||(templateObject_1$h$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$7$1||(templateObject_4$7$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$h$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$7$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$g$1||(templateObject_1$g$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$6$1||(templateObject_4$6$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$g$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$6$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$f$1||(templateObject_1$f$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$5$1||(templateObject_4$5$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$f$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$5$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
+	$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$f$1||(templateObject_2$f$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$j$1||(templateObject_1$j$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$j$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$i$1||(templateObject_1$i$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$i$1,templateObject_2$e$1,templateObject_3$b$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$h$1||(templateObject_1$h$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$7$1||(templateObject_4$7$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$h$1,templateObject_2$d$1,templateObject_3$a$1,templateObject_4$7$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$g$1||(templateObject_1$g$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$6$1||(templateObject_4$6$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$g$1,templateObject_2$c$1,templateObject_3$9$1,templateObject_4$6$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$f$1||(templateObject_1$f$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$5$1||(templateObject_4$5$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$f$1,templateObject_2$b$1,templateObject_3$8$1,templateObject_4$5$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
 	var pages=!navigationContext.parent||!navigationContext.parent.id?sortPageNodesByGroupAndPosition(user.groups,navigationContext.siblings):navigationContext.siblings;var previousPage=getSibling(-1);var nextPage=getSibling(1);return jsxRuntime.jsxs(Host$4$1,__assign({className:className,"data-detail-page-navigation":activePageId},{children:[previousPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:false,basePath:basePath,page:previousPage,icon:"ChevronLeftSmall","data-detail-page-navigation-previous-node":previousPage.id,"data-detail-page-navigation-node":previousPage.id},void 0),nextPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:true,className:"next-page-link-button",basePath:basePath,page:nextPage,icon:"ChevronRightSmall","data-detail-page-navigation-next-node":nextPage.id,"data-detail-page-navigation-node":nextPage.id},void 0)]}),void 0);function getSibling(offset){var index=pages.findIndex(function(s){return s.id===activePageId;});return pages[index+offset];}};var Host$4$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Host",componentId:"sc-19ae9g3-0"})(templateObject_1$e$1||(templateObject_1$e$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n"])));var PageLinkButton=function PageLinkButton(_a){var basePath=_a.basePath,page=_a.page,icon=_a.icon,isNextNode=_a.isNextNode,className=_a.className,props=__rest(_a,["basePath","page","icon","isNextNode","className"]);var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var title=getTitle(page,user,formatMessage);return jsxRuntime.jsxs(Link,__assign({to:getUrl(),className:className},{children:[!isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0),jsxRuntime.jsx(Content$2$1,__assign({},props,{isNextNode:isNextNode},{children:jsxRuntime.jsx("div",__assign({title:title},{children:title}),void 0)}),void 0),isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0)]}),void 0);function getUrl(){var baseUrl=NewsService.getNewsRoute(basePath,page.id,title);return page.useExternalContent?baseUrl+"?"+queryString.stringify({noRedirect:true}):baseUrl;}};var Link=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesDetailViewNavigation__Link",componentId:"sc-19ae9g3-1"})(templateObject_2$a$1||(templateObject_2$a$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"])),spacingS,spacingS,maxScreenSize.small,spacingS,function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.textColors.default;});var LinkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PagesDetailViewNavigation__LinkIcon",componentId:"sc-19ae9g3-2"})(templateObject_3$7$1||(templateObject_3$7$1=__makeTemplateObject(["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"],["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"])),fontSizeNormal,spacingM);var Content$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Content",componentId:"sc-19ae9g3-3"})(templateObject_5$3$1||(templateObject_5$3$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"])),function(p){return p.isNextNode&&_styled.css(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "],["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "])));});var templateObject_1$e$1,templateObject_2$a$1,templateObject_3$7$1,templateObject_4$4$1,templateObject_5$3$1;_styled__default["default"](Dropdown).withConfig({displayName:"PagesGroupsSelector__StyledDropdown",componentId:"sc-13yd888-0"})(templateObject_1$d$1||(templateObject_1$d$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesGroupsSelector__DropdownOption",componentId:"sc-13yd888-1"})(templateObject_2$9$1||(templateObject_2$9$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$6$1||(templateObject_3$6$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$d$1,templateObject_2$9$1,templateObject_3$6$1;_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Host",componentId:"sc-1z0rxrb-0"})(templateObject_1$c$1||(templateObject_1$c$1=__makeTemplateObject(["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"],["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"GroupNotificationsSettings__Title",componentId:"sc-1z0rxrb-1"})(templateObject_2$8$1||(templateObject_2$8$1=__makeTemplateObject(["\n  margin-top: 0;\n"],["\n  margin-top: 0;\n"])));_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Infos",componentId:"sc-1z0rxrb-2"})(templateObject_3$5$1||(templateObject_3$5$1=__makeTemplateObject(["\n  color: ",";\n  padding-left: 55px;\n"],["\n  color: ",";\n  padding-left: 55px;\n"])),function(p){return p.theme.palette.neutralTertiaryAlt;});var templateObject_1$c$1,templateObject_2$8$1,templateObject_3$5$1;function getPostGroups(user){return getGroupsWithExplicitMinRole(GroupRoles.LimitedReader,user,function(g){return g.allowPosts;});}function getPostsBaseRoute(post,user){var _a;var postGroups=getPostGroups(user);var subscriptionHandle=(_a=user.subscription.subscriptionHandle)!==null&&_a!==void 0?_a:user.subscription.id;return postGroups.length>1?"/"+subscriptionHandle+"/posts/groups/"+((post===null||post===void 0?void 0:post.groupId)||''):"/"+subscriptionHandle+"/posts";}function getPostsHashtagFilterRoute(post,user,hashtag){return getPostsBaseRoute(post,user)+"?"+queryString.stringify({search:""+hashtag});}var PostReplies=function PostReplies(_a){var className=_a.className,post=_a.post,comments=_a.comments,initialPageSize=_a.initialPageSize,autoFocusReplyField=_a.autoFocusReplyField,onReplyAdded=_a.onReplyAdded,onReplyDeleted=_a.onReplyDeleted,onThreadReply=_a.onThreadReply;var user=useCurrentUser();var searchPostMentionUsers=usePostsApi().searchPostMentionUsers;if(!post||!post.id){return null;}return jsxRuntime.jsx(StyledPagedCommentsSection,{className:className,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},type:ItemResourceTypes.Posts,scope:ConversationScope.Posts,itemId:post.id,groupIds:[post.groupId],readOnly:false,pageSize:5,initialPageSize:initialPageSize,initialComments:comments,onCommentAdded:onReplyAdded,onCommentDeleted:onReplyDeleted,noItemsYetStringResourceKey:"Posts.replies.empty",autoFocusReplyField:autoFocusReplyField,baseAttachmentPath:"/posts/"+post.id+"/comments",getHashtagFilterRoute:function(hashtag){return getPostsHashtagFilterRoute(post,user,hashtag);},onThreadReply:onThreadReply},post.id);};var StyledPagedCommentsSection=_styled__default["default"](PagedCommentsSection).withConfig({displayName:"PostReplies__StyledPagedCommentsSection",componentId:"sc-8mrgcg-0"})(templateObject_1$b$1||(templateObject_1$b$1=__makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"])));var templateObject_1$b$1;var PostEditor=function PostEditor(_a){var className=_a.className,post=_a.post,onBeforeSave=_a.onBeforeSave,onSaved=_a.onSaved,onCancel=_a.onCancel,keywordSettings=_a.keywordSettings;var features=useFeatures();var _b=usePostsApi(),searchPostMentionUsers=_b.searchPostMentionUsers,updatePost=_b.updatePost;var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,keywordsByGroupId=_c.keywordsByGroupId;var _d=useNotificationContext(),showToast=_d.showToast,showError=_d.showError;if(allKeywords==null||keywordsByGroupId==null){return null;}return jsxRuntime.jsx(EditCommentWithAttachments,{className:className,onCancel:onCancel,content:post.content,onSave:handleSavePost,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},inputTheme:"dark",item:post,basePath:'/posts',allowKeywords:features.keywords&&features.postKeywords,availableKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords,mandatoryKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords,keywords:post.keywords,saveOnCtrlEnter:true},void 0);function handleSavePost(newContent,attachments,keywords){return __awaiter(this,void 0,void 0,function(){var updatedPost,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);onBeforeSave(__assign(__assign({},post),{content:newContent,attachments:attachments,keywords:keywords}));return [4/*yield*/,updatePost(post.id,newContent,attachments,keywords)];case 1:updatedPost=_a.sent();onSaved(updatedPost);showToast('Posts.successfullyUpdated');return [3/*break*/,3];case 2:error_1=_a.sent();logger.error(error_1);showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}};_styled__default["default"](IconButton).withConfig({displayName:"PostFollowButton__StyledIconButton",componentId:"sc-1i97syp-0"})(templateObject_1$a$1||(templateObject_1$a$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"],["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"])));var templateObject_1$a$1;var PostGroup=function PostGroup(_a){var groupId=_a.groupId,to=_a.to,className=_a.className;var intl=useIntl();var user=useCurrentUser();var group=user.groups.find(function(g){return g.id===groupId;});var groupName=getGroupName(group,user,intl);return jsxRuntime.jsx(Group,__assign({"data-post-group":groupId,title:groupName,to:to,className:className},{children:jsxRuntime.jsx("span",{children:groupName},void 0)}),void 0);};var Group=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroup__Group",componentId:"sc-182l34m-0"})(templateObject_1$9$1||(templateObject_1$9$1=__makeTemplateObject(["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"],["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"])),fontSizeSmall,function(){return HighlightBubble();});var templateObject_1$9$1;_styled__default["default"].div.withConfig({displayName:"PostDisplay__Host",componentId:"sc-1tope3b-0"})(templateObject_1$8$1||(templateObject_1$8$1=__makeTemplateObject(["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"],["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"])),CardBorderInline(2,2),fontSizeSmall,spacingM);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Header",componentId:"sc-1tope3b-1"})(templateObject_2$7$1||(templateObject_2$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: flex-start;\n"])));var avatarWidth=40;var maxButtonsWidth=120;// max 4 buttons at 30 px each (translate, notifications, like and context menu)
 	var paddingLeft=spacingS;var postGroupWidth=250;var postGroupWidthSmall=215;_styled__default["default"].div.withConfig({displayName:"PostDisplay__HeaderMetadata",componentId:"sc-1tope3b-2"})(templateObject_3$4$1||(templateObject_3$4$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"])),fontSizeSmall,paddingLeft,avatarWidth,maxButtonsWidth,paddingLeft,function(p){return p.addSafetySpace?postGroupWidth:0;},maxScreenSize.medium,avatarWidth,maxButtonsWidth,paddingLeft);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Content",componentId:"sc-1tope3b-3"})(templateObject_4$3$1||(templateObject_4$3$1=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__ActionButtons",componentId:"sc-1tope3b-4"})(templateObject_5$2$1||(templateObject_5$2$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__PostDisplayName",componentId:"sc-1tope3b-5"})(templateObject_6$1$1||(templateObject_6$1$1=__makeTemplateObject(["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PostDisplay__PostDateTime",componentId:"sc-1tope3b-6"})(templateObject_7$1$1||(templateObject_7$1$1=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);_styled__default["default"](ActionButton).withConfig({displayName:"PostDisplay__AddReplyButton",componentId:"sc-1tope3b-7"})(templateObject_8$1$1||(templateObject_8$1$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"],["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"])),spacingM,function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"PostDisplay__InnerHost",componentId:"sc-1tope3b-8"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"],["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),postsSectionPadding,function(p){return p.highlight&&_styled.css(templateObject_9$1$1||(templateObject_9$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.accent;});});_styled__default["default"](PostReplies).withConfig({displayName:"PostDisplay__StyledPostComments",componentId:"sc-1tope3b-9"})(templateObject_11$8||(templateObject_11$8=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});_styled__default["default"](PostEditor).withConfig({displayName:"PostDisplay__StyledPostEditor",componentId:"sc-1tope3b-10"})(templateObject_12$7||(templateObject_12$7=__makeTemplateObject(["\n  margin-top: 7px;\n  position: relative;\n"],["\n  margin-top: 7px;\n  position: relative;\n"])));_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostDisplay__PostLink",componentId:"sc-1tope3b-11"})(templateObject_13$6||(templateObject_13$6=__makeTemplateObject(["\n  display: block;\n  width: 100%;\n"],["\n  display: block;\n  width: 100%;\n"])));_styled__default["default"](PostGroup).withConfig({displayName:"PostDisplay__StyledPostGroup",componentId:"sc-1tope3b-12"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject(["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"],["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"])),spacingM,postGroupWidth,maxScreenSize.medium,spacingS,postGroupWidthSmall);_styled__default["default"](LikeButton).withConfig({displayName:"PostDisplay__StyledLikeButton",componentId:"sc-1tope3b-13"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"],["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"])));_styled__default["default"](ImagesAndFilesList).withConfig({displayName:"PostDisplay__StyledImagesAndFilesList",componentId:"sc-1tope3b-14"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](IconButton).withConfig({displayName:"PostDisplay__MenuButton",componentId:"sc-1tope3b-15"})(templateObject_17$5||(templateObject_17$5=__makeTemplateObject(["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"],["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"])));_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostDisplay__StyledKeywordsInfo",componentId:"sc-1tope3b-16"})(templateObject_18$4||(templateObject_18$4=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](ThreadView).withConfig({displayName:"PostDisplay__StyledThreadView",componentId:"sc-1tope3b-17"})(templateObject_19$4||(templateObject_19$4=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});var templateObject_1$8$1,templateObject_2$7$1,templateObject_3$4$1,templateObject_4$3$1,templateObject_5$2$1,templateObject_6$1$1,templateObject_7$1$1,templateObject_8$1$1,templateObject_9$1$1,templateObject_10$d,templateObject_11$8,templateObject_12$7,templateObject_13$6,templateObject_14$6,templateObject_15$6,templateObject_16$6,templateObject_17$5,templateObject_18$4,templateObject_19$4;_styled__default["default"](Dropdown).withConfig({displayName:"PostGroupsSelector__StyledDropdown",componentId:"sc-g6rhck-0"})(templateObject_1$7$1||(templateObject_1$7$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroupsSelector__DropdownOption",componentId:"sc-g6rhck-1"})(templateObject_2$6$1||(templateObject_2$6$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$3$1||(templateObject_3$3$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$7$1,templateObject_2$6$1,templateObject_3$3$1;var isArray$1=isArray$3;var toLength$1=toLength$b;var bind=functionBindContext;// `FlattenIntoArray` abstract operation
 	// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
@@ -131801,9 +131801,9 @@
 	var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
 	  displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
 	  componentId: "sc-1v9a7tf-0"
-	})(templateObject_1$o || (templateObject_1$o = __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$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);
 
-	var templateObject_1$o;
+	var templateObject_1$q;
 
 	var NewsItemContextProvider = function NewsItemContextProvider(_a) {
 	  var itemId = _a.itemId,
@@ -131839,7 +131839,7 @@
 	  }
 
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host$g, __assign$g({
+	    return jsxRuntime.jsx(Host$h, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemContextProvider, __assign$g({
@@ -131854,7 +131854,7 @@
 	    }), void 0);
 	  }
 
-	  return jsxRuntime.jsx(Host$g, __assign$g({
+	  return jsxRuntime.jsx(Host$h, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailInternal, {
@@ -131906,12 +131906,12 @@
 	  }, void 0);
 	};
 
-	var Host$g = _styled__default["default"].div.withConfig({
+	var Host$h = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetail__Host",
 	  componentId: "sc-6rz5th-0"
-	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$n;
+	var templateObject_1$p;
 
 	var anObject$2 = anObject$v;
 
@@ -132285,7 +132285,7 @@
 	      showDialog = _b[0],
 	      setShowDialog = _b[1];
 
-	  return jsxRuntime.jsxs(Host$f, {
+	  return jsxRuntime.jsxs(Host$g, {
 	    children: [jsxRuntime.jsx(Tooltip, __assign$g({
 	      resourceKey: "Pages.pagesTableOfContents"
 	    }, {
@@ -132310,11 +132310,11 @@
 	    }, void 0)]
 	  }, void 0);
 	};
-	var Host$f = _styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __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$e || (templateObject_2$e = __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$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) {
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$m, templateObject_2$e;
+	var templateObject_1$o, templateObject_2$f;
 
 	var PageDetail = function PageDetail(props) {
 	  var routeMatch = ReactRouterDom.useRouteMatch();
@@ -132347,7 +132347,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsx(Host$e, __assign$g({
+	  return jsxRuntime.jsx(Host$f, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132405,15 +132405,15 @@
 	  }, void 0);
 	};
 
-	var Host$e = _styled__default["default"].div.withConfig({
+	var Host$f = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__Host",
 	  componentId: "sc-22rpk8-0"
-	})(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l([""], [""])));
 
 	var PageHeader = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__PageHeader",
 	  componentId: "sc-22rpk8-1"
-	})(templateObject_2$d || (templateObject_2$d = __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$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);
 
 	var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132428,7 +132428,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;
@@ -132468,7 +132468,7 @@
 	  displayName: "PageDetail__StyledPagesDetailViewNavigation",
 	  componentId: "sc-22rpk8-3"
 	})(templateObject_5$a || (templateObject_5$a = __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);
+	  return p.applyMarginTop && _styled.css(templateObject_4$d || (templateObject_4$d = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
 	});
 
 	var InlinePageListWrapper = function InlinePageListWrapper() {
@@ -132485,7 +132485,7 @@
 	  return jsxRuntime.jsx(InlinePageList, {}, void 0);
 	};
 
-	var templateObject_1$l, templateObject_2$d, templateObject_3$d, templateObject_4$c, templateObject_5$a;
+	var templateObject_1$n, templateObject_2$e, templateObject_3$e, templateObject_4$d, templateObject_5$a;
 
 	var EventDetail = function EventDetail(_a) {
 	  var itemId = _a.itemId,
@@ -132500,7 +132500,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsx(Host$d, __assign$g({
+	  return jsxRuntime.jsx(Host$e, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132550,29 +132550,29 @@
 	  }), void 0);
 	};
 
-	var Host$d = _styled__default["default"].div.withConfig({
+	var Host$e = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__Host",
 	  componentId: "sc-hrm4yl-0"
-	})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l([""], [""])));
 
 	var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__EventDateAndRecurrenceInfo",
 	  componentId: "sc-hrm4yl-1"
-	})(templateObject_2$c || (templateObject_2$c = __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$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"])));
 
 	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$b || (templateObject_4$b = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
+	})(templateObject_4$c || (templateObject_4$c = __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$k, templateObject_2$c, templateObject_3$c, templateObject_4$b;
+	var templateObject_1$m, templateObject_2$d, templateObject_3$d, templateObject_4$c;
 
 	function useNewsItemClickHandler() {
 	  var user = useCurrentUserContext().user;
@@ -132717,7 +132717,7 @@
 	  var icon = getNewsCardIcon(item, intl);
 	  var preferredContentLanguage = getPreferredContentLanguage(user);
 	  var url = getExternalContentUrl(item, preferredContentLanguage);
-	  return jsxRuntime.jsxs(Host$c, __assign$g({
+	  return jsxRuntime.jsxs(Host$d, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Overlay, {
@@ -132780,24 +132780,24 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title, item.useExternalContent);
 	  }
 	};
-	var Host$c = _styled__default["default"].div.withConfig({
+	var Host$d = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Host",
 	  componentId: "sc-16ovog0-0"
-	})(templateObject_1$j || (templateObject_1$j = __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$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) {
 	  return p.theme.palette.white;
 	});
 
-	var TextStyle = _styled.css(templateObject_2$b || (templateObject_2$b = __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$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 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$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);
+	})(templateObject_4$b || (templateObject_4$b = __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",
@@ -132881,10 +132881,10 @@
 	  });
 	});
 
-	var templateObject_1$j, templateObject_2$b, templateObject_3$b, templateObject_4$a, templateObject_5$9, templateObject_6$8, templateObject_7$5, 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$l, templateObject_2$c, templateObject_3$c, templateObject_4$b, templateObject_5$9, templateObject_6$8, templateObject_7$5, 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$b, {
+	  return jsxRuntime.jsxs(Host$c, {
 	    children: [jsxRuntime.jsx(StyledIcon$3, {
 	      iconName: "News"
 	    }, void 0), jsxRuntime.jsx(Message, {
@@ -132895,22 +132895,22 @@
 	  }, void 0);
 	};
 
-	var Host$b = _styled__default["default"].div.withConfig({
+	var Host$c = _styled__default["default"].div.withConfig({
 	  displayName: "EmptyNewsList__Host",
 	  componentId: "sc-11ktr8s-0"
-	})(templateObject_1$i || (templateObject_1$i = __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$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);
 
 	var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "EmptyNewsList__StyledIcon",
 	  componentId: "sc-11ktr8s-1"
-	})(templateObject_2$a || (templateObject_2$a = __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$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);
 
 	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$i, templateObject_2$a, templateObject_3$a;
+	var templateObject_1$k, templateObject_2$b, templateObject_3$b;
 
 	exports.ItemLayoutMode = void 0;
 
@@ -133008,7 +133008,7 @@
 	  var formatMessage = useIntl().formatMessage;
 	  var webAppUrl = useSubscriptionWebAppUrl();
 	  var handleClick = useNewsItemClickHandler();
-	  return jsxRuntime.jsx(Host$a, __assign$g({
+	  return jsxRuntime.jsx(Host$b, __assign$g({
 	    className: className
 	  }, {
 	    children: items.map(function (item) {
@@ -133073,21 +133073,21 @@
 	  }), void 0);
 	};
 
-	var Host$a = _styled__default["default"].div.withConfig({
+	var Host$b = _styled__default["default"].div.withConfig({
 	  displayName: "NewsList__Host",
 	  componentId: "sc-1d0bzx1-0"
-	})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l([""], [""])));
 
 	var CompactList = _styled__default["default"].ul.withConfig({
 	  displayName: "NewsList__CompactList",
 	  componentId: "sc-1d0bzx1-1"
-	})(templateObject_2$9 || (templateObject_2$9 = __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$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);
 
 	var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
 	  displayName: "NewsList__StyledNewsItemTile",
 	  componentId: "sc-1d0bzx1-2"
-	})(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$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$a || (templateObject_4$a = __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({
@@ -133116,7 +133116,7 @@
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$h, templateObject_2$9, templateObject_3$9, templateObject_4$9, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$3;
+	var templateObject_1$j, templateObject_2$a, templateObject_3$a, templateObject_4$a, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$3;
 
 	var ManageChannels = function ManageChannels(_a) {
 	  var className = _a.className;
@@ -133140,7 +133140,7 @@
 	    }, void 0);
 	  }
 
-	  return jsxRuntime.jsxs(Host$9, __assign$g({
+	  return jsxRuntime.jsxs(Host$a, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Title$2, {
@@ -133279,25 +133279,25 @@
 	  }
 	};
 
-	var Host$9 = _styled__default["default"].div.withConfig({
+	var Host$a = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__Host",
 	  componentId: "sc-yyoxfw-0"
-	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
+	})(templateObject_1$i || (templateObject_1$i = __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$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+	})(templateObject_2$9 || (templateObject_2$9 = __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$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);
+	})(templateObject_4$9 || (templateObject_4$9 = __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,
@@ -133355,7 +133355,7 @@
 	  return p.theme.textColors.default;
 	});
 
-	var templateObject_1$g, templateObject_2$8, templateObject_3$8, templateObject_4$8, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$2;
+	var templateObject_1$i, templateObject_2$9, templateObject_3$9, templateObject_4$9, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$2;
 
 	var NewsGridCard = function NewsGridCard(_a) {
 	  var _b;
@@ -133386,7 +133386,7 @@
 	  var channels = newsItem.channels;
 	  var userLanguage = getPreferredContentLanguage(user);
 	  var icon = getNewsCardIcon(item, intl);
-	  return jsxRuntime.jsxs(Host$8, __assign$g({
+	  return jsxRuntime.jsxs(Host$9, __assign$g({
 	    className: className,
 	    showHighlight: !!user.unreadNews.find(function (n) {
 	      return n.itemId === item.id;
@@ -133462,13 +133462,13 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title);
 	  }
 	};
-	var Host$8 = _styled__default["default"].div(templateObject_2$7 || (templateObject_2$7 = __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$f || (templateObject_1$f = __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$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 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$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) {
+	var Content$1 = _styled__default["default"].div(templateObject_4$8 || (templateObject_4$8 = __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;
@@ -133490,24 +133490,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$f, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$2, 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$h, templateObject_2$8, templateObject_3$8, templateObject_4$8, templateObject_5$6, templateObject_6$5, templateObject_7$2, 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$7, {
+	  return jsxRuntime.jsx(Host$8, {
 	    children: jsxRuntime.jsx(FormattedMessage$1, {
 	      id: "NewsList.error"
 	    }, void 0)
 	  }, void 0);
 	};
 
-	var Host$7 = _styled__default["default"].p.withConfig({
+	var Host$8 = _styled__default["default"].p.withConfig({
 	  displayName: "ErrorContainer__Host",
 	  componentId: "sc-499uwc-0"
-	})(templateObject_1$e || (templateObject_1$e = __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$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) {
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$e;
+	var templateObject_1$g;
 
 	var NewsGrid = function NewsGrid(_a) {
 	  var filter = _a.filter,
@@ -133550,7 +133550,7 @@
 	    return jsxRuntime.jsx(EmptyNewsList, {}, void 0);
 	  }
 
-	  return jsxRuntime.jsxs(Host$6, {
+	  return jsxRuntime.jsxs(Host$7, {
 	    children: [jsxRuntime.jsx(Inner$1, __assign$g({
 	      className: className,
 	      columnCount: columnCount
@@ -133591,26 +133591,26 @@
 	  }
 	};
 
-	var Host$6 = _styled__default["default"].div.withConfig({
+	var Host$7 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Host",
 	  componentId: "sc-8ugpfz-0"
-	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$f || (templateObject_1$f = __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$6 || (templateObject_2$6 = __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$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);
 	});
 
 	_styled__default["default"](NewsGridCard).withConfig({
 	  displayName: "NewsGrid__IELegacyGridCard",
 	  componentId: "sc-8ugpfz-2"
 	})(templateObject_5$5 || (templateObject_5$5 = __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);
+	  return _styled.css(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
 	});
 
-	var templateObject_1$d, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$5;
+	var templateObject_1$f, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$5;
 
 	var HeroSlide = function HeroSlide(_a) {
 	  var item = _a.item,
@@ -133646,7 +133646,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$5, __assign$g({
+	  return jsxRuntime.jsxs(Host$6, __assign$g({
 	    showBorder: !hasBanner,
 	    applyOverlay: hasImageBanner,
 	    width: hostWidth,
@@ -133751,13 +133751,13 @@
 	  }
 	};
 
-	var Host$5 = _styled__default["default"].div.withConfig({
+	var Host$6 = _styled__default["default"].div.withConfig({
 	  displayName: "HeroSlide__Host",
 	  componentId: "sc-3yofth-0"
 	})(templateObject_7$1 || (templateObject_7$1 = __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$c || (templateObject_1$c = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
+	  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        "])));
 	}, 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$5 || (templateObject_4$5 = __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$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
 	}, function (p) {
 	  return p.showBorder && _styled.css(templateObject_5$4 || (templateObject_5$4 = __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) {
@@ -133875,7 +133875,7 @@
 	  return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
-	var templateObject_1$c, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$4, templateObject_6$4, templateObject_7$1, 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$e, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$4, templateObject_6$4, templateObject_7$1, 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,
@@ -133999,18 +133999,18 @@
 	var PagingHost = _styled__default["default"].div.withConfig({
 	  displayName: "HeroPaging__PagingHost",
 	  componentId: "sc-1y3j8qb-0"
-	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+	})(templateObject_1$d || (templateObject_1$d = __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$4 || (templateObject_2$4 = __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$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);
 
 	var PagingItem = _styled__default["default"].li.withConfig({
 	  displayName: "HeroPaging__PagingItem",
 	  componentId: "sc-1y3j8qb-2"
-	})(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$4 || (templateObject_3$4 = __makeTemplateObject$l(["\n      max-width: calc(100% / ", " - 10px);\n    "], ["\n      max-width: calc(100% / ", " - 10px);\n    "])), p.visibleItemsLength);
+	})(templateObject_4$5 || (templateObject_4$5 = __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({
@@ -134025,7 +134025,7 @@
 	  componentId: "sc-1y3j8qb-4"
 	})(templateObject_6$3 || (templateObject_6$3 = __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$b, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$3, templateObject_6$3;
+	var templateObject_1$d, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$3, templateObject_6$3;
 
 	var Hero = function Hero(_a) {
 	  var items = _a.items,
@@ -134092,9 +134092,9 @@
 	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
 	  displayName: "Hero__StyledCarousel",
 	  componentId: "sc-55ys37-0"
-	})(templateObject_1$a || (templateObject_1$a = __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$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);
 
-	var templateObject_1$a;
+	var templateObject_1$c;
 
 	var NewsHero = function NewsHero(_a) {
 	  var _b;
@@ -134219,9 +134219,9 @@
 	var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
 	  displayName: "NewsHero__StyledChannels",
 	  componentId: "sc-i9ar0j-0"
-	})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
+	})(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"])));
 
-	var templateObject_1$9;
+	var templateObject_1$b;
 
 	// a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
@@ -134389,7 +134389,7 @@
 	var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
 	  displayName: "GroupsDropdown__StyledDropdown",
 	  componentId: "sc-cmsnyu-0"
-	})(templateObject_1$8 || (templateObject_1$8 = __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$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) {
 	  return p.theme.textColors.onAccent;
 	}, function (p) {
 	  return p.theme.palette.accent;
@@ -134400,16 +134400,16 @@
 	var DropdownOption = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__DropdownOption",
 	  componentId: "sc-cmsnyu-1"
-	})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
+	})(templateObject_2$4 || (templateObject_2$4 = __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$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 GlobalDropdownStyles = _styled.createGlobalStyle(templateObject_4$4 || (templateObject_4$4 = __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$8, templateObject_2$3, templateObject_3$3, templateObject_4$3;
+	var templateObject_1$a, templateObject_2$4, templateObject_3$4, templateObject_4$4;
 
 	var TaskButton = function TaskButton(_a) {
 	  var count = _a.count,
@@ -134451,9 +134451,9 @@
 	var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "TaskButton__ToggleButton",
 	  componentId: "sc-8eylsw-0"
-	})(templateObject_1$7 || (templateObject_1$7 = __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$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);
 
-	var templateObject_1$7;
+	var templateObject_1$9;
 
 	var TaskButtons = function TaskButtons(_a) {
 	  var type = _a.type,
@@ -134471,7 +134471,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsxs(Host$4, __assign$g({
+	  return jsxRuntime.jsxs(Host$5, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(TaskButton, {
@@ -134516,12 +134516,12 @@
 	  }), void 0);
 	};
 
-	var Host$4 = _styled__default["default"].div.withConfig({
+	var Host$5 = _styled__default["default"].div.withConfig({
 	  displayName: "TaskButtons__Host",
 	  componentId: "sc-sw0zei-0"
-	})(templateObject_1$6 || (templateObject_1$6 = __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$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"])));
 
-	var templateObject_1$6;
+	var templateObject_1$8;
 
 	var NewArticleButton = function NewArticleButton(_a) {
 	  var groupId = _a.groupId,
@@ -134663,22 +134663,22 @@
 	    }).length;
 	  }
 	};
-	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$5 || (templateObject_1$5 = __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$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 StyledEditorListItem = _styled__default["default"](EditorListItem).withConfig({
 	  displayName: "NewsEditorDashboard__StyledEditorListItem",
 	  componentId: "sc-vv9dzu-0"
-	})(templateObject_2$2 || (templateObject_2$2 = __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$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);
 
 	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$2 || (templateObject_4$2 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l([""], [""])));
 
 	var Filters = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__Filters",
@@ -134690,7 +134690,7 @@
 	  componentId: "sc-vv9dzu-4"
 	})(templateObject_6$2 || (templateObject_6$2 = __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$5, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2;
+	var templateObject_1$7, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2;
 
 	// 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
@@ -134731,9 +134731,9 @@
 	var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
 	  displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
 	  componentId: "sc-1xe5l19-0"
-	})(templateObject_1$4 || (templateObject_1$4 = __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$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);
 
-	var templateObject_1$4;
+	var templateObject_1$6;
 
 	var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
 	  var onClick = _a.onClick;
@@ -134829,7 +134829,7 @@
 	  }
 
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host$3, __assign$g({
+	    return jsxRuntime.jsx(Host$4, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemPreviewContextProvider, __assign$g({
@@ -134841,7 +134841,7 @@
 	    }), void 0);
 	  }
 
-	  return jsxRuntime.jsx(Host$3, __assign$g({
+	  return jsxRuntime.jsx(Host$4, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailPreviewInternal, {}, void 0)
@@ -134856,12 +134856,12 @@
 	  }), void 0);
 	};
 
-	var Host$3 = _styled__default["default"].div.withConfig({
+	var Host$4 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetailPreview__Host",
 	  componentId: "sc-17gmqax-0"
-	})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$3;
+	var templateObject_1$5;
 
 	var FilterContext = /*#__PURE__*/React$d.createContext(null);
 	var FilterContextProvider = function FilterContextProvider(_a) {
@@ -134886,18 +134886,18 @@
 	    filter: filter,
 	    onChange: onChange
 	  }, {
-	    children: jsxRuntime.jsx(Host$2, {
+	    children: jsxRuntime.jsx(Host$3, {
 	      children: children
 	    }, void 0)
 	  }), void 0);
 	};
 
-	var Host$2 = _styled__default["default"].div.withConfig({
+	var Host$3 = _styled__default["default"].div.withConfig({
 	  displayName: "ToolbarFilterPanel__Host",
 	  componentId: "sc-118p488-0"
-	})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 
-	var templateObject_1$2;
+	var templateObject_1$4;
 
 	var ChannelFilter = function ChannelFilter(_a) {
 	  var _b, _c;
@@ -134961,7 +134961,7 @@
 	        }
 	      }
 	    }, {
-	      children: jsxRuntime.jsxs(Host$1, {
+	      children: jsxRuntime.jsxs(Host$2, {
 	        children: [jsxRuntime.jsx(StyledTextField, {
 	          placeholder: formatMessage({
 	            id: 'Generic.search'
@@ -134992,7 +134992,7 @@
 	              checked: checked
 	            }, c.id);
 	          })
-	        }, void 0), jsxRuntime.jsx(ClearFilterButton$1, {
+	        }, void 0), jsxRuntime.jsx(ClearFilterButton$2, {
 	          text: "Clear filter",
 	          iconProps: {
 	            iconName: 'ClearFilter'
@@ -135025,20 +135025,20 @@
 	  }
 	};
 
-	var Host$1 = _styled__default["default"].div.withConfig({
+	var Host$2 = _styled__default["default"].div.withConfig({
 	  displayName: "ChannelFilter__Host",
 	  componentId: "sc-1ju8xwz-0"
-	})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+	})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 
 	var ChannelsButton = _styled__default["default"](ActionButton).withConfig({
 	  displayName: "ChannelFilter__ChannelsButton",
 	  componentId: "sc-1ju8xwz-1"
-	})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n  i {\n    order: 1;\n  }\n"], ["\n  i {\n    order: 1;\n  }\n"])));
+	})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n  i {\n    order: 1;\n  }\n"], ["\n  i {\n    order: 1;\n  }\n"])));
 
 	var SelectedChannelsLabel = _styled__default["default"].span.withConfig({
 	  displayName: "ChannelFilter__SelectedChannelsLabel",
 	  componentId: "sc-1ju8xwz-2"
-	})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject$l(["\n  font-weight: bold;\n"], ["\n  font-weight: bold;\n"])));
+	})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n  font-weight: bold;\n"], ["\n  font-weight: bold;\n"])));
 
 	var channelRowHeight = 36;
 	var visibleChannels = 8;
@@ -135046,14 +135046,14 @@
 	var Channels = _styled__default["default"].div.withConfig({
 	  displayName: "ChannelFilter__Channels",
 	  componentId: "sc-1ju8xwz-3"
-	})(templateObject_4$1 || (templateObject_4$1 = __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_4$2 || (templateObject_4$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);
 
 	var StyledCheckbox = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
 	  displayName: "ChannelFilter__StyledCheckbox",
 	  componentId: "sc-1ju8xwz-4"
 	})(templateObject_5$1 || (templateObject_5$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);
 
-	var ClearFilterButton$1 = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
+	var ClearFilterButton$2 = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "ChannelFilter__ClearFilterButton",
 	  componentId: "sc-1ju8xwz-5"
 	})(templateObject_6$1 || (templateObject_6$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"])));
@@ -135063,7 +135063,7 @@
 	  componentId: "sc-1ju8xwz-6"
 	})(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n  padding-bottom: ", "px;\n"], ["\n  padding-bottom: ", "px;\n"])), spacingS);
 
-	var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7;
+	var templateObject_1$3, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7;
 
 	function toInteger(dirtyNumber) {
 	  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -135245,6 +135245,36 @@
 	  }
 	}
 
+	/**
+	 * @name addMilliseconds
+	 * @category Millisecond Helpers
+	 * @summary Add the specified number of milliseconds to the given date.
+	 *
+	 * @description
+	 * Add the specified number of milliseconds to the given date.
+	 *
+	 * ### v2.0.0 breaking changes:
+	 *
+	 * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+	 *
+	 * @param {Date|Number} date - the date to be changed
+	 * @param {Number} amount - the amount of milliseconds to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+	 * @returns {Date} the new date with the milliseconds added
+	 * @throws {TypeError} 2 arguments required
+	 *
+	 * @example
+	 * // Add 750 milliseconds to 10 July 2014 12:45:30.000:
+	 * const result = addMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
+	 * //=> Thu Jul 10 2014 12:45:30.750
+	 */
+
+	function addMilliseconds(dirtyDate, dirtyAmount) {
+	  requiredArgs(2, arguments);
+	  var timestamp = toDate(dirtyDate).getTime();
+	  var amount = toInteger(dirtyAmount);
+	  return new Date(timestamp + amount);
+	}
+
 	/**
 	 * @name startOfWeek
 	 * @category Week Helpers
@@ -135297,6 +135327,23 @@
 	  return date;
 	}
 
+	/**
+	 * Google Chrome as of 67.0.3396.87 introduced timezones with offset that includes seconds.
+	 * They usually appear for dates that denote time before the timezones were introduced
+	 * (e.g. for 'Europe/Prague' timezone the offset is GMT+00:57:44 before 1 October 1891
+	 * and GMT+01:00:00 after that date)
+	 *
+	 * Date#getTimezoneOffset returns the offset in minutes and would return 57 for the example above,
+	 * which would lead to incorrect calculations.
+	 *
+	 * This function returns the timezone offset in milliseconds that takes seconds in account.
+	 */
+	function getTimezoneOffsetInMilliseconds(date) {
+	  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
+	  utcDate.setUTCFullYear(date.getFullYear());
+	  return date.getTime() - utcDate.getTime();
+	}
+
 	/**
 	 * @name startOfDay
 	 * @category Day Helpers
@@ -135327,6 +135374,117 @@
 	  return date;
 	}
 
+	/**
+	 * @name isDate
+	 * @category Common Helpers
+	 * @summary Is the given value a date?
+	 *
+	 * @description
+	 * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
+	 *
+	 * ### v2.0.0 breaking changes:
+	 *
+	 * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+	 *
+	 * @param {*} value - the value to check
+	 * @returns {boolean} true if the given value is a date
+	 * @throws {TypeError} 1 arguments required
+	 *
+	 * @example
+	 * // For a valid date:
+	 * const result = isDate(new Date())
+	 * //=> true
+	 *
+	 * @example
+	 * // For an invalid date:
+	 * const result = isDate(new Date(NaN))
+	 * //=> true
+	 *
+	 * @example
+	 * // For some value:
+	 * const result = isDate('2014-02-31')
+	 * //=> false
+	 *
+	 * @example
+	 * // For an object:
+	 * const result = isDate({})
+	 * //=> false
+	 */
+
+	function isDate(value) {
+	  requiredArgs(1, arguments);
+	  return value instanceof Date || typeof value === 'object' && Object.prototype.toString.call(value) === '[object Date]';
+	}
+
+	/**
+	 * @name isValid
+	 * @category Common Helpers
+	 * @summary Is the given date valid?
+	 *
+	 * @description
+	 * Returns false if argument is Invalid Date and true otherwise.
+	 * Argument is converted to Date using `toDate`. See [toDate]{@link https://date-fns.org/docs/toDate}
+	 * Invalid Date is a Date, whose time value is NaN.
+	 *
+	 * Time value of Date: http://es5.github.io/#x15.9.1.1
+	 *
+	 * ### v2.0.0 breaking changes:
+	 *
+	 * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+	 *
+	 * - Now `isValid` doesn't throw an exception
+	 *   if the first argument is not an instance of Date.
+	 *   Instead, argument is converted beforehand using `toDate`.
+	 *
+	 *   Examples:
+	 *
+	 *   | `isValid` argument        | Before v2.0.0 | v2.0.0 onward |
+	 *   |---------------------------|---------------|---------------|
+	 *   | `new Date()`              | `true`        | `true`        |
+	 *   | `new Date('2016-01-01')`  | `true`        | `true`        |
+	 *   | `new Date('')`            | `false`       | `false`       |
+	 *   | `new Date(1488370835081)` | `true`        | `true`        |
+	 *   | `new Date(NaN)`           | `false`       | `false`       |
+	 *   | `'2016-01-01'`            | `TypeError`   | `false`       |
+	 *   | `''`                      | `TypeError`   | `false`       |
+	 *   | `1488370835081`           | `TypeError`   | `true`        |
+	 *   | `NaN`                     | `TypeError`   | `false`       |
+	 *
+	 *   We introduce this change to make *date-fns* consistent with ECMAScript behavior
+	 *   that try to coerce arguments to the expected type
+	 *   (which is also the case with other *date-fns* functions).
+	 *
+	 * @param {*} date - the date to check
+	 * @returns {Boolean} the date is valid
+	 * @throws {TypeError} 1 argument required
+	 *
+	 * @example
+	 * // For the valid date:
+	 * const result = isValid(new Date(2014, 1, 31))
+	 * //=> true
+	 *
+	 * @example
+	 * // For the value, convertable into a date:
+	 * const result = isValid(1393804800000)
+	 * //=> true
+	 *
+	 * @example
+	 * // For the invalid date:
+	 * const result = isValid(new Date(''))
+	 * //=> false
+	 */
+
+	function isValid(dirtyDate) {
+	  requiredArgs(1, arguments);
+
+	  if (!isDate(dirtyDate) && typeof dirtyDate !== 'number') {
+	    return false;
+	  }
+
+	  var date = toDate(dirtyDate);
+	  return !isNaN(Number(date));
+	}
+
 	/**
 	 * @name endOfDay
 	 * @category Day Helpers
@@ -135471,6 +135629,2200 @@
 	  return date;
 	}
 
+	var formatDistanceLocale = {
+	  lessThanXSeconds: {
+	    one: 'less than a second',
+	    other: 'less than {{count}} seconds'
+	  },
+	  xSeconds: {
+	    one: '1 second',
+	    other: '{{count}} seconds'
+	  },
+	  halfAMinute: 'half a minute',
+	  lessThanXMinutes: {
+	    one: 'less than a minute',
+	    other: 'less than {{count}} minutes'
+	  },
+	  xMinutes: {
+	    one: '1 minute',
+	    other: '{{count}} minutes'
+	  },
+	  aboutXHours: {
+	    one: 'about 1 hour',
+	    other: 'about {{count}} hours'
+	  },
+	  xHours: {
+	    one: '1 hour',
+	    other: '{{count}} hours'
+	  },
+	  xDays: {
+	    one: '1 day',
+	    other: '{{count}} days'
+	  },
+	  aboutXWeeks: {
+	    one: 'about 1 week',
+	    other: 'about {{count}} weeks'
+	  },
+	  xWeeks: {
+	    one: '1 week',
+	    other: '{{count}} weeks'
+	  },
+	  aboutXMonths: {
+	    one: 'about 1 month',
+	    other: 'about {{count}} months'
+	  },
+	  xMonths: {
+	    one: '1 month',
+	    other: '{{count}} months'
+	  },
+	  aboutXYears: {
+	    one: 'about 1 year',
+	    other: 'about {{count}} years'
+	  },
+	  xYears: {
+	    one: '1 year',
+	    other: '{{count}} years'
+	  },
+	  overXYears: {
+	    one: 'over 1 year',
+	    other: 'over {{count}} years'
+	  },
+	  almostXYears: {
+	    one: 'almost 1 year',
+	    other: 'almost {{count}} years'
+	  }
+	};
+
+	var formatDistance = function (token, count, options) {
+	  var result;
+	  var tokenValue = formatDistanceLocale[token];
+
+	  if (typeof tokenValue === 'string') {
+	    result = tokenValue;
+	  } else if (count === 1) {
+	    result = tokenValue.one;
+	  } else {
+	    result = tokenValue.other.replace('{{count}}', count.toString());
+	  }
+
+	  if (options !== null && options !== void 0 && options.addSuffix) {
+	    if (options.comparison && options.comparison > 0) {
+	      return 'in ' + result;
+	    } else {
+	      return result + ' ago';
+	    }
+	  }
+
+	  return result;
+	};
+
+	var formatDistance$1 = formatDistance;
+
+	function buildFormatLongFn(args) {
+	  return function () {
+	    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+	    // TODO: Remove String()
+	    var width = options.width ? String(options.width) : args.defaultWidth;
+	    var format = args.formats[width] || args.formats[args.defaultWidth];
+	    return format;
+	  };
+	}
+
+	var dateFormats = {
+	  full: 'EEEE, MMMM do, y',
+	  long: 'MMMM do, y',
+	  medium: 'MMM d, y',
+	  short: 'MM/dd/yyyy'
+	};
+	var timeFormats = {
+	  full: 'h:mm:ss a zzzz',
+	  long: 'h:mm:ss a z',
+	  medium: 'h:mm:ss a',
+	  short: 'h:mm a'
+	};
+	var dateTimeFormats = {
+	  full: "{{date}} 'at' {{time}}",
+	  long: "{{date}} 'at' {{time}}",
+	  medium: '{{date}}, {{time}}',
+	  short: '{{date}}, {{time}}'
+	};
+	var formatLong = {
+	  date: buildFormatLongFn({
+	    formats: dateFormats,
+	    defaultWidth: 'full'
+	  }),
+	  time: buildFormatLongFn({
+	    formats: timeFormats,
+	    defaultWidth: 'full'
+	  }),
+	  dateTime: buildFormatLongFn({
+	    formats: dateTimeFormats,
+	    defaultWidth: 'full'
+	  })
+	};
+	var formatLong$1 = formatLong;
+
+	var formatRelativeLocale = {
+	  lastWeek: "'last' eeee 'at' p",
+	  yesterday: "'yesterday at' p",
+	  today: "'today at' p",
+	  tomorrow: "'tomorrow at' p",
+	  nextWeek: "eeee 'at' p",
+	  other: 'P'
+	};
+
+	var formatRelative = function (token, _date, _baseDate, _options) {
+	  return formatRelativeLocale[token];
+	};
+
+	var formatRelative$1 = formatRelative;
+
+	function buildLocalizeFn(args) {
+	  return function (dirtyIndex, dirtyOptions) {
+	    var options = dirtyOptions || {};
+	    var context = options.context ? String(options.context) : 'standalone';
+	    var valuesArray;
+
+	    if (context === 'formatting' && args.formattingValues) {
+	      var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+	      var width = options.width ? String(options.width) : defaultWidth;
+	      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
+	    } else {
+	      var _defaultWidth = args.defaultWidth;
+
+	      var _width = options.width ? String(options.width) : args.defaultWidth;
+
+	      valuesArray = args.values[_width] || args.values[_defaultWidth];
+	    }
+
+	    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challange you to try to remove it!
+
+	    return valuesArray[index];
+	  };
+	}
+
+	var eraValues = {
+	  narrow: ['B', 'A'],
+	  abbreviated: ['BC', 'AD'],
+	  wide: ['Before Christ', 'Anno Domini']
+	};
+	var quarterValues = {
+	  narrow: ['1', '2', '3', '4'],
+	  abbreviated: ['Q1', 'Q2', 'Q3', 'Q4'],
+	  wide: ['1st quarter', '2nd quarter', '3rd quarter', '4th quarter']
+	}; // Note: in English, the names of days of the week and months are capitalized.
+	// If you are making a new locale based on this one, check if the same is true for the language you're working on.
+	// Generally, formatted dates should look like they are in the middle of a sentence,
+	// e.g. in Spanish language the weekdays and months should be in the lowercase.
+
+	var monthValues = {
+	  narrow: ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'],
+	  abbreviated: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+	  wide: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
+	};
+	var dayValues = {
+	  narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
+	  short: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+	  abbreviated: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+	  wide: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+	};
+	var dayPeriodValues = {
+	  narrow: {
+	    am: 'a',
+	    pm: 'p',
+	    midnight: 'mi',
+	    noon: 'n',
+	    morning: 'morning',
+	    afternoon: 'afternoon',
+	    evening: 'evening',
+	    night: 'night'
+	  },
+	  abbreviated: {
+	    am: 'AM',
+	    pm: 'PM',
+	    midnight: 'midnight',
+	    noon: 'noon',
+	    morning: 'morning',
+	    afternoon: 'afternoon',
+	    evening: 'evening',
+	    night: 'night'
+	  },
+	  wide: {
+	    am: 'a.m.',
+	    pm: 'p.m.',
+	    midnight: 'midnight',
+	    noon: 'noon',
+	    morning: 'morning',
+	    afternoon: 'afternoon',
+	    evening: 'evening',
+	    night: 'night'
+	  }
+	};
+	var formattingDayPeriodValues = {
+	  narrow: {
+	    am: 'a',
+	    pm: 'p',
+	    midnight: 'mi',
+	    noon: 'n',
+	    morning: 'in the morning',
+	    afternoon: 'in the afternoon',
+	    evening: 'in the evening',
+	    night: 'at night'
+	  },
+	  abbreviated: {
+	    am: 'AM',
+	    pm: 'PM',
+	    midnight: 'midnight',
+	    noon: 'noon',
+	    morning: 'in the morning',
+	    afternoon: 'in the afternoon',
+	    evening: 'in the evening',
+	    night: 'at night'
+	  },
+	  wide: {
+	    am: 'a.m.',
+	    pm: 'p.m.',
+	    midnight: 'midnight',
+	    noon: 'noon',
+	    morning: 'in the morning',
+	    afternoon: 'in the afternoon',
+	    evening: 'in the evening',
+	    night: 'at night'
+	  }
+	};
+
+	var ordinalNumber = function (dirtyNumber, _options) {
+	  var number = Number(dirtyNumber); // If ordinal numbers depend on context, for example,
+	  // if they are different for different grammatical genders,
+	  // use `options.unit`.
+	  //
+	  // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
+	  // 'day', 'hour', 'minute', 'second'.
+
+	  var rem100 = number % 100;
+
+	  if (rem100 > 20 || rem100 < 10) {
+	    switch (rem100 % 10) {
+	      case 1:
+	        return number + 'st';
+
+	      case 2:
+	        return number + 'nd';
+
+	      case 3:
+	        return number + 'rd';
+	    }
+	  }
+
+	  return number + 'th';
+	};
+
+	var localize = {
+	  ordinalNumber: ordinalNumber,
+	  era: buildLocalizeFn({
+	    values: eraValues,
+	    defaultWidth: 'wide'
+	  }),
+	  quarter: buildLocalizeFn({
+	    values: quarterValues,
+	    defaultWidth: 'wide',
+	    argumentCallback: function (quarter) {
+	      return quarter - 1;
+	    }
+	  }),
+	  month: buildLocalizeFn({
+	    values: monthValues,
+	    defaultWidth: 'wide'
+	  }),
+	  day: buildLocalizeFn({
+	    values: dayValues,
+	    defaultWidth: 'wide'
+	  }),
+	  dayPeriod: buildLocalizeFn({
+	    values: dayPeriodValues,
+	    defaultWidth: 'wide',
+	    formattingValues: formattingDayPeriodValues,
+	    defaultFormattingWidth: 'wide'
+	  })
+	};
+	var localize$1 = localize;
+
+	function buildMatchFn(args) {
+	  return function (string) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	    var width = options.width;
+	    var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
+	    var matchResult = string.match(matchPattern);
+
+	    if (!matchResult) {
+	      return null;
+	    }
+
+	    var matchedString = matchResult[0];
+	    var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+	    var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function (pattern) {
+	      return pattern.test(matchedString);
+	    }) : findKey(parsePatterns, function (pattern) {
+	      return pattern.test(matchedString);
+	    });
+	    var value;
+	    value = args.valueCallback ? args.valueCallback(key) : key;
+	    value = options.valueCallback ? options.valueCallback(value) : value;
+	    var rest = string.slice(matchedString.length);
+	    return {
+	      value: value,
+	      rest: rest
+	    };
+	  };
+	}
+
+	function findKey(object, predicate) {
+	  for (var key in object) {
+	    if (object.hasOwnProperty(key) && predicate(object[key])) {
+	      return key;
+	    }
+	  }
+
+	  return undefined;
+	}
+
+	function findIndex(array, predicate) {
+	  for (var key = 0; key < array.length; key++) {
+	    if (predicate(array[key])) {
+	      return key;
+	    }
+	  }
+
+	  return undefined;
+	}
+
+	function buildMatchPatternFn(args) {
+	  return function (string) {
+	    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	    var matchResult = string.match(args.matchPattern);
+	    if (!matchResult) return null;
+	    var matchedString = matchResult[0];
+	    var parseResult = string.match(args.parsePattern);
+	    if (!parseResult) return null;
+	    var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+	    value = options.valueCallback ? options.valueCallback(value) : value;
+	    var rest = string.slice(matchedString.length);
+	    return {
+	      value: value,
+	      rest: rest
+	    };
+	  };
+	}
+
+	var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
+	var parseOrdinalNumberPattern = /\d+/i;
+	var matchEraPatterns = {
+	  narrow: /^(b|a)/i,
+	  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+	  wide: /^(before christ|before common era|anno domini|common era)/i
+	};
+	var parseEraPatterns = {
+	  any: [/^b/i, /^(a|c)/i]
+	};
+	var matchQuarterPatterns = {
+	  narrow: /^[1234]/i,
+	  abbreviated: /^q[1234]/i,
+	  wide: /^[1234](th|st|nd|rd)? quarter/i
+	};
+	var parseQuarterPatterns = {
+	  any: [/1/i, /2/i, /3/i, /4/i]
+	};
+	var matchMonthPatterns = {
+	  narrow: /^[jfmasond]/i,
+	  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+	  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+	};
+	var parseMonthPatterns = {
+	  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
+	  any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
+	};
+	var matchDayPatterns = {
+	  narrow: /^[smtwf]/i,
+	  short: /^(su|mo|tu|we|th|fr|sa)/i,
+	  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+	  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+	};
+	var parseDayPatterns = {
+	  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+	  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+	};
+	var matchDayPeriodPatterns = {
+	  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+	  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+	};
+	var parseDayPeriodPatterns = {
+	  any: {
+	    am: /^a/i,
+	    pm: /^p/i,
+	    midnight: /^mi/i,
+	    noon: /^no/i,
+	    morning: /morning/i,
+	    afternoon: /afternoon/i,
+	    evening: /evening/i,
+	    night: /night/i
+	  }
+	};
+	var match = {
+	  ordinalNumber: buildMatchPatternFn({
+	    matchPattern: matchOrdinalNumberPattern,
+	    parsePattern: parseOrdinalNumberPattern,
+	    valueCallback: function (value) {
+	      return parseInt(value, 10);
+	    }
+	  }),
+	  era: buildMatchFn({
+	    matchPatterns: matchEraPatterns,
+	    defaultMatchWidth: 'wide',
+	    parsePatterns: parseEraPatterns,
+	    defaultParseWidth: 'any'
+	  }),
+	  quarter: buildMatchFn({
+	    matchPatterns: matchQuarterPatterns,
+	    defaultMatchWidth: 'wide',
+	    parsePatterns: parseQuarterPatterns,
+	    defaultParseWidth: 'any',
+	    valueCallback: function (index) {
+	      return index + 1;
+	    }
+	  }),
+	  month: buildMatchFn({
+	    matchPatterns: matchMonthPatterns,
+	    defaultMatchWidth: 'wide',
+	    parsePatterns: parseMonthPatterns,
+	    defaultParseWidth: 'any'
+	  }),
+	  day: buildMatchFn({
+	    matchPatterns: matchDayPatterns,
+	    defaultMatchWidth: 'wide',
+	    parsePatterns: parseDayPatterns,
+	    defaultParseWidth: 'any'
+	  }),
+	  dayPeriod: buildMatchFn({
+	    matchPatterns: matchDayPeriodPatterns,
+	    defaultMatchWidth: 'any',
+	    parsePatterns: parseDayPeriodPatterns,
+	    defaultParseWidth: 'any'
+	  })
+	};
+	var match$1 = match;
+
+	/**
+	 * @type {Locale}
+	 * @category Locales
+	 * @summary English locale (United States).
+	 * @language English
+	 * @iso-639-2 eng
+	 * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}
+	 * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}
+	 */
+	var locale = {
+	  code: 'en-US',
+	  formatDistance: formatDistance$1,
+	  formatLong: formatLong$1,
+	  formatRelative: formatRelative$1,
+	  localize: localize$1,
+	  match: match$1,
+	  options: {
+	    weekStartsOn: 0
+	    /* Sunday */
+	    ,
+	    firstWeekContainsDate: 1
+	  }
+	};
+	var defaultLocale = locale;
+
+	/**
+	 * @name subMilliseconds
+	 * @category Millisecond Helpers
+	 * @summary Subtract the specified number of milliseconds from the given date.
+	 *
+	 * @description
+	 * Subtract the specified number of milliseconds from the given date.
+	 *
+	 * ### v2.0.0 breaking changes:
+	 *
+	 * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+	 *
+	 * @param {Date|Number} date - the date to be changed
+	 * @param {Number} amount - the amount of milliseconds to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+	 * @returns {Date} the new date with the milliseconds subtracted
+	 * @throws {TypeError} 2 arguments required
+	 *
+	 * @example
+	 * // Subtract 750 milliseconds from 10 July 2014 12:45:30.000:
+	 * const result = subMilliseconds(new Date(2014, 6, 10, 12, 45, 30, 0), 750)
+	 * //=> Thu Jul 10 2014 12:45:29.250
+	 */
+
+	function subMilliseconds(dirtyDate, dirtyAmount) {
+	  requiredArgs(2, arguments);
+	  var amount = toInteger(dirtyAmount);
+	  return addMilliseconds(dirtyDate, -amount);
+	}
+
+	function addLeadingZeros(number, targetLength) {
+	  var sign = number < 0 ? '-' : '';
+	  var output = Math.abs(number).toString();
+
+	  while (output.length < targetLength) {
+	    output = '0' + output;
+	  }
+
+	  return sign + output;
+	}
+
+	/*
+	 * |     | Unit                           |     | Unit                           |
+	 * |-----|--------------------------------|-----|--------------------------------|
+	 * |  a  | AM, PM                         |  A* |                                |
+	 * |  d  | Day of month                   |  D  |                                |
+	 * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+	 * |  m  | Minute                         |  M  | Month                          |
+	 * |  s  | Second                         |  S  | Fraction of second             |
+	 * |  y  | Year (abs)                     |  Y  |                                |
+	 *
+	 * Letters marked by * are not implemented but reserved by Unicode standard.
+	 */
+
+	var formatters$2 = {
+	  // Year
+	  y: function (date, token) {
+	    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
+	    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+	    // |----------|-------|----|-------|-------|-------|
+	    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+	    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+	    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+	    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+	    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+	    var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+
+	    var year = signedYear > 0 ? signedYear : 1 - signedYear;
+	    return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
+	  },
+	  // Month
+	  M: function (date, token) {
+	    var month = date.getUTCMonth();
+	    return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
+	  },
+	  // Day of the month
+	  d: function (date, token) {
+	    return addLeadingZeros(date.getUTCDate(), token.length);
+	  },
+	  // AM or PM
+	  a: function (date, token) {
+	    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
+
+	    switch (token) {
+	      case 'a':
+	      case 'aa':
+	        return dayPeriodEnumValue.toUpperCase();
+
+	      case 'aaa':
+	        return dayPeriodEnumValue;
+
+	      case 'aaaaa':
+	        return dayPeriodEnumValue[0];
+
+	      case 'aaaa':
+	      default:
+	        return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
+	    }
+	  },
+	  // Hour [1-12]
+	  h: function (date, token) {
+	    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
+	  },
+	  // Hour [0-23]
+	  H: function (date, token) {
+	    return addLeadingZeros(date.getUTCHours(), token.length);
+	  },
+	  // Minute
+	  m: function (date, token) {
+	    return addLeadingZeros(date.getUTCMinutes(), token.length);
+	  },
+	  // Second
+	  s: function (date, token) {
+	    return addLeadingZeros(date.getUTCSeconds(), token.length);
+	  },
+	  // Fraction of second
+	  S: function (date, token) {
+	    var numberOfDigits = token.length;
+	    var milliseconds = date.getUTCMilliseconds();
+	    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
+	    return addLeadingZeros(fractionalSeconds, token.length);
+	  }
+	};
+	var formatters$3 = formatters$2;
+
+	var MILLISECONDS_IN_DAY = 86400000; // This function will be a part of public API when UTC function will be implemented.
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function getUTCDayOfYear(dirtyDate) {
+	  requiredArgs(1, arguments);
+	  var date = toDate(dirtyDate);
+	  var timestamp = date.getTime();
+	  date.setUTCMonth(0, 1);
+	  date.setUTCHours(0, 0, 0, 0);
+	  var startOfYearTimestamp = date.getTime();
+	  var difference = timestamp - startOfYearTimestamp;
+	  return Math.floor(difference / MILLISECONDS_IN_DAY) + 1;
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function startOfUTCISOWeek(dirtyDate) {
+	  requiredArgs(1, arguments);
+	  var weekStartsOn = 1;
+	  var date = toDate(dirtyDate);
+	  var day = date.getUTCDay();
+	  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+	  date.setUTCDate(date.getUTCDate() - diff);
+	  date.setUTCHours(0, 0, 0, 0);
+	  return date;
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function getUTCISOWeekYear(dirtyDate) {
+	  requiredArgs(1, arguments);
+	  var date = toDate(dirtyDate);
+	  var year = date.getUTCFullYear();
+	  var fourthOfJanuaryOfNextYear = new Date(0);
+	  fourthOfJanuaryOfNextYear.setUTCFullYear(year + 1, 0, 4);
+	  fourthOfJanuaryOfNextYear.setUTCHours(0, 0, 0, 0);
+	  var startOfNextYear = startOfUTCISOWeek(fourthOfJanuaryOfNextYear);
+	  var fourthOfJanuaryOfThisYear = new Date(0);
+	  fourthOfJanuaryOfThisYear.setUTCFullYear(year, 0, 4);
+	  fourthOfJanuaryOfThisYear.setUTCHours(0, 0, 0, 0);
+	  var startOfThisYear = startOfUTCISOWeek(fourthOfJanuaryOfThisYear);
+
+	  if (date.getTime() >= startOfNextYear.getTime()) {
+	    return year + 1;
+	  } else if (date.getTime() >= startOfThisYear.getTime()) {
+	    return year;
+	  } else {
+	    return year - 1;
+	  }
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function startOfUTCISOWeekYear(dirtyDate) {
+	  requiredArgs(1, arguments);
+	  var year = getUTCISOWeekYear(dirtyDate);
+	  var fourthOfJanuary = new Date(0);
+	  fourthOfJanuary.setUTCFullYear(year, 0, 4);
+	  fourthOfJanuary.setUTCHours(0, 0, 0, 0);
+	  var date = startOfUTCISOWeek(fourthOfJanuary);
+	  return date;
+	}
+
+	var MILLISECONDS_IN_WEEK$1 = 604800000; // This function will be a part of public API when UTC function will be implemented.
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function getUTCISOWeek(dirtyDate) {
+	  requiredArgs(1, arguments);
+	  var date = toDate(dirtyDate);
+	  var diff = startOfUTCISOWeek(date).getTime() - startOfUTCISOWeekYear(date).getTime(); // Round the number of days to the nearest integer
+	  // because the number of milliseconds in a week is not constant
+	  // (e.g. it's different in the week of the daylight saving time clock shift)
+
+	  return Math.round(diff / MILLISECONDS_IN_WEEK$1) + 1;
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function startOfUTCWeek(dirtyDate, dirtyOptions) {
+	  requiredArgs(1, arguments);
+	  var options = dirtyOptions || {};
+	  var locale = options.locale;
+	  var localeWeekStartsOn = locale && locale.options && locale.options.weekStartsOn;
+	  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
+	  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+
+	  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+	    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+	  }
+
+	  var date = toDate(dirtyDate);
+	  var day = date.getUTCDay();
+	  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+	  date.setUTCDate(date.getUTCDate() - diff);
+	  date.setUTCHours(0, 0, 0, 0);
+	  return date;
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function getUTCWeekYear(dirtyDate, dirtyOptions) {
+	  requiredArgs(1, arguments);
+	  var date = toDate(dirtyDate, dirtyOptions);
+	  var year = date.getUTCFullYear();
+	  var options = dirtyOptions || {};
+	  var locale = options.locale;
+	  var localeFirstWeekContainsDate = locale && locale.options && locale.options.firstWeekContainsDate;
+	  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
+	  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+
+	  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+	    throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
+	  }
+
+	  var firstWeekOfNextYear = new Date(0);
+	  firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);
+	  firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);
+	  var startOfNextYear = startOfUTCWeek(firstWeekOfNextYear, dirtyOptions);
+	  var firstWeekOfThisYear = new Date(0);
+	  firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);
+	  firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);
+	  var startOfThisYear = startOfUTCWeek(firstWeekOfThisYear, dirtyOptions);
+
+	  if (date.getTime() >= startOfNextYear.getTime()) {
+	    return year + 1;
+	  } else if (date.getTime() >= startOfThisYear.getTime()) {
+	    return year;
+	  } else {
+	    return year - 1;
+	  }
+	}
+
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function startOfUTCWeekYear(dirtyDate, dirtyOptions) {
+	  requiredArgs(1, arguments);
+	  var options = dirtyOptions || {};
+	  var locale = options.locale;
+	  var localeFirstWeekContainsDate = locale && locale.options && locale.options.firstWeekContainsDate;
+	  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
+	  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate);
+	  var year = getUTCWeekYear(dirtyDate, dirtyOptions);
+	  var firstWeek = new Date(0);
+	  firstWeek.setUTCFullYear(year, 0, firstWeekContainsDate);
+	  firstWeek.setUTCHours(0, 0, 0, 0);
+	  var date = startOfUTCWeek(firstWeek, dirtyOptions);
+	  return date;
+	}
+
+	var MILLISECONDS_IN_WEEK = 604800000; // This function will be a part of public API when UTC function will be implemented.
+	// See issue: https://github.com/date-fns/date-fns/issues/376
+
+	function getUTCWeek(dirtyDate, options) {
+	  requiredArgs(1, arguments);
+	  var date = toDate(dirtyDate);
+	  var diff = startOfUTCWeek(date, options).getTime() - startOfUTCWeekYear(date, options).getTime(); // Round the number of days to the nearest integer
+	  // because the number of milliseconds in a week is not constant
+	  // (e.g. it's different in the week of the daylight saving time clock shift)
+
+	  return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
+	}
+
+	var dayPeriodEnum = {
+	  am: 'am',
+	  pm: 'pm',
+	  midnight: 'midnight',
+	  noon: 'noon',
+	  morning: 'morning',
+	  afternoon: 'afternoon',
+	  evening: 'evening',
+	  night: 'night'
+	};
+	/*
+	 * |     | Unit                           |     | Unit                           |
+	 * |-----|--------------------------------|-----|--------------------------------|
+	 * |  a  | AM, PM                         |  A* | Milliseconds in day            |
+	 * |  b  | AM, PM, noon, midnight         |  B  | Flexible day period            |
+	 * |  c  | Stand-alone local day of week  |  C* | Localized hour w/ day period   |
+	 * |  d  | Day of month                   |  D  | Day of year                    |
+	 * |  e  | Local day of week              |  E  | Day of week                    |
+	 * |  f  |                                |  F* | Day of week in month           |
+	 * |  g* | Modified Julian day            |  G  | Era                            |
+	 * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+	 * |  i! | ISO day of week                |  I! | ISO week of year               |
+	 * |  j* | Localized hour w/ day period   |  J* | Localized hour w/o day period  |
+	 * |  k  | Hour [1-24]                    |  K  | Hour [0-11]                    |
+	 * |  l* | (deprecated)                   |  L  | Stand-alone month              |
+	 * |  m  | Minute                         |  M  | Month                          |
+	 * |  n  |                                |  N  |                                |
+	 * |  o! | Ordinal number modifier        |  O  | Timezone (GMT)                 |
+	 * |  p! | Long localized time            |  P! | Long localized date            |
+	 * |  q  | Stand-alone quarter            |  Q  | Quarter                        |
+	 * |  r* | Related Gregorian year         |  R! | ISO week-numbering year        |
+	 * |  s  | Second                         |  S  | Fraction of second             |
+	 * |  t! | Seconds timestamp              |  T! | Milliseconds timestamp         |
+	 * |  u  | Extended year                  |  U* | Cyclic year                    |
+	 * |  v* | Timezone (generic non-locat.)  |  V* | Timezone (location)            |
+	 * |  w  | Local week of year             |  W* | Week of month                  |
+	 * |  x  | Timezone (ISO-8601 w/o Z)      |  X  | Timezone (ISO-8601)            |
+	 * |  y  | Year (abs)                     |  Y  | Local week-numbering year      |
+	 * |  z  | Timezone (specific non-locat.) |  Z* | Timezone (aliases)             |
+	 *
+	 * Letters marked by * are not implemented but reserved by Unicode standard.
+	 *
+	 * Letters marked by ! are non-standard, but implemented by date-fns:
+	 * - `o` modifies the previous token to turn it into an ordinal (see `format` docs)
+	 * - `i` is ISO day of week. For `i` and `ii` is returns numeric ISO week days,
+	 *   i.e. 7 for Sunday, 1 for Monday, etc.
+	 * - `I` is ISO week of year, as opposed to `w` which is local week of year.
+	 * - `R` is ISO week-numbering year, as opposed to `Y` which is local week-numbering year.
+	 *   `R` is supposed to be used in conjunction with `I` and `i`
+	 *   for universal ISO week-numbering date, whereas
+	 *   `Y` is supposed to be used in conjunction with `w` and `e`
+	 *   for week-numbering date specific to the locale.
+	 * - `P` is long localized date format
+	 * - `p` is long localized time format
+	 */
+
+	var formatters = {
+	  // Era
+	  G: function (date, token, localize) {
+	    var era = date.getUTCFullYear() > 0 ? 1 : 0;
+
+	    switch (token) {
+	      // AD, BC
+	      case 'G':
+	      case 'GG':
+	      case 'GGG':
+	        return localize.era(era, {
+	          width: 'abbreviated'
+	        });
+	      // A, B
+
+	      case 'GGGGG':
+	        return localize.era(era, {
+	          width: 'narrow'
+	        });
+	      // Anno Domini, Before Christ
+
+	      case 'GGGG':
+	      default:
+	        return localize.era(era, {
+	          width: 'wide'
+	        });
+	    }
+	  },
+	  // Year
+	  y: function (date, token, localize) {
+	    // Ordinal number
+	    if (token === 'yo') {
+	      var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+
+	      var year = signedYear > 0 ? signedYear : 1 - signedYear;
+	      return localize.ordinalNumber(year, {
+	        unit: 'year'
+	      });
+	    }
+
+	    return formatters$3.y(date, token);
+	  },
+	  // Local week-numbering year
+	  Y: function (date, token, localize, options) {
+	    var signedWeekYear = getUTCWeekYear(date, options); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+
+	    var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear; // Two digit year
+
+	    if (token === 'YY') {
+	      var twoDigitYear = weekYear % 100;
+	      return addLeadingZeros(twoDigitYear, 2);
+	    } // Ordinal number
+
+
+	    if (token === 'Yo') {
+	      return localize.ordinalNumber(weekYear, {
+	        unit: 'year'
+	      });
+	    } // Padding
+
+
+	    return addLeadingZeros(weekYear, token.length);
+	  },
+	  // ISO week-numbering year
+	  R: function (date, token) {
+	    var isoWeekYear = getUTCISOWeekYear(date); // Padding
+
+	    return addLeadingZeros(isoWeekYear, token.length);
+	  },
+	  // Extended year. This is a single number designating the year of this calendar system.
+	  // The main difference between `y` and `u` localizers are B.C. years:
+	  // | Year | `y` | `u` |
+	  // |------|-----|-----|
+	  // | AC 1 |   1 |   1 |
+	  // | BC 1 |   1 |   0 |
+	  // | BC 2 |   2 |  -1 |
+	  // Also `yy` always returns the last two digits of a year,
+	  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+	  u: function (date, token) {
+	    var year = date.getUTCFullYear();
+	    return addLeadingZeros(year, token.length);
+	  },
+	  // Quarter
+	  Q: function (date, token, localize) {
+	    var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
+
+	    switch (token) {
+	      // 1, 2, 3, 4
+	      case 'Q':
+	        return String(quarter);
+	      // 01, 02, 03, 04
+
+	      case 'QQ':
+	        return addLeadingZeros(quarter, 2);
+	      // 1st, 2nd, 3rd, 4th
+
+	      case 'Qo':
+	        return localize.ordinalNumber(quarter, {
+	          unit: 'quarter'
+	        });
+	      // Q1, Q2, Q3, Q4
+
+	      case 'QQQ':
+	        return localize.quarter(quarter, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+	      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+
+	      case 'QQQQQ':
+	        return localize.quarter(quarter, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+	      // 1st quarter, 2nd quarter, ...
+
+	      case 'QQQQ':
+	      default:
+	        return localize.quarter(quarter, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // Stand-alone quarter
+	  q: function (date, token, localize) {
+	    var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
+
+	    switch (token) {
+	      // 1, 2, 3, 4
+	      case 'q':
+	        return String(quarter);
+	      // 01, 02, 03, 04
+
+	      case 'qq':
+	        return addLeadingZeros(quarter, 2);
+	      // 1st, 2nd, 3rd, 4th
+
+	      case 'qo':
+	        return localize.ordinalNumber(quarter, {
+	          unit: 'quarter'
+	        });
+	      // Q1, Q2, Q3, Q4
+
+	      case 'qqq':
+	        return localize.quarter(quarter, {
+	          width: 'abbreviated',
+	          context: 'standalone'
+	        });
+	      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
+
+	      case 'qqqqq':
+	        return localize.quarter(quarter, {
+	          width: 'narrow',
+	          context: 'standalone'
+	        });
+	      // 1st quarter, 2nd quarter, ...
+
+	      case 'qqqq':
+	      default:
+	        return localize.quarter(quarter, {
+	          width: 'wide',
+	          context: 'standalone'
+	        });
+	    }
+	  },
+	  // Month
+	  M: function (date, token, localize) {
+	    var month = date.getUTCMonth();
+
+	    switch (token) {
+	      case 'M':
+	      case 'MM':
+	        return formatters$3.M(date, token);
+	      // 1st, 2nd, ..., 12th
+
+	      case 'Mo':
+	        return localize.ordinalNumber(month + 1, {
+	          unit: 'month'
+	        });
+	      // Jan, Feb, ..., Dec
+
+	      case 'MMM':
+	        return localize.month(month, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+	      // J, F, ..., D
+
+	      case 'MMMMM':
+	        return localize.month(month, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+	      // January, February, ..., December
+
+	      case 'MMMM':
+	      default:
+	        return localize.month(month, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // Stand-alone month
+	  L: function (date, token, localize) {
+	    var month = date.getUTCMonth();
+
+	    switch (token) {
+	      // 1, 2, ..., 12
+	      case 'L':
+	        return String(month + 1);
+	      // 01, 02, ..., 12
+
+	      case 'LL':
+	        return addLeadingZeros(month + 1, 2);
+	      // 1st, 2nd, ..., 12th
+
+	      case 'Lo':
+	        return localize.ordinalNumber(month + 1, {
+	          unit: 'month'
+	        });
+	      // Jan, Feb, ..., Dec
+
+	      case 'LLL':
+	        return localize.month(month, {
+	          width: 'abbreviated',
+	          context: 'standalone'
+	        });
+	      // J, F, ..., D
+
+	      case 'LLLLL':
+	        return localize.month(month, {
+	          width: 'narrow',
+	          context: 'standalone'
+	        });
+	      // January, February, ..., December
+
+	      case 'LLLL':
+	      default:
+	        return localize.month(month, {
+	          width: 'wide',
+	          context: 'standalone'
+	        });
+	    }
+	  },
+	  // Local week of year
+	  w: function (date, token, localize, options) {
+	    var week = getUTCWeek(date, options);
+
+	    if (token === 'wo') {
+	      return localize.ordinalNumber(week, {
+	        unit: 'week'
+	      });
+	    }
+
+	    return addLeadingZeros(week, token.length);
+	  },
+	  // ISO week of year
+	  I: function (date, token, localize) {
+	    var isoWeek = getUTCISOWeek(date);
+
+	    if (token === 'Io') {
+	      return localize.ordinalNumber(isoWeek, {
+	        unit: 'week'
+	      });
+	    }
+
+	    return addLeadingZeros(isoWeek, token.length);
+	  },
+	  // Day of the month
+	  d: function (date, token, localize) {
+	    if (token === 'do') {
+	      return localize.ordinalNumber(date.getUTCDate(), {
+	        unit: 'date'
+	      });
+	    }
+
+	    return formatters$3.d(date, token);
+	  },
+	  // Day of year
+	  D: function (date, token, localize) {
+	    var dayOfYear = getUTCDayOfYear(date);
+
+	    if (token === 'Do') {
+	      return localize.ordinalNumber(dayOfYear, {
+	        unit: 'dayOfYear'
+	      });
+	    }
+
+	    return addLeadingZeros(dayOfYear, token.length);
+	  },
+	  // Day of week
+	  E: function (date, token, localize) {
+	    var dayOfWeek = date.getUTCDay();
+
+	    switch (token) {
+	      // Tue
+	      case 'E':
+	      case 'EE':
+	      case 'EEE':
+	        return localize.day(dayOfWeek, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+	      // T
+
+	      case 'EEEEE':
+	        return localize.day(dayOfWeek, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+	      // Tu
+
+	      case 'EEEEEE':
+	        return localize.day(dayOfWeek, {
+	          width: 'short',
+	          context: 'formatting'
+	        });
+	      // Tuesday
+
+	      case 'EEEE':
+	      default:
+	        return localize.day(dayOfWeek, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // Local day of week
+	  e: function (date, token, localize, options) {
+	    var dayOfWeek = date.getUTCDay();
+	    var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+
+	    switch (token) {
+	      // Numerical value (Nth day of week with current locale or weekStartsOn)
+	      case 'e':
+	        return String(localDayOfWeek);
+	      // Padded numerical value
+
+	      case 'ee':
+	        return addLeadingZeros(localDayOfWeek, 2);
+	      // 1st, 2nd, ..., 7th
+
+	      case 'eo':
+	        return localize.ordinalNumber(localDayOfWeek, {
+	          unit: 'day'
+	        });
+
+	      case 'eee':
+	        return localize.day(dayOfWeek, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+	      // T
+
+	      case 'eeeee':
+	        return localize.day(dayOfWeek, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+	      // Tu
+
+	      case 'eeeeee':
+	        return localize.day(dayOfWeek, {
+	          width: 'short',
+	          context: 'formatting'
+	        });
+	      // Tuesday
+
+	      case 'eeee':
+	      default:
+	        return localize.day(dayOfWeek, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // Stand-alone local day of week
+	  c: function (date, token, localize, options) {
+	    var dayOfWeek = date.getUTCDay();
+	    var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+
+	    switch (token) {
+	      // Numerical value (same as in `e`)
+	      case 'c':
+	        return String(localDayOfWeek);
+	      // Padded numerical value
+
+	      case 'cc':
+	        return addLeadingZeros(localDayOfWeek, token.length);
+	      // 1st, 2nd, ..., 7th
+
+	      case 'co':
+	        return localize.ordinalNumber(localDayOfWeek, {
+	          unit: 'day'
+	        });
+
+	      case 'ccc':
+	        return localize.day(dayOfWeek, {
+	          width: 'abbreviated',
+	          context: 'standalone'
+	        });
+	      // T
+
+	      case 'ccccc':
+	        return localize.day(dayOfWeek, {
+	          width: 'narrow',
+	          context: 'standalone'
+	        });
+	      // Tu
+
+	      case 'cccccc':
+	        return localize.day(dayOfWeek, {
+	          width: 'short',
+	          context: 'standalone'
+	        });
+	      // Tuesday
+
+	      case 'cccc':
+	      default:
+	        return localize.day(dayOfWeek, {
+	          width: 'wide',
+	          context: 'standalone'
+	        });
+	    }
+	  },
+	  // ISO day of week
+	  i: function (date, token, localize) {
+	    var dayOfWeek = date.getUTCDay();
+	    var isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
+
+	    switch (token) {
+	      // 2
+	      case 'i':
+	        return String(isoDayOfWeek);
+	      // 02
+
+	      case 'ii':
+	        return addLeadingZeros(isoDayOfWeek, token.length);
+	      // 2nd
+
+	      case 'io':
+	        return localize.ordinalNumber(isoDayOfWeek, {
+	          unit: 'day'
+	        });
+	      // Tue
+
+	      case 'iii':
+	        return localize.day(dayOfWeek, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+	      // T
+
+	      case 'iiiii':
+	        return localize.day(dayOfWeek, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+	      // Tu
+
+	      case 'iiiiii':
+	        return localize.day(dayOfWeek, {
+	          width: 'short',
+	          context: 'formatting'
+	        });
+	      // Tuesday
+
+	      case 'iiii':
+	      default:
+	        return localize.day(dayOfWeek, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // AM or PM
+	  a: function (date, token, localize) {
+	    var hours = date.getUTCHours();
+	    var dayPeriodEnumValue = hours / 12 >= 1 ? 'pm' : 'am';
+
+	    switch (token) {
+	      case 'a':
+	      case 'aa':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+
+	      case 'aaa':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        }).toLowerCase();
+
+	      case 'aaaaa':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+
+	      case 'aaaa':
+	      default:
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // AM, PM, midnight, noon
+	  b: function (date, token, localize) {
+	    var hours = date.getUTCHours();
+	    var dayPeriodEnumValue;
+
+	    if (hours === 12) {
+	      dayPeriodEnumValue = dayPeriodEnum.noon;
+	    } else if (hours === 0) {
+	      dayPeriodEnumValue = dayPeriodEnum.midnight;
+	    } else {
+	      dayPeriodEnumValue = hours / 12 >= 1 ? 'pm' : 'am';
+	    }
+
+	    switch (token) {
+	      case 'b':
+	      case 'bb':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+
+	      case 'bbb':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        }).toLowerCase();
+
+	      case 'bbbbb':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+
+	      case 'bbbb':
+	      default:
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // in the morning, in the afternoon, in the evening, at night
+	  B: function (date, token, localize) {
+	    var hours = date.getUTCHours();
+	    var dayPeriodEnumValue;
+
+	    if (hours >= 17) {
+	      dayPeriodEnumValue = dayPeriodEnum.evening;
+	    } else if (hours >= 12) {
+	      dayPeriodEnumValue = dayPeriodEnum.afternoon;
+	    } else if (hours >= 4) {
+	      dayPeriodEnumValue = dayPeriodEnum.morning;
+	    } else {
+	      dayPeriodEnumValue = dayPeriodEnum.night;
+	    }
+
+	    switch (token) {
+	      case 'B':
+	      case 'BB':
+	      case 'BBB':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'abbreviated',
+	          context: 'formatting'
+	        });
+
+	      case 'BBBBB':
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'narrow',
+	          context: 'formatting'
+	        });
+
+	      case 'BBBB':
+	      default:
+	        return localize.dayPeriod(dayPeriodEnumValue, {
+	          width: 'wide',
+	          context: 'formatting'
+	        });
+	    }
+	  },
+	  // Hour [1-12]
+	  h: function (date, token, localize) {
+	    if (token === 'ho') {
+	      var hours = date.getUTCHours() % 12;
+	      if (hours === 0) hours = 12;
+	      return localize.ordinalNumber(hours, {
+	        unit: 'hour'
+	      });
+	    }
+
+	    return formatters$3.h(date, token);
+	  },
+	  // Hour [0-23]
+	  H: function (date, token, localize) {
+	    if (token === 'Ho') {
+	      return localize.ordinalNumber(date.getUTCHours(), {
+	        unit: 'hour'
+	      });
+	    }
+
+	    return formatters$3.H(date, token);
+	  },
+	  // Hour [0-11]
+	  K: function (date, token, localize) {
+	    var hours = date.getUTCHours() % 12;
+
+	    if (token === 'Ko') {
+	      return localize.ordinalNumber(hours, {
+	        unit: 'hour'
+	      });
+	    }
+
+	    return addLeadingZeros(hours, token.length);
+	  },
+	  // Hour [1-24]
+	  k: function (date, token, localize) {
+	    var hours = date.getUTCHours();
+	    if (hours === 0) hours = 24;
+
+	    if (token === 'ko') {
+	      return localize.ordinalNumber(hours, {
+	        unit: 'hour'
+	      });
+	    }
+
+	    return addLeadingZeros(hours, token.length);
+	  },
+	  // Minute
+	  m: function (date, token, localize) {
+	    if (token === 'mo') {
+	      return localize.ordinalNumber(date.getUTCMinutes(), {
+	        unit: 'minute'
+	      });
+	    }
+
+	    return formatters$3.m(date, token);
+	  },
+	  // Second
+	  s: function (date, token, localize) {
+	    if (token === 'so') {
+	      return localize.ordinalNumber(date.getUTCSeconds(), {
+	        unit: 'second'
+	      });
+	    }
+
+	    return formatters$3.s(date, token);
+	  },
+	  // Fraction of second
+	  S: function (date, token) {
+	    return formatters$3.S(date, token);
+	  },
+	  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+	  X: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timezoneOffset = originalDate.getTimezoneOffset();
+
+	    if (timezoneOffset === 0) {
+	      return 'Z';
+	    }
+
+	    switch (token) {
+	      // Hours and optional minutes
+	      case 'X':
+	        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+	      // Hours, minutes and optional seconds without `:` delimiter
+	      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+	      // so this token always has the same output as `XX`
+
+	      case 'XXXX':
+	      case 'XX':
+	        // Hours and minutes without `:` delimiter
+	        return formatTimezone(timezoneOffset);
+	      // Hours, minutes and optional seconds with `:` delimiter
+	      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+	      // so this token always has the same output as `XXX`
+
+	      case 'XXXXX':
+	      case 'XXX': // Hours and minutes with `:` delimiter
+
+	      default:
+	        return formatTimezone(timezoneOffset, ':');
+	    }
+	  },
+	  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+	  x: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timezoneOffset = originalDate.getTimezoneOffset();
+
+	    switch (token) {
+	      // Hours and optional minutes
+	      case 'x':
+	        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+	      // Hours, minutes and optional seconds without `:` delimiter
+	      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+	      // so this token always has the same output as `xx`
+
+	      case 'xxxx':
+	      case 'xx':
+	        // Hours and minutes without `:` delimiter
+	        return formatTimezone(timezoneOffset);
+	      // Hours, minutes and optional seconds with `:` delimiter
+	      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+	      // so this token always has the same output as `xxx`
+
+	      case 'xxxxx':
+	      case 'xxx': // Hours and minutes with `:` delimiter
+
+	      default:
+	        return formatTimezone(timezoneOffset, ':');
+	    }
+	  },
+	  // Timezone (GMT)
+	  O: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timezoneOffset = originalDate.getTimezoneOffset();
+
+	    switch (token) {
+	      // Short
+	      case 'O':
+	      case 'OO':
+	      case 'OOO':
+	        return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
+	      // Long
+
+	      case 'OOOO':
+	      default:
+	        return 'GMT' + formatTimezone(timezoneOffset, ':');
+	    }
+	  },
+	  // Timezone (specific non-location)
+	  z: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timezoneOffset = originalDate.getTimezoneOffset();
+
+	    switch (token) {
+	      // Short
+	      case 'z':
+	      case 'zz':
+	      case 'zzz':
+	        return 'GMT' + formatTimezoneShort(timezoneOffset, ':');
+	      // Long
+
+	      case 'zzzz':
+	      default:
+	        return 'GMT' + formatTimezone(timezoneOffset, ':');
+	    }
+	  },
+	  // Seconds timestamp
+	  t: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timestamp = Math.floor(originalDate.getTime() / 1000);
+	    return addLeadingZeros(timestamp, token.length);
+	  },
+	  // Milliseconds timestamp
+	  T: function (date, token, _localize, options) {
+	    var originalDate = options._originalDate || date;
+	    var timestamp = originalDate.getTime();
+	    return addLeadingZeros(timestamp, token.length);
+	  }
+	};
+
+	function formatTimezoneShort(offset, dirtyDelimiter) {
+	  var sign = offset > 0 ? '-' : '+';
+	  var absOffset = Math.abs(offset);
+	  var hours = Math.floor(absOffset / 60);
+	  var minutes = absOffset % 60;
+
+	  if (minutes === 0) {
+	    return sign + String(hours);
+	  }
+
+	  var delimiter = dirtyDelimiter || '';
+	  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
+	}
+
+	function formatTimezoneWithOptionalMinutes(offset, dirtyDelimiter) {
+	  if (offset % 60 === 0) {
+	    var sign = offset > 0 ? '-' : '+';
+	    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
+	  }
+
+	  return formatTimezone(offset, dirtyDelimiter);
+	}
+
+	function formatTimezone(offset, dirtyDelimiter) {
+	  var delimiter = dirtyDelimiter || '';
+	  var sign = offset > 0 ? '-' : '+';
+	  var absOffset = Math.abs(offset);
+	  var hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
+	  var minutes = addLeadingZeros(absOffset % 60, 2);
+	  return sign + hours + delimiter + minutes;
+	}
+
+	var formatters$1 = formatters;
+
+	function dateLongFormatter(pattern, formatLong) {
+	  switch (pattern) {
+	    case 'P':
+	      return formatLong.date({
+	        width: 'short'
+	      });
+
+	    case 'PP':
+	      return formatLong.date({
+	        width: 'medium'
+	      });
+
+	    case 'PPP':
+	      return formatLong.date({
+	        width: 'long'
+	      });
+
+	    case 'PPPP':
+	    default:
+	      return formatLong.date({
+	        width: 'full'
+	      });
+	  }
+	}
+
+	function timeLongFormatter(pattern, formatLong) {
+	  switch (pattern) {
+	    case 'p':
+	      return formatLong.time({
+	        width: 'short'
+	      });
+
+	    case 'pp':
+	      return formatLong.time({
+	        width: 'medium'
+	      });
+
+	    case 'ppp':
+	      return formatLong.time({
+	        width: 'long'
+	      });
+
+	    case 'pppp':
+	    default:
+	      return formatLong.time({
+	        width: 'full'
+	      });
+	  }
+	}
+
+	function dateTimeLongFormatter(pattern, formatLong) {
+	  var matchResult = pattern.match(/(P+)(p+)?/);
+	  var datePattern = matchResult[1];
+	  var timePattern = matchResult[2];
+
+	  if (!timePattern) {
+	    return dateLongFormatter(pattern, formatLong);
+	  }
+
+	  var dateTimeFormat;
+
+	  switch (datePattern) {
+	    case 'P':
+	      dateTimeFormat = formatLong.dateTime({
+	        width: 'short'
+	      });
+	      break;
+
+	    case 'PP':
+	      dateTimeFormat = formatLong.dateTime({
+	        width: 'medium'
+	      });
+	      break;
+
+	    case 'PPP':
+	      dateTimeFormat = formatLong.dateTime({
+	        width: 'long'
+	      });
+	      break;
+
+	    case 'PPPP':
+	    default:
+	      dateTimeFormat = formatLong.dateTime({
+	        width: 'full'
+	      });
+	      break;
+	  }
+
+	  return dateTimeFormat.replace('{{date}}', dateLongFormatter(datePattern, formatLong)).replace('{{time}}', timeLongFormatter(timePattern, formatLong));
+	}
+
+	var longFormatters = {
+	  p: timeLongFormatter,
+	  P: dateTimeLongFormatter
+	};
+	var longFormatters$1 = longFormatters;
+
+	var protectedDayOfYearTokens = ['D', 'DD'];
+	var protectedWeekYearTokens = ['YY', 'YYYY'];
+	function isProtectedDayOfYearToken(token) {
+	  return protectedDayOfYearTokens.indexOf(token) !== -1;
+	}
+	function isProtectedWeekYearToken(token) {
+	  return protectedWeekYearTokens.indexOf(token) !== -1;
+	}
+	function throwProtectedError(token, format, input) {
+	  if (token === 'YYYY') {
+	    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+	  } else if (token === 'YY') {
+	    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+	  } else if (token === 'D') {
+	    throw new RangeError("Use `d` instead of `D` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+	  } else if (token === 'DD') {
+	    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
+	  }
+	}
+
+	// - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
+	//   (one of the certain letters followed by `o`)
+	// - (\w)\1* matches any sequences of the same letter
+	// - '' matches two quote characters in a row
+	// - '(''|[^'])+('|$) matches anything surrounded by two quote characters ('),
+	//   except a single quote symbol, which ends the sequence.
+	//   Two quote characters do not end the sequence.
+	//   If there is no matching single quote
+	//   then the sequence will continue until the end of the string.
+	// - . matches any single character unmatched by previous parts of the RegExps
+
+	var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g; // This RegExp catches symbols escaped by quotes, and also
+	// sequences of symbols P, p, and the combinations like `PPPPPPPppppp`
+
+	var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
+	var escapedStringRegExp = /^'([^]*?)'?$/;
+	var doubleQuoteRegExp = /''/g;
+	var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
+	/**
+	 * @name format
+	 * @category Common Helpers
+	 * @summary Format the date.
+	 *
+	 * @description
+	 * Return the formatted date string in the given format. The result may vary by locale.
+	 *
+	 * > ⚠️ Please note that the `format` tokens differ from Moment.js and other libraries.
+	 * > See: https://git.io/fxCyr
+	 *
+	 * The characters wrapped between two single quotes characters (') are escaped.
+	 * Two single quotes in a row, whether inside or outside a quoted sequence, represent a 'real' single quote.
+	 * (see the last example)
+	 *
+	 * Format of the string is based on Unicode Technical Standard #35:
+	 * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
+	 * with a few additions (see note 7 below the table).
+	 *
+	 * Accepted patterns:
+	 * | Unit                            | Pattern | Result examples                   | Notes |
+	 * |---------------------------------|---------|-----------------------------------|-------|
+	 * | Era                             | G..GGG  | AD, BC                            |       |
+	 * |                                 | GGGG    | Anno Domini, Before Christ        | 2     |
+	 * |                                 | GGGGG   | A, B                              |       |
+	 * | Calendar year                   | y       | 44, 1, 1900, 2017                 | 5     |
+	 * |                                 | yo      | 44th, 1st, 0th, 17th              | 5,7   |
+	 * |                                 | yy      | 44, 01, 00, 17                    | 5     |
+	 * |                                 | yyy     | 044, 001, 1900, 2017              | 5     |
+	 * |                                 | yyyy    | 0044, 0001, 1900, 2017            | 5     |
+	 * |                                 | yyyyy   | ...                               | 3,5   |
+	 * | Local week-numbering year       | Y       | 44, 1, 1900, 2017                 | 5     |
+	 * |                                 | Yo      | 44th, 1st, 1900th, 2017th         | 5,7   |
+	 * |                                 | YY      | 44, 01, 00, 17                    | 5,8   |
+	 * |                                 | YYY     | 044, 001, 1900, 2017              | 5     |
+	 * |                                 | YYYY    | 0044, 0001, 1900, 2017            | 5,8   |
+	 * |                                 | YYYYY   | ...                               | 3,5   |
+	 * | ISO week-numbering year         | R       | -43, 0, 1, 1900, 2017             | 5,7   |
+	 * |                                 | RR      | -43, 00, 01, 1900, 2017           | 5,7   |
+	 * |                                 | RRR     | -043, 000, 001, 1900, 2017        | 5,7   |
+	 * |                                 | RRRR    | -0043, 0000, 0001, 1900, 2017     | 5,7   |
+	 * |                                 | RRRRR   | ...                               | 3,5,7 |
+	 * | Extended year                   | u       | -43, 0, 1, 1900, 2017             | 5     |
+	 * |                                 | uu      | -43, 01, 1900, 2017               | 5     |
+	 * |                                 | uuu     | -043, 001, 1900, 2017             | 5     |
+	 * |                                 | uuuu    | -0043, 0001, 1900, 2017           | 5     |
+	 * |                                 | uuuuu   | ...                               | 3,5   |
+	 * | Quarter (formatting)            | Q       | 1, 2, 3, 4                        |       |
+	 * |                                 | Qo      | 1st, 2nd, 3rd, 4th                | 7     |
+	 * |                                 | QQ      | 01, 02, 03, 04                    |       |
+	 * |                                 | QQQ     | Q1, Q2, Q3, Q4                    |       |
+	 * |                                 | QQQQ    | 1st quarter, 2nd quarter, ...     | 2     |
+	 * |                                 | QQQQQ   | 1, 2, 3, 4                        | 4     |
+	 * | Quarter (stand-alone)           | q       | 1, 2, 3, 4                        |       |
+	 * |                                 | qo      | 1st, 2nd, 3rd, 4th                | 7     |
+	 * |                                 | qq      | 01, 02, 03, 04                    |       |
+	 * |                                 | qqq     | Q1, Q2, Q3, Q4                    |       |
+	 * |                                 | qqqq    | 1st quarter, 2nd quarter, ...     | 2     |
+	 * |                                 | qqqqq   | 1, 2, 3, 4                        | 4     |
+	 * | Month (formatting)              | M       | 1, 2, ..., 12                     |       |
+	 * |                                 | Mo      | 1st, 2nd, ..., 12th               | 7     |
+	 * |                                 | MM      | 01, 02, ..., 12                   |       |
+	 * |                                 | MMM     | Jan, Feb, ..., Dec                |       |
+	 * |                                 | MMMM    | January, February, ..., December  | 2     |
+	 * |                                 | MMMMM   | J, F, ..., D                      |       |
+	 * | Month (stand-alone)             | L       | 1, 2, ..., 12                     |       |
+	 * |                                 | Lo      | 1st, 2nd, ..., 12th               | 7     |
+	 * |                                 | LL      | 01, 02, ..., 12                   |       |
+	 * |                                 | LLL     | Jan, Feb, ..., Dec                |       |
+	 * |                                 | LLLL    | January, February, ..., December  | 2     |
+	 * |                                 | LLLLL   | J, F, ..., D                      |       |
+	 * | Local week of year              | w       | 1, 2, ..., 53                     |       |
+	 * |                                 | wo      | 1st, 2nd, ..., 53th               | 7     |
+	 * |                                 | ww      | 01, 02, ..., 53                   |       |
+	 * | ISO week of year                | I       | 1, 2, ..., 53                     | 7     |
+	 * |                                 | Io      | 1st, 2nd, ..., 53th               | 7     |
+	 * |                                 | II      | 01, 02, ..., 53                   | 7     |
+	 * | Day of month                    | d       | 1, 2, ..., 31                     |       |
+	 * |                                 | do      | 1st, 2nd, ..., 31st               | 7     |
+	 * |                                 | dd      | 01, 02, ..., 31                   |       |
+	 * | Day of year                     | D       | 1, 2, ..., 365, 366               | 9     |
+	 * |                                 | Do      | 1st, 2nd, ..., 365th, 366th       | 7     |
+	 * |                                 | DD      | 01, 02, ..., 365, 366             | 9     |
+	 * |                                 | DDD     | 001, 002, ..., 365, 366           |       |
+	 * |                                 | DDDD    | ...                               | 3     |
+	 * | Day of week (formatting)        | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
+	 * |                                 | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
+	 * |                                 | EEEEE   | M, T, W, T, F, S, S               |       |
+	 * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+	 * | ISO day of week (formatting)    | i       | 1, 2, 3, ..., 7                   | 7     |
+	 * |                                 | io      | 1st, 2nd, ..., 7th                | 7     |
+	 * |                                 | ii      | 01, 02, ..., 07                   | 7     |
+	 * |                                 | iii     | Mon, Tue, Wed, ..., Sun           | 7     |
+	 * |                                 | iiii    | Monday, Tuesday, ..., Sunday      | 2,7   |
+	 * |                                 | iiiii   | M, T, W, T, F, S, S               | 7     |
+	 * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 7     |
+	 * | Local day of week (formatting)  | e       | 2, 3, 4, ..., 1                   |       |
+	 * |                                 | eo      | 2nd, 3rd, ..., 1st                | 7     |
+	 * |                                 | ee      | 02, 03, ..., 01                   |       |
+	 * |                                 | eee     | Mon, Tue, Wed, ..., Sun           |       |
+	 * |                                 | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
+	 * |                                 | eeeee   | M, T, W, T, F, S, S               |       |
+	 * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+	 * | Local day of week (stand-alone) | c       | 2, 3, 4, ..., 1                   |       |
+	 * |                                 | co      | 2nd, 3rd, ..., 1st                | 7     |
+	 * |                                 | cc      | 02, 03, ..., 01                   |       |
+	 * |                                 | ccc     | Mon, Tue, Wed, ..., Sun           |       |
+	 * |                                 | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
+	 * |                                 | ccccc   | M, T, W, T, F, S, S               |       |
+	 * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
+	 * | AM, PM                          | a..aa   | AM, PM                            |       |
+	 * |                                 | aaa     | am, pm                            |       |
+	 * |                                 | aaaa    | a.m., p.m.                        | 2     |
+	 * |                                 | aaaaa   | a, p                              |       |
+	 * | AM, PM, noon, midnight          | b..bb   | AM, PM, noon, midnight            |       |
+	 * |                                 | bbb     | am, pm, noon, midnight            |       |
+	 * |                                 | bbbb    | a.m., p.m., noon, midnight        | 2     |
+	 * |                                 | bbbbb   | a, p, n, mi                       |       |
+	 * | Flexible day period             | B..BBB  | at night, in the morning, ...     |       |
+	 * |                                 | BBBB    | at night, in the morning, ...     | 2     |
+	 * |                                 | BBBBB   | at night, in the morning, ...     |       |
+	 * | Hour [1-12]                     | h       | 1, 2, ..., 11, 12                 |       |
+	 * |                                 | ho      | 1st, 2nd, ..., 11th, 12th         | 7     |
+	 * |                                 | hh      | 01, 02, ..., 11, 12               |       |
+	 * | Hour [0-23]                     | H       | 0, 1, 2, ..., 23                  |       |
+	 * |                                 | Ho      | 0th, 1st, 2nd, ..., 23rd          | 7     |
+	 * |                                 | HH      | 00, 01, 02, ..., 23               |       |
+	 * | Hour [0-11]                     | K       | 1, 2, ..., 11, 0                  |       |
+	 * |                                 | Ko      | 1st, 2nd, ..., 11th, 0th          | 7     |
+	 * |                                 | KK      | 01, 02, ..., 11, 00               |       |
+	 * | Hour [1-24]                     | k       | 24, 1, 2, ..., 23                 |       |
+	 * |                                 | ko      | 24th, 1st, 2nd, ..., 23rd         | 7     |
+	 * |                                 | kk      | 24, 01, 02, ..., 23               |       |
+	 * | Minute                          | m       | 0, 1, ..., 59                     |       |
+	 * |                                 | mo      | 0th, 1st, ..., 59th               | 7     |
+	 * |                                 | mm      | 00, 01, ..., 59                   |       |
+	 * | Second                          | s       | 0, 1, ..., 59                     |       |
+	 * |                                 | so      | 0th, 1st, ..., 59th               | 7     |
+	 * |                                 | ss      | 00, 01, ..., 59                   |       |
+	 * | Fraction of second              | S       | 0, 1, ..., 9                      |       |
+	 * |                                 | SS      | 00, 01, ..., 99                   |       |
+	 * |                                 | SSS     | 000, 001, ..., 999                |       |
+	 * |                                 | SSSS    | ...                               | 3     |
+	 * | Timezone (ISO-8601 w/ Z)        | X       | -08, +0530, Z                     |       |
+	 * |                                 | XX      | -0800, +0530, Z                   |       |
+	 * |                                 | XXX     | -08:00, +05:30, Z                 |       |
+	 * |                                 | XXXX    | -0800, +0530, Z, +123456          | 2     |
+	 * |                                 | XXXXX   | -08:00, +05:30, Z, +12:34:56      |       |
+	 * | Timezone (ISO-8601 w/o Z)       | x       | -08, +0530, +00                   |       |
+	 * |                                 | xx      | -0800, +0530, +0000               |       |
+	 * |                                 | xxx     | -08:00, +05:30, +00:00            | 2     |
+	 * |                                 | xxxx    | -0800, +0530, +0000, +123456      |       |
+	 * |                                 | xxxxx   | -08:00, +05:30, +00:00, +12:34:56 |       |
+	 * | Timezone (GMT)                  | O...OOO | GMT-8, GMT+5:30, GMT+0            |       |
+	 * |                                 | OOOO    | GMT-08:00, GMT+05:30, GMT+00:00   | 2     |
+	 * | Timezone (specific non-locat.)  | z...zzz | GMT-8, GMT+5:30, GMT+0            | 6     |
+	 * |                                 | zzzz    | GMT-08:00, GMT+05:30, GMT+00:00   | 2,6   |
+	 * | Seconds timestamp               | t       | 512969520                         | 7     |
+	 * |                                 | tt      | ...                               | 3,7   |
+	 * | Milliseconds timestamp          | T       | 512969520900                      | 7     |
+	 * |                                 | TT      | ...                               | 3,7   |
+	 * | Long localized date             | P       | 04/29/1453                        | 7     |
+	 * |                                 | PP      | Apr 29, 1453                      | 7     |
+	 * |                                 | PPP     | April 29th, 1453                  | 7     |
+	 * |                                 | PPPP    | Friday, April 29th, 1453          | 2,7   |
+	 * | Long localized time             | p       | 12:00 AM                          | 7     |
+	 * |                                 | pp      | 12:00:00 AM                       | 7     |
+	 * |                                 | ppp     | 12:00:00 AM GMT+2                 | 7     |
+	 * |                                 | pppp    | 12:00:00 AM GMT+02:00             | 2,7   |
+	 * | Combination of date and time    | Pp      | 04/29/1453, 12:00 AM              | 7     |
+	 * |                                 | PPpp    | Apr 29, 1453, 12:00:00 AM         | 7     |
+	 * |                                 | PPPppp  | April 29th, 1453 at ...           | 7     |
+	 * |                                 | PPPPpppp| Friday, April 29th, 1453 at ...   | 2,7   |
+	 * Notes:
+	 * 1. "Formatting" units (e.g. formatting quarter) in the default en-US locale
+	 *    are the same as "stand-alone" units, but are different in some languages.
+	 *    "Formatting" units are declined according to the rules of the language
+	 *    in the context of a date. "Stand-alone" units are always nominative singular:
+	 *
+	 *    `format(new Date(2017, 10, 6), 'do LLLL', {locale: cs}) //=> '6. listopad'`
+	 *
+	 *    `format(new Date(2017, 10, 6), 'do MMMM', {locale: cs}) //=> '6. listopadu'`
+	 *
+	 * 2. Any sequence of the identical letters is a pattern, unless it is escaped by
+	 *    the single quote characters (see below).
+	 *    If the sequence is longer than listed in table (e.g. `EEEEEEEEEEE`)
+	 *    the output will be the same as default pattern for this unit, usually
+	 *    the longest one (in case of ISO weekdays, `EEEE`). Default patterns for units
+	 *    are marked with "2" in the last column of the table.
+	 *
+	 *    `format(new Date(2017, 10, 6), 'MMM') //=> 'Nov'`
+	 *
+	 *    `format(new Date(2017, 10, 6), 'MMMM') //=> 'November'`
+	 *
+	 *    `format(new Date(2017, 10, 6), 'MMMMM') //=> 'N'`
+	 *
+	 *    `format(new Date(2017, 10, 6), 'MMMMMM') //=> 'November'`
+	 *
+	 *    `format(new Date(2017, 10, 6), 'MMMMMMM') //=> 'November'`
+	 *
+	 * 3. Some patterns could be unlimited length (such as `yyyyyyyy`).
+	 *    The output will be padded with zeros to match the length of the pattern.
+	 *
+	 *    `format(new Date(2017, 10, 6), 'yyyyyyyy') //=> '00002017'`
+	 *
+	 * 4. `QQQQQ` and `qqqqq` could be not strictly numerical in some locales.
+	 *    These tokens represent the shortest form of the quarter.
+	 *
+	 * 5. The main difference between `y` and `u` patterns are B.C. years:
+	 *
+	 *    | Year | `y` | `u` |
+	 *    |------|-----|-----|
+	 *    | AC 1 |   1 |   1 |
+	 *    | BC 1 |   1 |   0 |
+	 *    | BC 2 |   2 |  -1 |
+	 *
+	 *    Also `yy` always returns the last two digits of a year,
+	 *    while `uu` pads single digit years to 2 characters and returns other years unchanged:
+	 *
+	 *    | Year | `yy` | `uu` |
+	 *    |------|------|------|
+	 *    | 1    |   01 |   01 |
+	 *    | 14   |   14 |   14 |
+	 *    | 376  |   76 |  376 |
+	 *    | 1453 |   53 | 1453 |
+	 *
+	 *    The same difference is true for local and ISO week-numbering years (`Y` and `R`),
+	 *    except local week-numbering years are dependent on `options.weekStartsOn`
+	 *    and `options.firstWeekContainsDate` (compare [getISOWeekYear]{@link https://date-fns.org/docs/getISOWeekYear}
+	 *    and [getWeekYear]{@link https://date-fns.org/docs/getWeekYear}).
+	 *
+	 * 6. Specific non-location timezones are currently unavailable in `date-fns`,
+	 *    so right now these tokens fall back to GMT timezones.
+	 *
+	 * 7. These patterns are not in the Unicode Technical Standard #35:
+	 *    - `i`: ISO day of week
+	 *    - `I`: ISO week of year
+	 *    - `R`: ISO week-numbering year
+	 *    - `t`: seconds timestamp
+	 *    - `T`: milliseconds timestamp
+	 *    - `o`: ordinal number modifier
+	 *    - `P`: long localized date
+	 *    - `p`: long localized time
+	 *
+	 * 8. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
+	 *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
+	 *
+	 * 9. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
+	 *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
+	 *
+	 * ### v2.0.0 breaking changes:
+	 *
+	 * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+	 *
+	 * - The second argument is now required for the sake of explicitness.
+	 *
+	 *   ```javascript
+	 *   // Before v2.0.0
+	 *   format(new Date(2016, 0, 1))
+	 *
+	 *   // v2.0.0 onward
+	 *   format(new Date(2016, 0, 1), "yyyy-MM-dd'T'HH:mm:ss.SSSxxx")
+	 *   ```
+	 *
+	 * - New format string API for `format` function
+	 *   which is based on [Unicode Technical Standard #35](https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).
+	 *   See [this post](https://blog.date-fns.org/post/unicode-tokens-in-date-fns-v2-sreatyki91jg) for more details.
+	 *
+	 * - Characters are now escaped using single quote symbols (`'`) instead of square brackets.
+	 *
+	 * @param {Date|Number} date - the original date
+	 * @param {String} format - the string of tokens
+	 * @param {Object} [options] - an object with options.
+	 * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}
+	 * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)
+	 * @param {Number} [options.firstWeekContainsDate=1] - the day of January, which is
+	 * @param {Boolean} [options.useAdditionalWeekYearTokens=false] - if true, allows usage of the week-numbering year tokens `YY` and `YYYY`;
+	 *   see: https://git.io/fxCyr
+	 * @param {Boolean} [options.useAdditionalDayOfYearTokens=false] - if true, allows usage of the day of year tokens `D` and `DD`;
+	 *   see: https://git.io/fxCyr
+	 * @returns {String} the formatted date string
+	 * @throws {TypeError} 2 arguments required
+	 * @throws {RangeError} `date` must not be Invalid Date
+	 * @throws {RangeError} `options.locale` must contain `localize` property
+	 * @throws {RangeError} `options.locale` must contain `formatLong` property
+	 * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6
+	 * @throws {RangeError} `options.firstWeekContainsDate` must be between 1 and 7
+	 * @throws {RangeError} use `yyyy` instead of `YYYY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+	 * @throws {RangeError} use `yy` instead of `YY` for formatting years using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+	 * @throws {RangeError} use `d` instead of `D` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+	 * @throws {RangeError} use `dd` instead of `DD` for formatting days of the month using [format provided] to the input [input provided]; see: https://git.io/fxCyr
+	 * @throws {RangeError} format string contains an unescaped latin alphabet character
+	 *
+	 * @example
+	 * // Represent 11 February 2014 in middle-endian format:
+	 * var result = format(new Date(2014, 1, 11), 'MM/dd/yyyy')
+	 * //=> '02/11/2014'
+	 *
+	 * @example
+	 * // Represent 2 July 2014 in Esperanto:
+	 * import { eoLocale } from 'date-fns/locale/eo'
+	 * var result = format(new Date(2014, 6, 2), "do 'de' MMMM yyyy", {
+	 *   locale: eoLocale
+	 * })
+	 * //=> '2-a de julio 2014'
+	 *
+	 * @example
+	 * // Escape string by single quote characters:
+	 * var result = format(new Date(2014, 6, 2, 15), "h 'o''clock'")
+	 * //=> "3 o'clock"
+	 */
+
+	function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
+	  requiredArgs(2, arguments);
+	  var formatStr = String(dirtyFormatStr);
+	  var options = dirtyOptions || {};
+	  var locale = options.locale || defaultLocale;
+	  var localeFirstWeekContainsDate = locale.options && locale.options.firstWeekContainsDate;
+	  var defaultFirstWeekContainsDate = localeFirstWeekContainsDate == null ? 1 : toInteger(localeFirstWeekContainsDate);
+	  var firstWeekContainsDate = options.firstWeekContainsDate == null ? defaultFirstWeekContainsDate : toInteger(options.firstWeekContainsDate); // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
+
+	  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+	    throw new RangeError('firstWeekContainsDate must be between 1 and 7 inclusively');
+	  }
+
+	  var localeWeekStartsOn = locale.options && locale.options.weekStartsOn;
+	  var defaultWeekStartsOn = localeWeekStartsOn == null ? 0 : toInteger(localeWeekStartsOn);
+	  var weekStartsOn = options.weekStartsOn == null ? defaultWeekStartsOn : toInteger(options.weekStartsOn); // Test if weekStartsOn is between 0 and 6 _and_ is not NaN
+
+	  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+	    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
+	  }
+
+	  if (!locale.localize) {
+	    throw new RangeError('locale must contain localize property');
+	  }
+
+	  if (!locale.formatLong) {
+	    throw new RangeError('locale must contain formatLong property');
+	  }
+
+	  var originalDate = toDate(dirtyDate);
+
+	  if (!isValid(originalDate)) {
+	    throw new RangeError('Invalid time value');
+	  } // Convert the date in system timezone to the same date in UTC+00:00 timezone.
+	  // This ensures that when UTC functions will be implemented, locales will be compatible with them.
+	  // See an issue about UTC functions: https://github.com/date-fns/date-fns/issues/376
+
+
+	  var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
+	  var utcDate = subMilliseconds(originalDate, timezoneOffset);
+	  var formatterOptions = {
+	    firstWeekContainsDate: firstWeekContainsDate,
+	    weekStartsOn: weekStartsOn,
+	    locale: locale,
+	    _originalDate: originalDate
+	  };
+	  var result = formatStr.match(longFormattingTokensRegExp).map(function (substring) {
+	    var firstCharacter = substring[0];
+
+	    if (firstCharacter === 'p' || firstCharacter === 'P') {
+	      var longFormatter = longFormatters$1[firstCharacter];
+	      return longFormatter(substring, locale.formatLong, formatterOptions);
+	    }
+
+	    return substring;
+	  }).join('').match(formattingTokensRegExp).map(function (substring) {
+	    // Replace two single quote characters with one single quote character
+	    if (substring === "''") {
+	      return "'";
+	    }
+
+	    var firstCharacter = substring[0];
+
+	    if (firstCharacter === "'") {
+	      return cleanEscapedString(substring);
+	    }
+
+	    var formatter = formatters$1[firstCharacter];
+
+	    if (formatter) {
+	      if (!options.useAdditionalWeekYearTokens && isProtectedWeekYearToken(substring)) {
+	        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+	      }
+
+	      if (!options.useAdditionalDayOfYearTokens && isProtectedDayOfYearToken(substring)) {
+	        throwProtectedError(substring, dirtyFormatStr, dirtyDate);
+	      }
+
+	      return formatter(utcDate, substring, locale.localize, formatterOptions);
+	    }
+
+	    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+	      throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
+	    }
+
+	    return substring;
+	  }).join('');
+	  return result;
+	}
+
+	function cleanEscapedString(input) {
+	  return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
+	}
+
 	var PublishingDateFilter = function PublishingDateFilter() {
 	  var publishingDateRef = React$d.useRef();
 	  var formatMessage = useIntl().formatMessage;
@@ -135486,6 +137838,7 @@
 	  var today = new Date();
 	  var startOfToday = startOfDay(today);
 	  var endOfToday = endOfDay(today);
+	  var isActive = (filter === null || filter === void 0 ? void 0 : filter.beforeDate) || (filter === null || filter === void 0 ? void 0 : filter.afterDate);
 	  return jsxRuntime.jsxs("div", __assign$g({
 	    ref: publishingDateRef
 	  }, {
@@ -135493,13 +137846,13 @@
 	      iconProps: {
 	        iconName: showDates ? 'ChevronUp' : 'ChevronDown'
 	      },
-	      text: formatMessage({
+	      text: isActive ? getButtonText() : formatMessage({
 	        id: 'FilterPanel.publishingDate'
 	      }),
 	      onClick: function () {
 	        return setShowDates(!showDates);
 	      },
-	      isActive: (filter === null || filter === void 0 ? void 0 : filter.beforeDate) || (filter === null || filter === void 0 ? void 0 : filter.afterDate)
+	      isActive: isActive
 	    }, void 0), showDates && jsxRuntime.jsx(Callout, __assign$g({
 	      target: publishingDateRef.current,
 	      onDismiss: function () {
@@ -135513,7 +137866,7 @@
 	        }
 	      }
 	    }, {
-	      children: jsxRuntime.jsxs(Host, {
+	      children: jsxRuntime.jsxs(Host$1, {
 	        children: [jsxRuntime.jsx(StyledDateTimePicker, {
 	          label: formatMessage({
 	            id: 'FilterPanel.publishingDateFrom'
@@ -135533,8 +137886,7 @@
 	          noDateResourceKey: "MetadataEditor.noDate",
 	          selectDateResourceKey: "FilterPanel.publishingDatePlaceholder",
 	          onChanged: handleEndDateChange,
-	          minDate: filter === null || filter === void 0 ? void 0 : filter.afterDate,
-	          maxDate: today.toString()
+	          minDate: filter === null || filter === void 0 ? void 0 : filter.afterDate
 	        }, void 0), jsxRuntime.jsxs(DateShortcuts, {
 	          children: [jsxRuntime.jsx(FormattedMessage$1, {
 	            id: "FilterPanel.publishingDateShortcuts"
@@ -135579,7 +137931,7 @@
 	            },
 	            label: "FilterPanel.publishingDateShortcuts.lastMonth"
 	          }, void 0)]
-	        }, void 0), jsxRuntime.jsx(ClearFilterButton, {
+	        }, void 0), jsxRuntime.jsx(ClearFilterButton$1, {
 	          text: "Clear filter",
 	          iconProps: {
 	            iconName: 'ClearFilter'
@@ -135608,6 +137960,25 @@
 	      afterDate: null
 	    }));
 	  }
+
+	  function getButtonText() {
+	    var start = format(new Date(filter.afterDate), 'P');
+	    var end = format(new Date(filter.beforeDate), 'P');
+
+	    if (!filter.afterDate) {
+	      return formatMessage({
+	        id: 'FilterPanel.publishingDateBefore'
+	      }) + " " + end;
+	    }
+
+	    if (!filter.beforeDate) {
+	      return formatMessage({
+	        id: 'FilterPanel.publishingDateAfter'
+	      }) + " " + start;
+	    }
+
+	    return start + " - " + end;
+	  }
 	};
 
 	var DateShortcutButton = function DateShortcutButton(_a) {
@@ -135626,22 +137997,22 @@
 	  }), void 0);
 	};
 
-	var Host = _styled__default["default"].div.withConfig({
+	var Host$1 = _styled__default["default"].div.withConfig({
 	  displayName: "PublishingDateFilter__Host",
 	  componentId: "sc-zv88cu-0"
-	})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+	})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 
 	var DateButton = _styled__default["default"](ActionButton).withConfig({
 	  displayName: "PublishingDateFilter__DateButton",
 	  componentId: "sc-zv88cu-1"
-	})(templateObject_3 || (templateObject_3 = __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 || (templateObject_2 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
+	})(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$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n      font-weight: bold;\n    "], ["\n      font-weight: bold;\n    "])));
 	});
 
-	var ClearFilterButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
+	var ClearFilterButton$1 = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "PublishingDateFilter__ClearFilterButton",
 	  componentId: "sc-zv88cu-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 StyledDateTimePicker = _styled__default["default"](DateTimePicker).withConfig({
 	  displayName: "PublishingDateFilter__StyledDateTimePicker",
@@ -135655,7 +138026,7 @@
 	  return p.theme.palette.themePrimary;
 	});
 
-	var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+	var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5, templateObject_6;
 
 	var ClearAllFiltersButton = function ClearAllFiltersButton(_a) {
 	  var onClick = _a.onClick;
@@ -135668,6 +138039,137 @@
 	  }, void 0);
 	};
 
+	var ToolbarFilterCalloutButton = function ToolbarFilterCalloutButton(_a) {
+	  var buttonText = _a.buttonText,
+	      buttonContent = _a.buttonContent,
+	      isActive = _a.isActive,
+	      handleClearFilter = _a.handleClearFilter,
+	      className = _a.className,
+	      children = _a.children;
+	  var hostRef = React$d.useRef();
+
+	  var _b = React$d.useState(false),
+	      showCallout = _b[0],
+	      setShowCallout = _b[1];
+
+	  return jsxRuntime.jsxs("div", __assign$g({
+	    ref: hostRef,
+	    className: className
+	  }, {
+	    children: [jsxRuntime.jsx(Button, __assign$g({
+	      iconProps: {
+	        iconName: showCallout ? 'ChevronUp' : 'ChevronDown'
+	      },
+	      text: !buttonContent ? buttonText : undefined,
+	      onClick: function () {
+	        return setShowCallout(!showCallout);
+	      },
+	      isActive: isActive
+	    }, {
+	      children: buttonContent
+	    }), void 0), showCallout && jsxRuntime.jsx(Callout, __assign$g({
+	      target: hostRef.current,
+	      onDismiss: function () {
+	        return setShowCallout(false);
+	      },
+	      isBeakVisible: false,
+	      calloutWidth: 240,
+	      styles: {
+	        calloutMain: {
+	          padding: spacingM
+	        }
+	      }
+	    }, {
+	      children: jsxRuntime.jsxs(Host, {
+	        children: [children, jsxRuntime.jsx(ClearFilterButton, {
+	          text: "Clear filter",
+	          iconProps: {
+	            iconName: 'ClearFilter'
+	          },
+	          onClick: handleClearFilter
+	        }, void 0)]
+	      }, void 0)
+	    }), void 0)]
+	  }), void 0);
+	};
+
+	var Host = _styled__default["default"].div.withConfig({
+	  displayName: "ToolbarFilterCalloutButton__Host",
+	  componentId: "sc-fu36ma-0"
+	})(templateObject_1$1 || (templateObject_1$1 = __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 || (templateObject_3 = __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 || (templateObject_2 = __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"])));
+
+	var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4;
+
+	var KeywordsFilter = function KeywordsFilter() {
+	  var _a;
+
+	  var formatMessage = useIntl().formatMessage;
+
+	  var _b = React$d.useContext(FilterContext),
+	      filter = _b.filter,
+	      onChange = _b.onChange;
+
+	  return jsxRuntime.jsx(ToolbarFilterCalloutButton, __assign$g({
+	    buttonText: formatMessage({
+	      id: 'FilterPanel.keywordFilter'
+	    }),
+	    buttonContent: getButtonContent(),
+	    handleClearFilter: function () {
+	      return onChange(__assign$g(__assign$g({}, filter), {
+	        keywords: null
+	      }));
+	    },
+	    isActive: ((_a = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _a === void 0 ? void 0 : _a.length) > 0
+	  }, {
+	    children: jsxRuntime.jsx(StyledKeywordPicker, {
+	      value: (filter === null || filter === void 0 ? void 0 : filter.keywords) || [],
+	      onChange: function (keywords) {
+	        return onChange(__assign$g(__assign$g({}, filter), {
+	          keywords: keywords
+	        }));
+	      },
+	      showSelectionToggle: true
+	    }, void 0)
+	  }), void 0);
+
+	  function getButtonContent() {
+	    var _a;
+
+	    var keywordsLength = (_a = filter === null || filter === void 0 ? void 0 : filter.keywords) === null || _a === void 0 ? void 0 : _a.length;
+
+	    if (!keywordsLength) {
+	      return undefined;
+	    }
+
+	    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+	      children: [jsxRuntime.jsx(KeywordTitle, {
+	        keywordName: filter.keywords[0].name
+	      }, void 0), "\u00A0", keywordsLength > 1 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+	        children: ["(+", keywordsLength - 1, ")\u00A0"]
+	      }, void 0)]
+	    }, void 0);
+	  }
+	};
+
+	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"])));
+
+	var templateObject_1;
+
 	/* @generated */
 	// prettier-ignore
 	if (Intl.PluralRules && typeof Intl.PluralRules.__addLocaleData === 'function') {
@@ -152450,12 +154952,15 @@
 	  "FilterPanel.publishingDate": "Publishing date",
 	  "FilterPanel.publishingDateFrom": "From",
 	  "FilterPanel.publishingDateTo": "To",
+	  "FilterPanel.publishingDateBefore": "Before",
+	  "FilterPanel.publishingDateAfter": "After",
 	  "FilterPanel.publishingDatePlaceholder": "Date",
 	  "FilterPanel.publishingDateShortcuts": "Date range shortcuts",
 	  "FilterPanel.publishingDateShortcuts.yesterday": "Yesterday",
 	  "FilterPanel.publishingDateShortcuts.thisWeek": "This week",
 	  "FilterPanel.publishingDateShortcuts.lastWeek": "Last week",
 	  "FilterPanel.publishingDateShortcuts.lastMonth": "Last month",
+	  "FilterPanel.keywordFilter": "Keywords",
 	  "FilterPanel.itemType": "Items",
 	  "Themes.title": "Color Theme",
 	  "Themes.selectorDescription": "Select a color theme for LiveTiles Reach.",
@@ -212935,6 +215440,7 @@
 	exports.ChannelFilter = ChannelFilter;
 	exports.ClearAllFiltersButton = ClearAllFiltersButton;
 	exports.EventDetail = EventDetail;
+	exports.KeywordsFilter = KeywordsFilter;
 	exports.ManageChannels = ManageChannels;
 	exports.NewsDetail = NewsDetail;
 	exports.NewsDetailPreview = NewsDetailPreview;