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

package/index.umd.js

@@ -953,7 +953,7 @@
 
 	// `SpeciesConstructor` abstract operation
 	// https://tc39.github.io/ecma262/#sec-speciesconstructor
-	var speciesConstructor$8 = function (O, defaultConstructor) {
+	var speciesConstructor$9 = function (O, defaultConstructor) {
 	  var C = anObject$q(O).constructor;
 	  var S;
 	  return C === undefined || (S = anObject$q(C)[SPECIES$c]) == undefined ? defaultConstructor : aFunction$h(S);
@@ -1244,7 +1244,7 @@
 	var inspectSource$a = inspectSource$d;
 	var iterate$6 = iterate$8.exports;
 	var checkCorrectnessOfIteration$5 = checkCorrectnessOfIteration$6;
-	var speciesConstructor$7 = speciesConstructor$8;
+	var speciesConstructor$8 = speciesConstructor$9;
 	var task$5 = task$6.set;
 	var microtask$5 = microtask$6;
 	var promiseResolve$5 = promiseResolve$6;
@@ -1480,7 +1480,7 @@
 	    // https://tc39.github.io/ecma262/#sec-promise.prototype.then
 	    then: function then(onFulfilled, onRejected) {
 	      var state = getInternalPromiseState$4(this);
-	      var reaction = newPromiseCapability$6(speciesConstructor$7(this, PromiseConstructor$4));
+	      var reaction = newPromiseCapability$6(speciesConstructor$8(this, PromiseConstructor$4));
 	      reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
 	      reaction.fail = typeof onRejected == 'function' && onRejected;
 	      reaction.domain = IS_NODE$5 ? process$6.domain : undefined;
@@ -13375,10 +13375,10 @@
 
 
 	var IndexedObject$1$3 = indexedObject$6;
-	var requireObjectCoercible$3$5 = requireObjectCoercible$4$5;
+	var requireObjectCoercible$3$6 = requireObjectCoercible$4$5;
 
 	var toIndexedObject$4$4 = function (it) {
-	  return IndexedObject$1$3(requireObjectCoercible$3$5(it));
+	  return IndexedObject$1$3(requireObjectCoercible$3$6(it));
 	};
 
 	var check$7 = function (it) {
@@ -13531,8 +13531,8 @@
 	  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id$9 + postfix$6).toString(36);
 	};
 
-	var fails$4$6 = fails$8$4;
-	var nativeSymbol$6 = !!Object.getOwnPropertySymbols && !fails$4$6(function () {
+	var fails$4$7 = fails$8$4;
+	var nativeSymbol$6 = !!Object.getOwnPropertySymbols && !fails$4$7(function () {
 	  // Chrome 38 Symbol has incorrect toString conversion
 	  // eslint-disable-next-line no-undef
 	  return !String(Symbol());
@@ -13568,11 +13568,11 @@
 	};
 
 	var toInteger$2$6 = toInteger$3$5;
-	var min$1$5 = Math.min; // `ToLength` abstract operation
+	var min$1$6 = Math.min; // `ToLength` abstract operation
 	// https://tc39.github.io/ecma262/#sec-tolength
 
 	var toLength$2$5 = function (argument) {
-	  return argument > 0 ? min$1$5(toInteger$2$6(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+	  return argument > 0 ? min$1$6(toInteger$2$6(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 	};
 
 	var toInteger$1$6 = toInteger$3$5;
@@ -13587,13 +13587,13 @@
 	};
 
 	var toIndexedObject$3$6 = toIndexedObject$4$4;
-	var toLength$1$6 = toLength$2$5;
+	var toLength$1$7 = toLength$2$5;
 	var toAbsoluteIndex$7 = toAbsoluteIndex$1$6; // `Array.prototype.{ indexOf, includes }` methods implementation
 
 	var createMethod$2$4 = function (IS_INCLUDES) {
 	  return function ($this, el, fromIndex) {
 	    var O = toIndexedObject$3$6($this);
-	    var length = toLength$1$6(O.length);
+	    var length = toLength$1$7(O.length);
 	    var index = toAbsoluteIndex$7(fromIndex, length);
 	    var value; // Array#includes uses SameValueZero equality algorithm
 	    // eslint-disable-next-line no-self-compare
@@ -14177,7 +14177,7 @@
 	  return it;
 	};
 
-	var anObject$3$6 = anObject$8$5;
+	var anObject$3$7 = anObject$8$5;
 	var aPossiblePrototype$5 = aPossiblePrototype$1$4; // `Object.setPrototypeOf` method
 	// https://tc39.github.io/ecma262/#sec-object.setprototypeof
 	// Works with __proto__ only. Old v8 can't work with null proto objects.
@@ -14198,7 +14198,7 @@
 	  }
 
 	  return function setPrototypeOf(O, proto) {
-	    anObject$3$6(O);
+	    anObject$3$7(O);
 	    aPossiblePrototype$5(proto);
 	    if (CORRECT_SETTER) setter.call(O, proto);else O.__proto__ = proto;
 	    return O;
@@ -17860,12 +17860,12 @@
 	  }
 	};
 
-	var fails$4$5 = fails$9$3;
+	var fails$4$6 = fails$9$3;
 	var replacement$5 = /#|\.prototype\./;
 
 	var isForced$1$5 = function (feature, detection) {
 	  var value = data$6[normalize$6(feature)];
-	  return value == POLYFILL$5 ? true : value == NATIVE$5 ? false : typeof detection == 'function' ? fails$4$5(detection) : !!detection;
+	  return value == POLYFILL$5 ? true : value == NATIVE$5 ? false : typeof detection == 'function' ? fails$4$6(detection) : !!detection;
 	};
 
 	var normalize$6 = isForced$1$5.normalize = function (string) {
@@ -18322,11 +18322,11 @@
 	  }
 	}
 
-	var anObject$3$5 = anObject$9$3; // `RegExp.prototype.flags` getter implementation
+	var anObject$3$6 = anObject$9$3; // `RegExp.prototype.flags` getter implementation
 	// https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags
 
 	var regexpFlags$1$5 = function () {
-	  var that = anObject$3$5(this);
+	  var that = anObject$3$6(this);
 	  var result = '';
 	  if (that.global) result += 'g';
 	  if (that.ignoreCase) result += 'i';
@@ -18441,9 +18441,9 @@
 	  };
 	}
 
-	var regexpExec$3$3 = patchedExec$5;
+	var regexpExec$3$4 = patchedExec$5;
 	var $$1$5 = _export$5;
-	var exec$5 = regexpExec$3$3;
+	var exec$5 = regexpExec$3$4;
 	$$1$5({
 	  target: 'RegExp',
 	  proto: true,
@@ -18455,7 +18455,7 @@
 	var redefine$f = redefine$3$4.exports;
 	var fails$1$6 = fails$9$3;
 	var wellKnownSymbol$2$4 = wellKnownSymbol$8$4;
-	var regexpExec$2$5 = regexpExec$3$3;
+	var regexpExec$2$5 = regexpExec$3$4;
 	var createNonEnumerableProperty$e = createNonEnumerableProperty$8$3;
 	var SPECIES$1$4 = wellKnownSymbol$2$4('species');
 	var REPLACE_SUPPORTS_NAMED_GROUPS$5 = !fails$1$6(function () {
@@ -18623,11 +18623,11 @@
 	};
 
 	var toInteger$1$5 = toInteger$4$4;
-	var requireObjectCoercible$3$4 = requireObjectCoercible$6$3; // `String.prototype.{ codePointAt, at }` methods implementation
+	var requireObjectCoercible$3$5 = requireObjectCoercible$6$3; // `String.prototype.{ codePointAt, at }` methods implementation
 
 	var createMethod$1$4 = function (CONVERT_TO_STRING) {
 	  return function ($this, pos) {
-	    var S = String(requireObjectCoercible$3$4($this));
+	    var S = String(requireObjectCoercible$3$5($this));
 	    var position = toInteger$1$5(pos);
 	    var size = S.length;
 	    var first, second;
@@ -18648,12 +18648,12 @@
 	var charAt$5 = stringMultibyte$4.charAt; // `AdvanceStringIndex` abstract operation
 	// https://tc39.github.io/ecma262/#sec-advancestringindex
 
-	var advanceStringIndex$2$3 = function (S, index, unicode) {
+	var advanceStringIndex$2$4 = function (S, index, unicode) {
 	  return index + (unicode ? charAt$5(S, index).length : 1);
 	};
 
 	var classof$g = classofRaw$6;
-	var regexpExec$1$5 = regexpExec$3$3; // `RegExpExec` abstract operation
+	var regexpExec$1$5 = regexpExec$3$4; // `RegExpExec` abstract operation
 	// https://tc39.github.io/ecma262/#sec-regexpexec
 
 	var regexpExecAbstract$5 = function (R, S) {
@@ -18676,36 +18676,36 @@
 	  return regexpExec$1$5.call(R, S);
 	};
 
-	var fixRegExpWellKnownSymbolLogic$1$3 = fixRegexpWellKnownSymbolLogic$5;
-	var isRegExp$b = isRegexp$5;
+	var fixRegExpWellKnownSymbolLogic$1$4 = fixRegexpWellKnownSymbolLogic$5;
+	var isRegExp$c = isRegexp$5;
 	var anObject$1$6 = anObject$9$3;
 	var requireObjectCoercible$2$6 = requireObjectCoercible$6$3;
-	var speciesConstructor$6 = speciesConstructor$1$4;
-	var advanceStringIndex$1$4 = advanceStringIndex$2$3;
-	var toLength$1$5 = toLength$3$4;
-	var callRegExpExec$3 = regexpExecAbstract$5;
-	var regexpExec$8 = regexpExec$3$3;
+	var speciesConstructor$7 = speciesConstructor$1$4;
+	var advanceStringIndex$1$4 = advanceStringIndex$2$4;
+	var toLength$1$6 = toLength$3$4;
+	var callRegExpExec$4 = regexpExecAbstract$5;
+	var regexpExec$8 = regexpExec$3$4;
 	var fails$o = fails$9$3;
-	var arrayPush$3 = [].push;
-	var min$1$4 = Math.min;
-	var MAX_UINT32$3 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+	var arrayPush$4 = [].push;
+	var min$1$5 = Math.min;
+	var MAX_UINT32$4 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
 
-	var SUPPORTS_Y$3 = !fails$o(function () {
-	  return !RegExp(MAX_UINT32$3, 'y');
+	var SUPPORTS_Y$4 = !fails$o(function () {
+	  return !RegExp(MAX_UINT32$4, 'y');
 	}); // @@split logic
 
-	fixRegExpWellKnownSymbolLogic$1$3('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
+	fixRegExpWellKnownSymbolLogic$1$4('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
 	  var internalSplit;
 
 	  if ('abbc'.split(/(b)*/)[1] == 'c' || 'test'.split(/(?:)/, -1).length != 4 || 'ab'.split(/(?:ab)*/).length != 2 || '.'.split(/(.?)(.?)/).length != 4 || '.'.split(/()()/).length > 1 || ''.split(/.?/).length) {
 	    // based on es5-shim implementation, need to rework it
 	    internalSplit = function (separator, limit) {
 	      var string = String(requireObjectCoercible$2$6(this));
-	      var lim = limit === undefined ? MAX_UINT32$3 : limit >>> 0;
+	      var lim = limit === undefined ? MAX_UINT32$4 : limit >>> 0;
 	      if (lim === 0) return [];
 	      if (separator === undefined) return [string]; // If `separator` is not a regex, use native split
 
-	      if (!isRegExp$b(separator)) {
+	      if (!isRegExp$c(separator)) {
 	        return nativeSplit.call(string, separator, lim);
 	      }
 
@@ -18721,7 +18721,7 @@
 
 	        if (lastIndex > lastLastIndex) {
 	          output.push(string.slice(lastLastIndex, match.index));
-	          if (match.length > 1 && match.index < string.length) arrayPush$3.apply(output, match.slice(1));
+	          if (match.length > 1 && match.index < string.length) arrayPush$4.apply(output, match.slice(1));
 	          lastLength = match[0].length;
 	          lastLastIndex = lastIndex;
 	          if (output.length >= lim) break;
@@ -18759,25 +18759,25 @@
 	    if (res.done) return res.value;
 	    var rx = anObject$1$6(regexp);
 	    var S = String(this);
-	    var C = speciesConstructor$6(rx, RegExp);
+	    var C = speciesConstructor$7(rx, RegExp);
 	    var unicodeMatching = rx.unicode;
-	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$3 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
+	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$4 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
 	    // simulate the 'y' flag.
 
-	    var splitter = new C(SUPPORTS_Y$3 ? rx : '^(?:' + rx.source + ')', flags);
-	    var lim = limit === undefined ? MAX_UINT32$3 : limit >>> 0;
+	    var splitter = new C(SUPPORTS_Y$4 ? rx : '^(?:' + rx.source + ')', flags);
+	    var lim = limit === undefined ? MAX_UINT32$4 : limit >>> 0;
 	    if (lim === 0) return [];
-	    if (S.length === 0) return callRegExpExec$3(splitter, S) === null ? [S] : [];
+	    if (S.length === 0) return callRegExpExec$4(splitter, S) === null ? [S] : [];
 	    var p = 0;
 	    var q = 0;
 	    var A = [];
 
 	    while (q < S.length) {
-	      splitter.lastIndex = SUPPORTS_Y$3 ? q : 0;
-	      var z = callRegExpExec$3(splitter, SUPPORTS_Y$3 ? S : S.slice(q));
+	      splitter.lastIndex = SUPPORTS_Y$4 ? q : 0;
+	      var z = callRegExpExec$4(splitter, SUPPORTS_Y$4 ? S : S.slice(q));
 	      var e;
 
-	      if (z === null || (e = min$1$4(toLength$1$5(splitter.lastIndex + (SUPPORTS_Y$3 ? 0 : q)), S.length)) === p) {
+	      if (z === null || (e = min$1$5(toLength$1$6(splitter.lastIndex + (SUPPORTS_Y$4 ? 0 : q)), S.length)) === p) {
 	        q = advanceStringIndex$1$4(S, q, unicodeMatching);
 	      } else {
 	        A.push(S.slice(p, q));
@@ -18795,7 +18795,7 @@
 	    A.push(S.slice(p));
 	    return A;
 	  }];
-	}, !SUPPORTS_Y$3);
+	}, !SUPPORTS_Y$4);
 	var defaultFallbackLanguage = 'en';
 	var supportedUILanguages = new Set(['de', 'en', 'fr', 'es', 'zh-TW', 'zh-CN', 'ja', 'tr', 'it']);
 
@@ -18836,7 +18836,7 @@
 	var toLength$h = toLength$3$4;
 	var toInteger$a = toInteger$4$4;
 	var requireObjectCoercible$1$6 = requireObjectCoercible$6$3;
-	var advanceStringIndex$7 = advanceStringIndex$2$3;
+	var advanceStringIndex$7 = advanceStringIndex$2$4;
 	var regExpExec$7 = regexpExecAbstract$5;
 	var max$6 = Math.max;
 	var min$b = Math.min;
@@ -25113,10 +25113,10 @@
 	};
 
 	var DESCRIPTORS$3$4 = descriptors$4;
-	var fails$4$4 = fails$7$4;
+	var fails$4$5 = fails$7$4;
 	var createElement$5 = documentCreateElement$5; // Thank's IE8 for his funny defineProperty
 
-	var ie8DomDefine$4 = !DESCRIPTORS$3$4 && !fails$4$4(function () {
+	var ie8DomDefine$4 = !DESCRIPTORS$3$4 && !fails$4$5(function () {
 	  return Object.defineProperty(createElement$5('div'), 'a', {
 	    get: function () {
 	      return 7;
@@ -25156,15 +25156,15 @@
 
 	var DESCRIPTORS$1$4 = descriptors$4;
 	var IE8_DOM_DEFINE$5 = ie8DomDefine$4;
-	var anObject$3$4 = anObject$4$4;
+	var anObject$3$5 = anObject$4$4;
 	var toPrimitive$7 = toPrimitive$2$4;
 	var nativeDefineProperty$4 = Object.defineProperty; // `Object.defineProperty` method
 	// https://tc39.github.io/ecma262/#sec-object.defineproperty
 
 	objectDefineProperty$4.f = DESCRIPTORS$1$4 ? nativeDefineProperty$4 : function defineProperty(O, P, Attributes) {
-	  anObject$3$4(O);
+	  anObject$3$5(O);
 	  P = toPrimitive$7(P, true);
-	  anObject$3$4(Attributes);
+	  anObject$3$5(Attributes);
 	  if (IE8_DOM_DEFINE$5) try {
 	    return nativeDefineProperty$4(O, P, Attributes);
 	  } catch (error) {
@@ -25369,11 +25369,11 @@
 	};
 
 	var toInteger$1$4 = toInteger$2$4;
-	var min$1$3 = Math.min; // `ToLength` abstract operation
+	var min$1$4 = Math.min; // `ToLength` abstract operation
 	// https://tc39.github.io/ecma262/#sec-tolength
 
-	var toLength$1$4 = function (argument) {
-	  return argument > 0 ? min$1$3(toInteger$1$4(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+	var toLength$1$5 = function (argument) {
+	  return argument > 0 ? min$1$4(toInteger$1$4(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 	};
 
 	var toInteger$9 = toInteger$2$4;
@@ -25388,7 +25388,7 @@
 	};
 
 	var toIndexedObject$1$4 = toIndexedObject$3$4;
-	var toLength$g = toLength$1$4;
+	var toLength$g = toLength$1$5;
 	var toAbsoluteIndex$5 = toAbsoluteIndex$1$4; // `Array.prototype.{ indexOf, includes }` methods implementation
 
 	var createMethod$8 = function (IS_INCLUDES) {
@@ -40470,10 +40470,10 @@
 
 
 	var IndexedObject$5 = indexedObject$3;
-	var requireObjectCoercible$3$3 = requireObjectCoercible$4$3;
+	var requireObjectCoercible$3$4 = requireObjectCoercible$4$3;
 
 	var toIndexedObject$3$3 = function (it) {
-	  return IndexedObject$5(requireObjectCoercible$3$3(it));
+	  return IndexedObject$5(requireObjectCoercible$3$4(it));
 	};
 
 	var isObject$8$3 = function (it) {
@@ -40511,10 +40511,10 @@
 	};
 
 	var DESCRIPTORS$5$3 = descriptors$3;
-	var fails$4$3 = fails$7$3;
+	var fails$4$4 = fails$7$3;
 	var createElement$1$3 = documentCreateElement$1$3; // Thank's IE8 for his funny defineProperty
 
-	var ie8DomDefine$3 = !DESCRIPTORS$5$3 && !fails$4$3(function () {
+	var ie8DomDefine$3 = !DESCRIPTORS$5$3 && !fails$4$4(function () {
 	  return Object.defineProperty(createElement$1$3('div'), 'a', {
 	    get: function () {
 	      return 7;
@@ -40776,13 +40776,13 @@
 
 	var toInteger$2$3 = toInteger$4$3;
 	var max$4 = Math.max;
-	var min$1$2 = Math.min; // Helper for a popular repeating case of the spec:
+	var min$1$3 = Math.min; // Helper for a popular repeating case of the spec:
 	// Let integer be ? ToInteger(index).
 	// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
 
 	var toAbsoluteIndex$1$3 = function (index, length) {
 	  var integer = toInteger$2$3(index);
-	  return integer < 0 ? max$4(integer + length, 0) : min$1$2(integer, length);
+	  return integer < 0 ? max$4(integer + length, 0) : min$1$3(integer, length);
 	};
 
 	var toIndexedObject$1$3 = toIndexedObject$3$3;
@@ -41243,16 +41243,16 @@
 	  return ITERATION_SUPPORT;
 	};
 
-	var anObject$3$3 = anObject$8$3;
+	var anObject$3$4 = anObject$8$3;
 	var aFunction$3$3 = aFunction$5$3;
 	var wellKnownSymbol$5$3 = wellKnownSymbol$d$3;
 	var SPECIES$2$3 = wellKnownSymbol$5$3('species'); // `SpeciesConstructor` abstract operation
 	// https://tc39.github.io/ecma262/#sec-speciesconstructor
 
 	var speciesConstructor$1$3 = function (O, defaultConstructor) {
-	  var C = anObject$3$3(O).constructor;
+	  var C = anObject$3$4(O).constructor;
 	  var S;
-	  return C === undefined || (S = anObject$3$3(C)[SPECIES$2$3]) == undefined ? defaultConstructor : aFunction$3$3(S);
+	  return C === undefined || (S = anObject$3$4(C)[SPECIES$2$3]) == undefined ? defaultConstructor : aFunction$3$3(S);
 	};
 
 	var getBuiltIn$2$3 = getBuiltIn$5$3;
@@ -41544,7 +41544,7 @@
 	var inspectSource$6 = inspectSource$3$3;
 	var iterate$5 = iterate$2$3.exports;
 	var checkCorrectnessOfIteration$4 = checkCorrectnessOfIteration$1$3;
-	var speciesConstructor$5 = speciesConstructor$1$3;
+	var speciesConstructor$6 = speciesConstructor$1$3;
 	var task$4 = task$1$3.set;
 	var microtask$4 = microtask$1$3;
 	var promiseResolve$4 = promiseResolve$1$3;
@@ -41804,7 +41804,7 @@
 	    // https://tc39.github.io/ecma262/#sec-promise.prototype.then
 	    then: function then(onFulfilled, onRejected) {
 	      var state = getInternalPromiseState$3(this);
-	      var reaction = newPromiseCapability$5(speciesConstructor$5(this, PromiseConstructor$3));
+	      var reaction = newPromiseCapability$5(speciesConstructor$6(this, PromiseConstructor$3));
 	      reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;
 	      reaction.fail = typeof onRejected == 'function' && onRejected;
 	      reaction.domain = IS_NODE$4 ? process$5.domain : undefined;
@@ -41955,10 +41955,10 @@
 	  return isObject$1$3(it) && ((isRegExp = it[MATCH$1$3]) !== undefined ? !!isRegExp : classof$2$3(it) == 'RegExp');
 	};
 
-	var isRegExp$a = isRegexp$4;
+	var isRegExp$b = isRegexp$4;
 
 	var notARegexp$4 = function (it) {
-	  if (isRegExp$a(it)) {
+	  if (isRegExp$b(it)) {
 	    throw TypeError("The method doesn't accept regular expressions");
 	  }
 
@@ -42561,7 +42561,7 @@
 	};
 
 	var isArray$1$3 = isArray$2$3;
-	var toLength$1$3 = toLength$5$3;
+	var toLength$1$4 = toLength$5$3;
 	var bind$a = functionBindContext$3; // `FlattenIntoArray` abstract operation
 	// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
 
@@ -42576,7 +42576,7 @@
 	      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
 
 	      if (depth > 0 && isArray$1$3(element)) {
-	        targetIndex = flattenIntoArray$1$3(target, original, element, toLength$1$3(element.length), targetIndex, depth - 1) - 1;
+	        targetIndex = flattenIntoArray$1$3(target, original, element, toLength$1$4(element.length), targetIndex, depth - 1) - 1;
 	      } else {
 	        if (targetIndex >= 0x1FFFFFFFFFFFFF) throw TypeError('Exceed the acceptable array length');
 	        target[targetIndex] = element;
@@ -52876,9 +52876,9 @@
 	  };
 	}
 
-	var regexpExec$3$2 = patchedExec$3;
+	var regexpExec$3$3 = patchedExec$3;
 	var $$6$2 = _export$2;
-	var exec$3 = regexpExec$3$2;
+	var exec$3 = regexpExec$3$3;
 	$$6$2({
 	  target: 'RegExp',
 	  proto: true,
@@ -52890,7 +52890,7 @@
 	var redefine$1$3 = redefine$6$2.exports;
 	var fails$5$2 = fails$g$2;
 	var wellKnownSymbol$1$2 = wellKnownSymbol$h$2;
-	var regexpExec$2$3 = regexpExec$3$2;
+	var regexpExec$2$3 = regexpExec$3$3;
 	var createNonEnumerableProperty$b = createNonEnumerableProperty$8$2;
 	var SPECIES$1$2 = wellKnownSymbol$1$2('species');
 	var REPLACE_SUPPORTS_NAMED_GROUPS$3 = !fails$5$2(function () {
@@ -53057,7 +53057,7 @@
 	};
 
 	var classof$1$2 = classofRaw$1$2;
-	var regexpExec$1$3 = regexpExec$3$2; // `RegExpExec` abstract operation
+	var regexpExec$1$3 = regexpExec$3$3; // `RegExpExec` abstract operation
 	// https://tc39.github.io/ecma262/#sec-regexpexec
 
 	var regexpExecAbstract$3 = function (R, S) {
@@ -53086,10 +53086,10 @@
 	var toLength$4$2 = toLength$a$1;
 	var toInteger$7 = toInteger$4$2;
 	var requireObjectCoercible$4$2 = requireObjectCoercible$b$1;
-	var advanceStringIndex$2$2 = advanceStringIndex$3$1;
+	var advanceStringIndex$2$3 = advanceStringIndex$3$1;
 	var regExpExec$2$1 = regexpExecAbstract$3;
 	var max$3 = Math.max;
-	var min$1$1 = Math.min;
+	var min$1$2 = Math.min;
 	var floor$5 = Math.floor;
 	var SUBSTITUTION_SYMBOLS$2 = /\$([$&'`]|\d\d?|<[^>]*>)/g;
 	var SUBSTITUTION_SYMBOLS_NO_NAMED$2 = /\$([$&'`]|\d\d?)/g;
@@ -53136,7 +53136,7 @@
 	      results.push(result);
 	      if (!global) break;
 	      var matchStr = String(result[0]);
-	      if (matchStr === '') rx.lastIndex = advanceStringIndex$2$2(S, toLength$4$2(rx.lastIndex), fullUnicode);
+	      if (matchStr === '') rx.lastIndex = advanceStringIndex$2$3(S, toLength$4$2(rx.lastIndex), fullUnicode);
 	    }
 
 	    var accumulatedResult = '';
@@ -53145,7 +53145,7 @@
 	    for (var i = 0; i < results.length; i++) {
 	      result = results[i];
 	      var matched = String(result[0]);
-	      var position = max$3(min$1$1(toInteger$7(result.index), S.length), 0);
+	      var position = max$3(min$1$2(toInteger$7(result.index), S.length), 0);
 	      var captures = []; // NOTE: This is equivalent to
 	      //   captures = result.slice(1).map(maybeToString)
 	      // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
@@ -53452,8 +53452,8 @@
 	};
 
 	var fixRegExpWellKnownSymbolLogic$2$2 = fixRegexpWellKnownSymbolLogic$3;
-	var anObject$3$2 = anObject$f$1;
-	var requireObjectCoercible$3$2 = requireObjectCoercible$b$1;
+	var anObject$3$3 = anObject$f$1;
+	var requireObjectCoercible$3$3 = requireObjectCoercible$b$1;
 	var sameValue$3 = sameValue$1$2;
 	var regExpExec$1$2 = regexpExecAbstract$3; // @@search logic
 
@@ -53461,7 +53461,7 @@
 	  return [// `String.prototype.search` method
 	  // https://tc39.github.io/ecma262/#sec-string.prototype.search
 	  function search(regexp) {
-	    var O = requireObjectCoercible$3$2(this);
+	    var O = requireObjectCoercible$3$3(this);
 	    var searcher = regexp == undefined ? undefined : regexp[SEARCH];
 	    return searcher !== undefined ? searcher.call(regexp, O) : new RegExp(regexp)[SEARCH](String(O));
 	  }, // `RegExp.prototype[@@search]` method
@@ -53469,7 +53469,7 @@
 	  function (regexp) {
 	    var res = maybeCallNative(nativeSearch, regexp, this);
 	    if (res.done) return res.value;
-	    var rx = anObject$3$2(regexp);
+	    var rx = anObject$3$3(regexp);
 	    var S = String(this);
 	    var previousLastIndex = rx.lastIndex;
 	    if (!sameValue$3(previousLastIndex, 0)) rx.lastIndex = 0;
@@ -53612,7 +53612,7 @@
 	};
 
 	var DESCRIPTORS$c = descriptors$2;
-	var fails$4$2 = fails$g$2;
+	var fails$4$3 = fails$g$2;
 	var objectKeys$4 = objectKeys$2$2;
 	var getOwnPropertySymbolsModule$3 = objectGetOwnPropertySymbols$2;
 	var propertyIsEnumerableModule$3 = objectPropertyIsEnumerable$2;
@@ -53622,7 +53622,7 @@
 	var defineProperty$6 = Object.defineProperty; // `Object.assign` method
 	// https://tc39.github.io/ecma262/#sec-object.assign
 
-	var objectAssign$3 = !nativeAssign$2 || fails$4$2(function () {
+	var objectAssign$3 = !nativeAssign$2 || fails$4$3(function () {
 	  // should have correct order of operations (Edge bug)
 	  if (DESCRIPTORS$c && nativeAssign$2({
 	    b: 1
@@ -53763,14 +53763,14 @@
 	  semanticColors: semanticColors,
 	  textColors: textColors
 	};
-	var fixRegExpWellKnownSymbolLogic$1$2 = fixRegexpWellKnownSymbolLogic$3;
+	var fixRegExpWellKnownSymbolLogic$1$3 = fixRegexpWellKnownSymbolLogic$3;
 	var anObject$2$3 = anObject$f$1;
-	var toLength$1$2 = toLength$a$1;
+	var toLength$1$3 = toLength$a$1;
 	var requireObjectCoercible$2$3 = requireObjectCoercible$b$1;
 	var advanceStringIndex$1$3 = advanceStringIndex$3$1;
 	var regExpExec$5 = regexpExecAbstract$3; // @@match logic
 
-	fixRegExpWellKnownSymbolLogic$1$2('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
+	fixRegExpWellKnownSymbolLogic$1$3('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
 	  return [// `String.prototype.match` method
 	  // https://tc39.github.io/ecma262/#sec-string.prototype.match
 	  function match(regexp) {
@@ -53794,7 +53794,7 @@
 	    while ((result = regExpExec$5(rx, S)) !== null) {
 	      var matchStr = String(result[0]);
 	      A[n] = matchStr;
-	      if (matchStr === '') rx.lastIndex = advanceStringIndex$1$3(S, toLength$1$2(rx.lastIndex), fullUnicode);
+	      if (matchStr === '') rx.lastIndex = advanceStringIndex$1$3(S, toLength$1$3(rx.lastIndex), fullUnicode);
 	      n++;
 	    }
 
@@ -53853,21 +53853,21 @@
 	  parseInt: parseIntImplementation$1
 	});
 	var fixRegExpWellKnownSymbolLogic$6 = fixRegexpWellKnownSymbolLogic$3;
-	var isRegExp$9 = isRegexp$3;
+	var isRegExp$a = isRegexp$3;
 	var anObject$1$3 = anObject$f$1;
 	var requireObjectCoercible$g = requireObjectCoercible$b$1;
-	var speciesConstructor$4 = speciesConstructor$2$2;
+	var speciesConstructor$5 = speciesConstructor$2$2;
 	var advanceStringIndex$6 = advanceStringIndex$3$1;
 	var toLength$e = toLength$a$1;
-	var callRegExpExec$2 = regexpExecAbstract$3;
-	var regexpExec$6 = regexpExec$3$2;
+	var callRegExpExec$3 = regexpExecAbstract$3;
+	var regexpExec$6 = regexpExec$3$3;
 	var fails$3$3 = fails$g$2;
-	var arrayPush$2 = [].push;
+	var arrayPush$3 = [].push;
 	var min$8 = Math.min;
-	var MAX_UINT32$2 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+	var MAX_UINT32$3 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
 
-	var SUPPORTS_Y$2 = !fails$3$3(function () {
-	  return !RegExp(MAX_UINT32$2, 'y');
+	var SUPPORTS_Y$3 = !fails$3$3(function () {
+	  return !RegExp(MAX_UINT32$3, 'y');
 	}); // @@split logic
 
 	fixRegExpWellKnownSymbolLogic$6('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
@@ -53877,11 +53877,11 @@
 	    // based on es5-shim implementation, need to rework it
 	    internalSplit = function (separator, limit) {
 	      var string = String(requireObjectCoercible$g(this));
-	      var lim = limit === undefined ? MAX_UINT32$2 : limit >>> 0;
+	      var lim = limit === undefined ? MAX_UINT32$3 : limit >>> 0;
 	      if (lim === 0) return [];
 	      if (separator === undefined) return [string]; // If `separator` is not a regex, use native split
 
-	      if (!isRegExp$9(separator)) {
+	      if (!isRegExp$a(separator)) {
 	        return nativeSplit.call(string, separator, lim);
 	      }
 
@@ -53897,7 +53897,7 @@
 
 	        if (lastIndex > lastLastIndex) {
 	          output.push(string.slice(lastLastIndex, match.index));
-	          if (match.length > 1 && match.index < string.length) arrayPush$2.apply(output, match.slice(1));
+	          if (match.length > 1 && match.index < string.length) arrayPush$3.apply(output, match.slice(1));
 	          lastLength = match[0].length;
 	          lastLastIndex = lastIndex;
 	          if (output.length >= lim) break;
@@ -53935,25 +53935,25 @@
 	    if (res.done) return res.value;
 	    var rx = anObject$1$3(regexp);
 	    var S = String(this);
-	    var C = speciesConstructor$4(rx, RegExp);
+	    var C = speciesConstructor$5(rx, RegExp);
 	    var unicodeMatching = rx.unicode;
-	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$2 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
+	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$3 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
 	    // simulate the 'y' flag.
 
-	    var splitter = new C(SUPPORTS_Y$2 ? rx : '^(?:' + rx.source + ')', flags);
-	    var lim = limit === undefined ? MAX_UINT32$2 : limit >>> 0;
+	    var splitter = new C(SUPPORTS_Y$3 ? rx : '^(?:' + rx.source + ')', flags);
+	    var lim = limit === undefined ? MAX_UINT32$3 : limit >>> 0;
 	    if (lim === 0) return [];
-	    if (S.length === 0) return callRegExpExec$2(splitter, S) === null ? [S] : [];
+	    if (S.length === 0) return callRegExpExec$3(splitter, S) === null ? [S] : [];
 	    var p = 0;
 	    var q = 0;
 	    var A = [];
 
 	    while (q < S.length) {
-	      splitter.lastIndex = SUPPORTS_Y$2 ? q : 0;
-	      var z = callRegExpExec$2(splitter, SUPPORTS_Y$2 ? S : S.slice(q));
+	      splitter.lastIndex = SUPPORTS_Y$3 ? q : 0;
+	      var z = callRegExpExec$3(splitter, SUPPORTS_Y$3 ? S : S.slice(q));
 	      var e;
 
-	      if (z === null || (e = min$8(toLength$e(splitter.lastIndex + (SUPPORTS_Y$2 ? 0 : q)), S.length)) === p) {
+	      if (z === null || (e = min$8(toLength$e(splitter.lastIndex + (SUPPORTS_Y$3 ? 0 : q)), S.length)) === p) {
 	        q = advanceStringIndex$6(S, q, unicodeMatching);
 	      } else {
 	        A.push(S.slice(p, q));
@@ -53971,7 +53971,7 @@
 	    A.push(S.slice(p));
 	    return A;
 	  }];
-	}, !SUPPORTS_Y$2);
+	}, !SUPPORTS_Y$3);
 	var fails$2$3 = fails$g$2;
 	var whitespaces$6 = whitespaces$3$1;
 	var non$3 = '\u200B\u0085\u180E'; // check that a method works with the correct list
@@ -66242,7 +66242,7 @@
 	    if (isString$1(obj)) {
 	        return markBoxed(inspect(String(obj)));
 	    }
-	    if (!isDate(obj) && !isRegExp$8(obj)) {
+	    if (!isDate(obj) && !isRegExp$9(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';
@@ -66269,7 +66269,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 isRegExp$8(obj) { return toStr(obj) === '[object RegExp]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
+	function isRegExp$9(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)); }
 	function isNumber$2(obj) { return toStr(obj) === '[object Number]' && (!toStringTag || !(typeof obj === 'object' && toStringTag in obj)); }
@@ -66873,7 +66873,7 @@
 	    return value;
 	};
 
-	var isRegExp$7 = function isRegExp(obj) {
+	var isRegExp$8 = function isRegExp(obj) {
 	    return Object.prototype.toString.call(obj) === '[object RegExp]';
 	};
 
@@ -66908,7 +66908,7 @@
 	    decode: decode,
 	    encode: encode$1,
 	    isBuffer: isBuffer,
-	    isRegExp: isRegExp$7,
+	    isRegExp: isRegExp$8,
 	    maybeMap: maybeMap,
 	    merge: merge$2
 	};
@@ -79165,9 +79165,9 @@
 	  };
 	}
 
-	var regexpExec$3$1 = patchedExec$2;
+	var regexpExec$3$2 = patchedExec$2;
 	var $$4$1 = _export$1;
-	var exec$2 = regexpExec$3$1;
+	var exec$2 = regexpExec$3$2;
 	$$4$1({
 	  target: 'RegExp',
 	  proto: true,
@@ -79179,7 +79179,7 @@
 	var redefine$3$1 = redefine$7$1.exports;
 	var fails$5$1 = fails$h$1;
 	var wellKnownSymbol$a$1 = wellKnownSymbol$i$1;
-	var regexpExec$2$2 = regexpExec$3$1;
+	var regexpExec$2$2 = regexpExec$3$2;
 	var createNonEnumerableProperty$a = createNonEnumerableProperty$8$1;
 	var SPECIES$4$1 = wellKnownSymbol$a$1('species');
 	var REPLACE_SUPPORTS_NAMED_GROUPS$2 = !fails$5$1(function () {
@@ -79323,7 +79323,7 @@
 	};
 
 	var classof$6$1 = classofRaw$1$1;
-	var regexpExec$1$2 = regexpExec$3$1; // `RegExpExec` abstract operation
+	var regexpExec$1$2 = regexpExec$3$2; // `RegExpExec` abstract operation
 	// https://tc39.github.io/ecma262/#sec-regexpexec
 
 	var regexpExecAbstract$2 = function (R, S) {
@@ -79374,11 +79374,11 @@
 	  }];
 	});
 	var toInteger$1$1 = toInteger$4$1;
-	var requireObjectCoercible$3$1 = requireObjectCoercible$9$1; // `String.prototype.{ codePointAt, at }` methods implementation
+	var requireObjectCoercible$3$2 = requireObjectCoercible$9$1; // `String.prototype.{ codePointAt, at }` methods implementation
 
 	var createMethod$1$2 = function (CONVERT_TO_STRING) {
 	  return function ($this, pos) {
-	    var S = String(requireObjectCoercible$3$1($this));
+	    var S = String(requireObjectCoercible$3$2($this));
 	    var position = toInteger$1$1(pos);
 	    var size = S.length;
 	    var first, second;
@@ -79399,20 +79399,20 @@
 	var charAt$3 = stringMultibyte$2.charAt; // `AdvanceStringIndex` abstract operation
 	// https://tc39.github.io/ecma262/#sec-advancestringindex
 
-	var advanceStringIndex$2$1 = function (S, index, unicode) {
+	var advanceStringIndex$2$2 = function (S, index, unicode) {
 	  return index + (unicode ? charAt$3(S, index).length : 1);
 	};
 
-	var fixRegExpWellKnownSymbolLogic$1$1 = fixRegexpWellKnownSymbolLogic$2;
+	var fixRegExpWellKnownSymbolLogic$1$2 = fixRegexpWellKnownSymbolLogic$2;
 	var anObject$5$1 = anObject$e$1;
 	var toObject$3$1 = toObject$7$1;
 	var toLength$4$1 = toLength$8$1;
 	var toInteger$6 = toInteger$4$1;
 	var requireObjectCoercible$2$2 = requireObjectCoercible$9$1;
-	var advanceStringIndex$1$2 = advanceStringIndex$2$1;
+	var advanceStringIndex$1$2 = advanceStringIndex$2$2;
 	var regExpExec$4 = regexpExecAbstract$2;
 	var max = Math.max;
-	var min$1 = Math.min;
+	var min$1$1 = Math.min;
 	var floor$4 = Math.floor;
 	var SUBSTITUTION_SYMBOLS$1 = /\$([$&'`]|\d\d?|<[^>]*>)/g;
 	var SUBSTITUTION_SYMBOLS_NO_NAMED$1 = /\$([$&'`]|\d\d?)/g;
@@ -79422,7 +79422,7 @@
 	}; // @@replace logic
 
 
-	fixRegExpWellKnownSymbolLogic$1$1('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {
+	fixRegExpWellKnownSymbolLogic$1$2('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {
 	  var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;
 	  var REPLACE_KEEPS_$0 = reason.REPLACE_KEEPS_$0;
 	  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
@@ -79468,7 +79468,7 @@
 	    for (var i = 0; i < results.length; i++) {
 	      result = results[i];
 	      var matched = String(result[0]);
-	      var position = max(min$1(toInteger$6(result.index), S.length), 0);
+	      var position = max(min$1$1(toInteger$6(result.index), S.length), 0);
 	      var captures = []; // NOTE: This is equivalent to
 	      //   captures = result.slice(1).map(maybeToString)
 	      // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
@@ -79586,7 +79586,7 @@
 	var getFlags$1 = regexpFlags$1$2;
 	var stickyHelpers$3 = regexpStickyHelpers$2;
 	var redefine$2$1 = redefine$7$1.exports;
-	var fails$4$1 = fails$h$1;
+	var fails$4$2 = fails$h$1;
 	var setInternalState$1$1 = internalState$1.set;
 	var setSpecies$1$1 = setSpecies$2$1;
 	var wellKnownSymbol$8$1 = wellKnownSymbol$i$1;
@@ -79598,7 +79598,7 @@
 
 	var CORRECT_NEW$1 = new NativeRegExp$1(re1$1) !== re1$1;
 	var UNSUPPORTED_Y$3 = stickyHelpers$3.UNSUPPORTED_Y;
-	var FORCED$2$1 = DESCRIPTORS$b && isForced$1$1('RegExp', !CORRECT_NEW$1 || UNSUPPORTED_Y$3 || fails$4$1(function () {
+	var FORCED$2$1 = DESCRIPTORS$b && isForced$1$1('RegExp', !CORRECT_NEW$1 || UNSUPPORTED_Y$3 || fails$4$2(function () {
 	  re2$1[MATCH$5] = false; // RegExp constructor can alter flags and IsRegExp works correct with @@match
 
 	  return NativeRegExp$1(re1$1) != re1$1 || NativeRegExp$1(re2$1) == re2$1 || NativeRegExp$1(re1$1, 'i') != '/a/i';
@@ -79775,7 +79775,7 @@
 	  }
 	};
 
-	var anObject$3$1 = anObject$e$1;
+	var anObject$3$2 = anObject$e$1;
 	var isArrayIteratorMethod$3 = isArrayIteratorMethod$1$1;
 	var toLength$3$1 = toLength$8$1;
 	var bind$3$1 = functionBindContext$1;
@@ -79799,7 +79799,7 @@
 
 	    if (isArrayIteratorMethod$3(iterFn)) {
 	      for (index = 0, length = toLength$3$1(iterable.length); length > index; index++) {
-	        result = AS_ENTRIES ? boundFunction(anObject$3$1(step = iterable[index])[0], step[1]) : boundFunction(iterable[index]);
+	        result = AS_ENTRIES ? boundFunction(anObject$3$2(step = iterable[index])[0], step[1]) : boundFunction(iterable[index]);
 	        if (result && result instanceof Result$1) return result;
 	      }
 
@@ -81120,21 +81120,21 @@
 
 	var templateObject_1$T$1;
 	var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
-	var isRegExp$6 = isRegexp$2;
+	var isRegExp$7 = isRegexp$2;
 	var anObject$j = anObject$e$1;
 	var requireObjectCoercible$1$2 = requireObjectCoercible$9$1;
-	var speciesConstructor$3 = speciesConstructor$2$1;
-	var advanceStringIndex$5 = advanceStringIndex$2$1;
+	var speciesConstructor$4 = speciesConstructor$2$1;
+	var advanceStringIndex$5 = advanceStringIndex$2$2;
 	var toLength$2$1 = toLength$8$1;
-	var callRegExpExec$1 = regexpExecAbstract$2;
-	var regexpExec$5 = regexpExec$3$1;
+	var callRegExpExec$2 = regexpExecAbstract$2;
+	var regexpExec$5 = regexpExec$3$2;
 	var fails$1$2 = fails$h$1;
-	var arrayPush$1 = [].push;
+	var arrayPush$2 = [].push;
 	var min$7 = Math.min;
-	var MAX_UINT32$1 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+	var MAX_UINT32$2 = 0xFFFFFFFF; // babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
 
-	var SUPPORTS_Y$1 = !fails$1$2(function () {
-	  return !RegExp(MAX_UINT32$1, 'y');
+	var SUPPORTS_Y$2 = !fails$1$2(function () {
+	  return !RegExp(MAX_UINT32$2, 'y');
 	}); // @@split logic
 
 	fixRegExpWellKnownSymbolLogic$5('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
@@ -81144,11 +81144,11 @@
 	    // based on es5-shim implementation, need to rework it
 	    internalSplit = function (separator, limit) {
 	      var string = String(requireObjectCoercible$1$2(this));
-	      var lim = limit === undefined ? MAX_UINT32$1 : limit >>> 0;
+	      var lim = limit === undefined ? MAX_UINT32$2 : limit >>> 0;
 	      if (lim === 0) return [];
 	      if (separator === undefined) return [string]; // If `separator` is not a regex, use native split
 
-	      if (!isRegExp$6(separator)) {
+	      if (!isRegExp$7(separator)) {
 	        return nativeSplit.call(string, separator, lim);
 	      }
 
@@ -81164,7 +81164,7 @@
 
 	        if (lastIndex > lastLastIndex) {
 	          output.push(string.slice(lastLastIndex, match.index));
-	          if (match.length > 1 && match.index < string.length) arrayPush$1.apply(output, match.slice(1));
+	          if (match.length > 1 && match.index < string.length) arrayPush$2.apply(output, match.slice(1));
 	          lastLength = match[0].length;
 	          lastLastIndex = lastIndex;
 	          if (output.length >= lim) break;
@@ -81202,25 +81202,25 @@
 	    if (res.done) return res.value;
 	    var rx = anObject$j(regexp);
 	    var S = String(this);
-	    var C = speciesConstructor$3(rx, RegExp);
+	    var C = speciesConstructor$4(rx, RegExp);
 	    var unicodeMatching = rx.unicode;
-	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$1 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
+	    var flags = (rx.ignoreCase ? 'i' : '') + (rx.multiline ? 'm' : '') + (rx.unicode ? 'u' : '') + (SUPPORTS_Y$2 ? 'y' : 'g'); // ^(? + rx + ) is needed, in combination with some S slicing, to
 	    // simulate the 'y' flag.
 
-	    var splitter = new C(SUPPORTS_Y$1 ? rx : '^(?:' + rx.source + ')', flags);
-	    var lim = limit === undefined ? MAX_UINT32$1 : limit >>> 0;
+	    var splitter = new C(SUPPORTS_Y$2 ? rx : '^(?:' + rx.source + ')', flags);
+	    var lim = limit === undefined ? MAX_UINT32$2 : limit >>> 0;
 	    if (lim === 0) return [];
-	    if (S.length === 0) return callRegExpExec$1(splitter, S) === null ? [S] : [];
+	    if (S.length === 0) return callRegExpExec$2(splitter, S) === null ? [S] : [];
 	    var p = 0;
 	    var q = 0;
 	    var A = [];
 
 	    while (q < S.length) {
-	      splitter.lastIndex = SUPPORTS_Y$1 ? q : 0;
-	      var z = callRegExpExec$1(splitter, SUPPORTS_Y$1 ? S : S.slice(q));
+	      splitter.lastIndex = SUPPORTS_Y$2 ? q : 0;
+	      var z = callRegExpExec$2(splitter, SUPPORTS_Y$2 ? S : S.slice(q));
 	      var e;
 
-	      if (z === null || (e = min$7(toLength$2$1(splitter.lastIndex + (SUPPORTS_Y$1 ? 0 : q)), S.length)) === p) {
+	      if (z === null || (e = min$7(toLength$2$1(splitter.lastIndex + (SUPPORTS_Y$2 ? 0 : q)), S.length)) === p) {
 	        q = advanceStringIndex$5(S, q, unicodeMatching);
 	      } else {
 	        A.push(S.slice(p, q));
@@ -81238,7 +81238,7 @@
 	    A.push(S.slice(p));
 	    return A;
 	  }];
-	}, !SUPPORTS_Y$1);
+	}, !SUPPORTS_Y$2);
 	var VideoMimeTypes;
 
 	(function (VideoMimeTypes) {
@@ -82286,10 +82286,10 @@
 	var Gallery = _styled__default["default"].div.withConfig({
 	  displayName: "PhotoGrid__Gallery",
 	  componentId: "sc-flk193-2"
-	})(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"])), function (p) {
+	})(templateObject_6$7$2 || (templateObject_6$7$2 = __makeTemplateObject$1(["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"], ["\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  background-color: ", ";\n\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: repeat(2, 1fr);\n\n  // case: gallery with 3 images\n  // the first image will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(3) {\n    grid-row: auto / span 2;\n  }\n\n  // case: gallery with 2 images\n  // the images will span across the 2 grid tracks (2 rows)\n  > a:first-child:nth-last-child(2),\n  > a:nth-child(2):last-child {\n    grid-row: auto / span 2;\n  }\n\n  ", "\n"])), function (p) {
 	  return p.backgroundColor;
 	}, function (p) {
-	  return p.applyRoundedCorners && _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n      border-radius: 10px;\n    "], ["\n      border-radius: 10px;\n    "])));
+	  return p.applyRoundedCorners && _styled.css(templateObject_5$9$2 || (templateObject_5$9$2 = __makeTemplateObject$1(["\n      border-radius: 10px;\n    "], ["\n      border-radius: 10px;\n    "])));
 	});
 
 	var ImageItem = _styled__default["default"].a.withConfig({
@@ -82307,7 +82307,7 @@
 	  componentId: "sc-flk193-5"
 	})(templateObject_9$2$2 || (templateObject_9$2$2 = __makeTemplateObject$1(["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ", "px;\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"], ["\n  && {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    width: auto;\n    height: auto;\n    color: white;\n    background: transparent;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n\n  position: absolute;\n  bottom: 15px;\n  right: 15px;\n\n  font-size: ", "px;\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n  }\n\n  @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n    filter: drop-shadow(0 1px 2px #000000cc);\n  }\n\n  @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n    text-shadow: 0 1px 2px #000000cc;\n  }\n"])), fontSizeMedium, minScreenSize.small, fontSizeLarge + 3);
 
-	var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
+	var templateObject_1$K$1, templateObject_2$v$1, templateObject_3$m$1, templateObject_4$e$1, templateObject_5$9$2, templateObject_6$7$2, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
 
 	function showPhoto(url, title) {
 	  {
@@ -82382,11 +82382,11 @@
 	var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
 	  displayName: "IconHeaderButton__StyledLink",
 	  componentId: "sc-1p61ffo-2"
-	})(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ", ";\n  }\n"], ["\n  && {\n    height: 100%;\n    ", ";\n  }\n"])), function (p) {
-	  return _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
+	})(templateObject_6$6$2 || (templateObject_6$6$2 = __makeTemplateObject$1(["\n  && {\n    height: 100%;\n    ", ";\n  }\n"], ["\n  && {\n    height: 100%;\n    ", ";\n  }\n"])), function (p) {
+	  return _styled.css(templateObject_5$8$2 || (templateObject_5$8$2 = __makeTemplateObject$1(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), p.theme.textColors.onPrimary);
 	});
 
-	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
+	var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$d$1, templateObject_5$8$2, templateObject_6$6$2; // a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
 
 	var whitespaces$2$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
@@ -82696,7 +82696,7 @@
 	var StyledSpinner$1$1 = _styled__default["default"](officeUiFabricReact.Spinner).withConfig({
 	  displayName: "Search__StyledSpinner",
 	  componentId: "sc-17f35gt-1"
-	})(templateObject_4$b$1 || (templateObject_4$b$1 = __makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ", ";\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ", ";\n  background-color: ", ";\n"])), function (p) {
+	})(templateObject_4$b$2 || (templateObject_4$b$2 = __makeTemplateObject$1(["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ", ";\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  padding-right: 8px;\n\n  color: ", ";\n  background-color: ", ";\n"])), function (p) {
 	  return p.theme.textColors.onPrimary;
 	}, function (p) {
 	  return p.theme.palette.themeDarker;
@@ -82770,7 +82770,7 @@
 	  }
 	};
 
-	var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
+	var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$b$2, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
 	var TableSortOrder;
 
 	(function (TableSortOrder) {
@@ -82786,7 +82786,7 @@
 	_styled__default["default"].span.withConfig({
 	  displayName: "SortableTable__Title",
 	  componentId: "sc-6tqdpa-1"
-	})(templateObject_4$a$1 || (templateObject_4$a$1 = __makeTemplateObject$1(["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"], ["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"])), function (p) {
+	})(templateObject_4$a$2 || (templateObject_4$a$2 = __makeTemplateObject$1(["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"], ["\n  position: relative;\n  padding: 0 5px;\n  ", "\n"])), function (p) {
 	  return p.orderBy ? _styled.css(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n          padding-right: 18px;\n        "], ["\n          padding-right: 18px;\n        "]))) : _styled.css(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n          padding-left: 18px;\n        "], ["\n          padding-left: 18px;\n        "])));
 	});
 
@@ -82829,7 +82829,7 @@
 	  componentId: "sc-6tqdpa-6"
 	})(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n  margin: 80px 0 100px;\n"], ["\n  margin: 80px 0 100px;\n"])));
 
-	var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
+	var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$a$2, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
 
 	var ToggleWithLabel = function ToggleWithLabel(props) {
 	  return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
@@ -83357,7 +83357,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
 	  }, {
@@ -83443,7 +83443,7 @@
 	// 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
 
@@ -83666,7 +83666,7 @@
 	var RightSide = _styled__default["default"].div.withConfig({
 	  displayName: "Toolbar__RightSide",
 	  componentId: "sc-16ftbxt-2"
-	})(templateObject_3$c$1 || (templateObject_3$c$1 = __makeTemplateObject$1(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n  margin-left: auto;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n  margin-left: auto;\n"])));
+	})(templateObject_3$c$2 || (templateObject_3$c$2 = __makeTemplateObject$1(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n  margin-left: auto;\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1 1 auto;\n  margin-left: auto;\n"])));
 
 	var Row = _styled__default["default"].div.withConfig({
 	  displayName: "Toolbar__Row",
@@ -83678,31 +83678,31 @@
 	  componentId: "sc-16ftbxt-4"
 	})(templateObject_5$3$2 || (templateObject_5$3$2 = __makeTemplateObject$1(["\n  display: flex;\n  width: 100%;\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: flex;\n  width: 100%;\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), minScreenSize.medium);
 
-	var templateObject_1$o$1, templateObject_2$j$1, templateObject_3$c$1, templateObject_4$6$2, templateObject_5$3$2;
+	var templateObject_1$o$1, templateObject_2$j$1, templateObject_3$c$2, templateObject_4$6$2, templateObject_5$3$2;
 
 	_styled__default["default"](Toolbar$1).withConfig({
 	  displayName: "ChromelessToolbar__StyledToolbar",
 	  componentId: "sc-1vovywb-0"
-	})(templateObject_1$n$1 || (templateObject_1$n$1 = __makeTemplateObject$1(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingM);
+	})(templateObject_1$n$2 || (templateObject_1$n$2 = __makeTemplateObject$1(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingM);
 
 	_styled.createGlobalStyle(templateObject_2$i$1 || (templateObject_2$i$1 = __makeTemplateObject$1(["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ", "px) {\n        margin-top: ", "px;\n      }\n    }\n  }\n"], ["\n  [data-detail-page-container] {\n    [data-content-toolbar] {\n      @media (max-width: ", "px) {\n        margin-top: ", "px;\n      }\n    }\n  }\n"])), minScreenSize.large, spacingM);
-	var templateObject_1$n$1, templateObject_2$i$1; // todo: Apply this to all pages and make sure it works in IE
+	var templateObject_1$n$2, templateObject_2$i$1; // todo: Apply this to all pages and make sure it works in IE
 
 	_styled__default["default"].p.withConfig({
 	  displayName: "PageDescription",
 	  componentId: "sc-xcsmz7-0"
-	})(templateObject_1$m$1 || (templateObject_1$m$1 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"])));
+	})(templateObject_1$m$2 || (templateObject_1$m$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0;\n  line-height: 1.5em;\n  span {\n    flex: 1 1 100%;\n  }\n"])));
 
-	var templateObject_1$m$1;
+	var templateObject_1$m$2;
 
 	_styled__default["default"].div.withConfig({
 	  displayName: "DragSource__Host",
 	  componentId: "sc-qzjyds-0"
-	})(templateObject_1$l$1 || (templateObject_1$l$1 = __makeTemplateObject$1(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (p) {
+	})(templateObject_1$l$2 || (templateObject_1$l$2 = __makeTemplateObject$1(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (p) {
 	  return p.theme.palette.neutralTertiaryAlt;
 	});
 
-	var templateObject_1$l$1;
+	var templateObject_1$l$2;
 
 	var EmojiButton = function EmojiButton(_a) {
 	  var onEmojiSelected = _a.onEmojiSelected,
@@ -83756,7 +83756,7 @@
 	var ButtonWrapper = _styled__default["default"].div.withConfig({
 	  displayName: "EmojiButton__ButtonWrapper",
 	  componentId: "sc-1eq2zlz-0"
-	})(templateObject_1$k$1 || (templateObject_1$k$1 = __makeTemplateObject$1([""], [""])));
+	})(templateObject_1$k$2 || (templateObject_1$k$2 = __makeTemplateObject$1([""], [""])));
 
 	var StyledCallout$2 = _styled__default["default"](Callout).withConfig({
 	  displayName: "EmojiButton__StyledCallout",
@@ -83786,11 +83786,11 @@
 	var EmojiPickerSuspenseHost = _styled__default["default"].div.withConfig({
 	  displayName: "EmojiButton__EmojiPickerSuspenseHost",
 	  componentId: "sc-1eq2zlz-2"
-	})(templateObject_3$b$1 || (templateObject_3$b$1 = __makeTemplateObject$1(["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"], ["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"])), function (p) {
+	})(templateObject_3$b$2 || (templateObject_3$b$2 = __makeTemplateObject$1(["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"], ["\n  // we set an initial width which is similar to what the emoji picker will be once it's loaded\n  // we have to do this so the callout is rendered in the correct place\n  width: ", "px;\n  height: 400px;\n"])), function (p) {
 	  return p.isSmaller ? 319 : 400;
 	});
 
-	var templateObject_1$k$1, templateObject_2$h$1, templateObject_3$b$1;
+	var templateObject_1$k$2, templateObject_2$h$1, templateObject_3$b$2;
 
 	var GiphyAttribution = function GiphyAttribution() {
 	  var env = useConfiguration();
@@ -84021,9 +84021,9 @@
 
 	var Host$8$1 = _styled__default["default"].div(templateObject_1$f$2 || (templateObject_1$f$2 = __makeTemplateObject$1([""], [""])));
 
-	var StyledGif = _styled__default["default"](dist$4.Gif)(templateObject_2$d$1 || (templateObject_2$d$1 = __makeTemplateObject$1(["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ", "px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"], ["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ", "px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"])), maxScreenSize.small);
+	var StyledGif = _styled__default["default"](dist$4.Gif)(templateObject_2$d$2 || (templateObject_2$d$2 = __makeTemplateObject$1(["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ", "px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"], ["\n  && {\n    max-width: 100%;\n  }\n\n  @media (max-width: ", "px) {\n    /* because the style is inline set we need to overwrite it via !important */\n    width: auto !important;\n    height: auto !important;\n    > div {\n      width: auto !important;\n      height: auto !important;\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n    }\n  }\n"])), maxScreenSize.small);
 
-	var templateObject_1$f$2, templateObject_2$d$1;
+	var templateObject_1$f$2, templateObject_2$d$2;
 
 	var GifEditList = function GifEditList(_a) {
 	  var attachments = _a.attachments,
@@ -84074,9 +84074,9 @@
 	var StyledAttachmentHost$1 = _styled__default["default"](AttachmentHost).withConfig({
 	  displayName: "GifEditList__StyledAttachmentHost",
 	  componentId: "sc-95dldh-1"
-	})(templateObject_2$c$1 || (templateObject_2$c$1 = __makeTemplateObject$1(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
+	})(templateObject_2$c$2 || (templateObject_2$c$2 = __makeTemplateObject$1(["\n  width: auto;\n"], ["\n  width: auto;\n"])));
 
-	var templateObject_1$e$2, templateObject_2$c$1;
+	var templateObject_1$e$2, templateObject_2$c$2;
 
 	var GifList = function GifList(_a) {
 	  var attachments = _a.attachments,
@@ -84534,7 +84534,7 @@
 	};
 
 	var isArray$1$1 = isArray$2$1;
-	var toLength$1$1 = toLength$8$1;
+	var toLength$1$2 = toLength$8$1;
 	var bind$6 = functionBindContext$1; // `FlattenIntoArray` abstract operation
 	// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
 
@@ -84549,7 +84549,7 @@
 	      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
 
 	      if (depth > 0 && isArray$1$1(element)) {
-	        targetIndex = flattenIntoArray$1$1(target, original, element, toLength$1$1(element.length), targetIndex, depth - 1) - 1;
+	        targetIndex = flattenIntoArray$1$1(target, original, element, toLength$1$2(element.length), targetIndex, depth - 1) - 1;
 	      } else {
 	        if (targetIndex >= 0x1FFFFFFFFFFFFF) throw TypeError('Exceed the acceptable array length');
 	        target[targetIndex] = element;
@@ -87304,9 +87304,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.182";
-	var buildId = "97985";
-	var commitId = "c4ce0087108c5ec9a1a0ba33ec39fba6a1e5a73b";
+	var version$1 = "0.4.0-preview.189";
+	var buildId = "98100";
+	var commitId = "de53028f45ca2ed8f8b474a523622b88430dd55f";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -87328,10 +87328,10 @@
 	  return isObject$e(it) && ((isRegExp = it[MATCH$4]) !== undefined ? !!isRegExp : classof$b(it) == 'RegExp');
 	};
 
-	var isRegExp$5 = isRegexp$1;
+	var isRegExp$6 = isRegexp$1;
 
 	var notARegexp$1 = function (it) {
-	  if (isRegExp$5(it)) {
+	  if (isRegExp$6(it)) {
 	    throw TypeError("The method doesn't accept regular expressions");
 	  } return it;
 	};
@@ -88411,7 +88411,7 @@
 	function _class(obj) { return Object.prototype.toString.call(obj); }
 	function isString(obj) { return _class(obj) === '[object String]'; }
 	function isObject$d(obj) { return _class(obj) === '[object Object]'; }
-	function isRegExp$4(obj) { return _class(obj) === '[object RegExp]'; }
+	function isRegExp$5(obj) { return _class(obj) === '[object RegExp]'; }
 	function isFunction(obj) { return _class(obj) === '[object Function]'; }
 
 
@@ -88582,7 +88582,7 @@
 	    self.__compiled__[name] = compiled;
 
 	    if (isObject$d(val)) {
-	      if (isRegExp$4(val.validate)) {
+	      if (isRegExp$5(val.validate)) {
 	        compiled.validate = createValidator(val.validate);
 	      } else if (isFunction(val.validate)) {
 	        compiled.validate = val.validate;
@@ -131081,8 +131081,8 @@
 	// simulate the 'y' flag.
 	reCopy=new RegExp('^(?:'+source+')',flags);}if(NPCG_INCLUDED$1){reCopy=new RegExp('^'+source+'$(?!\\s)',flags);}if(UPDATES_LAST_INDEX_WRONG$1)lastIndex=re.lastIndex;match=nativeExec$1.call(sticky?reCopy:re,strCopy);if(sticky){if(match){match.input=match.input.slice(charsAdded);match[0]=match[0].slice(charsAdded);match.index=re.lastIndex;re.lastIndex+=match[0].length;}else re.lastIndex=0;}else if(UPDATES_LAST_INDEX_WRONG$1&&match){re.lastIndex=re.global?match.index+match[0].length:lastIndex;}if(NPCG_INCLUDED$1&&match&&match.length>1){// Fix browsers whose `exec` methods don't consistently return `undefined`
 	// for NPCG, like IE8. NOTE: This doesn' work for /(.?)?/
-	nativeReplace$1.call(match[0],reCopy,function(){for(i=1;i<arguments.length-2;i++){if(arguments[i]===undefined)match[i]=undefined;}});}return match;};}var regexpExec$3=patchedExec$1;var $$f=_export;var exec$1=regexpExec$3;$$f({target:'RegExp',proto:true,forced:/./.exec!==exec$1},{exec:exec$1});// TODO: Remove from `core-js@4` since it's moved to entry points
-	var redefine$7=redefine$9.exports;var fails$b=fails$i;var wellKnownSymbol$i=wellKnownSymbol$l;var regexpExec$2$1=regexpExec$3;var createNonEnumerableProperty$3=createNonEnumerableProperty$8;var SPECIES$4=wellKnownSymbol$i('species');var REPLACE_SUPPORTS_NAMED_GROUPS$1=!fails$b(function(){// #replace needs built-in support for named groups.
+	nativeReplace$1.call(match[0],reCopy,function(){for(i=1;i<arguments.length-2;i++){if(arguments[i]===undefined)match[i]=undefined;}});}return match;};}var regexpExec$3$1=patchedExec$1;var $$f=_export;var exec$1=regexpExec$3$1;$$f({target:'RegExp',proto:true,forced:/./.exec!==exec$1},{exec:exec$1});// TODO: Remove from `core-js@4` since it's moved to entry points
+	var redefine$7=redefine$9.exports;var fails$b=fails$i;var wellKnownSymbol$i=wellKnownSymbol$l;var regexpExec$2$1=regexpExec$3$1;var createNonEnumerableProperty$3=createNonEnumerableProperty$8;var SPECIES$4=wellKnownSymbol$i('species');var REPLACE_SUPPORTS_NAMED_GROUPS$1=!fails$b(function(){// #replace needs built-in support for named groups.
 	// #match works fine because it just return the exec results, even if it has
 	// a "grops" property.
 	var re=/./;re.exec=function(){var result=[];result.groups={a:'7'};return result;};return ''.replace(re,'$<a>')!=='7';});// IE <= 11 replaces $0 with the whole match, as if it was $&
@@ -131113,14 +131113,14 @@
 	// https://github.com/mathiasbynens/String.prototype.at
 	charAt:createMethod$2(true)};var charAt$1=stringMultibyte$1.charAt;// `AdvanceStringIndex` abstract operation
 	// https://tc39.github.io/ecma262/#sec-advancestringindex
-	var advanceStringIndex$3=function(S,index,unicode){return index+(unicode?charAt$1(S,index).length:1);};var classof$7=classofRaw$1;var regexpExec$1$1=regexpExec$3;// `RegExpExec` abstract operation
+	var advanceStringIndex$3=function(S,index,unicode){return index+(unicode?charAt$1(S,index).length:1);};var classof$7=classofRaw$1;var regexpExec$1$1=regexpExec$3$1;// `RegExpExec` abstract operation
 	// https://tc39.github.io/ecma262/#sec-regexpexec
-	var regexpExecAbstract$1=function(R,S){var exec=R.exec;if(typeof exec==='function'){var result=exec.call(R,S);if(typeof result!=='object'){throw TypeError('RegExp exec method returned something other than an Object or null');}return result;}if(classof$7(R)!=='RegExp'){throw TypeError('RegExp#exec called on incompatible receiver');}return regexpExec$1$1.call(R,S);};var fixRegExpWellKnownSymbolLogic$3=fixRegexpWellKnownSymbolLogic$1;var isRegExp$2=isRegexp;var anObject$c=anObject$h;var requireObjectCoercible$8=requireObjectCoercible$c;var speciesConstructor$1=speciesConstructor$2;var advanceStringIndex$2=advanceStringIndex$3;var toLength$9=toLength$b;var callRegExpExec=regexpExecAbstract$1;var regexpExec$4=regexpExec$3;var fails$a=fails$i;var arrayPush=[].push;var min$4=Math.min;var MAX_UINT32=0xFFFFFFFF;// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
-	var SUPPORTS_Y=!fails$a(function(){return !RegExp(MAX_UINT32,'y');});// @@split logic
+	var regexpExecAbstract$1=function(R,S){var exec=R.exec;if(typeof exec==='function'){var result=exec.call(R,S);if(typeof result!=='object'){throw TypeError('RegExp exec method returned something other than an Object or null');}return result;}if(classof$7(R)!=='RegExp'){throw TypeError('RegExp#exec called on incompatible receiver');}return regexpExec$1$1.call(R,S);};var fixRegExpWellKnownSymbolLogic$3=fixRegexpWellKnownSymbolLogic$1;var isRegExp$2=isRegexp;var anObject$c=anObject$h;var requireObjectCoercible$8=requireObjectCoercible$c;var speciesConstructor$1=speciesConstructor$2;var advanceStringIndex$2$1=advanceStringIndex$3;var toLength$9=toLength$b;var callRegExpExec$1=regexpExecAbstract$1;var regexpExec$4=regexpExec$3$1;var fails$a=fails$i;var arrayPush$1=[].push;var min$4=Math.min;var MAX_UINT32$1=0xFFFFFFFF;// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+	var SUPPORTS_Y$1=!fails$a(function(){return !RegExp(MAX_UINT32$1,'y');});// @@split logic
 	fixRegExpWellKnownSymbolLogic$3('split',2,function(SPLIT,nativeSplit,maybeCallNative){var internalSplit;if('abbc'.split(/(b)*/)[1]=='c'||'test'.split(/(?:)/,-1).length!=4||'ab'.split(/(?:ab)*/).length!=2||'.'.split(/(.?)(.?)/).length!=4||'.'.split(/()()/).length>1||''.split(/.?/).length){// based on es5-shim implementation, need to rework it
-	internalSplit=function(separator,limit){var string=String(requireObjectCoercible$8(this));var lim=limit===undefined?MAX_UINT32:limit>>>0;if(lim===0)return [];if(separator===undefined)return [string];// If `separator` is not a regex, use native split
+	internalSplit=function(separator,limit){var string=String(requireObjectCoercible$8(this));var lim=limit===undefined?MAX_UINT32$1:limit>>>0;if(lim===0)return [];if(separator===undefined)return [string];// If `separator` is not a regex, use native split
 	if(!isRegExp$2(separator)){return nativeSplit.call(string,separator,lim);}var output=[];var flags=(separator.ignoreCase?'i':'')+(separator.multiline?'m':'')+(separator.unicode?'u':'')+(separator.sticky?'y':'');var lastLastIndex=0;// Make `global` and avoid `lastIndex` issues by working with a copy
-	var separatorCopy=new RegExp(separator.source,flags+'g');var match,lastIndex,lastLength;while(match=regexpExec$4.call(separatorCopy,string)){lastIndex=separatorCopy.lastIndex;if(lastIndex>lastLastIndex){output.push(string.slice(lastLastIndex,match.index));if(match.length>1&&match.index<string.length)arrayPush.apply(output,match.slice(1));lastLength=match[0].length;lastLastIndex=lastIndex;if(output.length>=lim)break;}if(separatorCopy.lastIndex===match.index)separatorCopy.lastIndex++;// Avoid an infinite loop
+	var separatorCopy=new RegExp(separator.source,flags+'g');var match,lastIndex,lastLength;while(match=regexpExec$4.call(separatorCopy,string)){lastIndex=separatorCopy.lastIndex;if(lastIndex>lastLastIndex){output.push(string.slice(lastLastIndex,match.index));if(match.length>1&&match.index<string.length)arrayPush$1.apply(output,match.slice(1));lastLength=match[0].length;lastLastIndex=lastIndex;if(output.length>=lim)break;}if(separatorCopy.lastIndex===match.index)separatorCopy.lastIndex++;// Avoid an infinite loop
 	}if(lastLastIndex===string.length){if(lastLength||!separatorCopy.test(''))output.push('');}else output.push(string.slice(lastLastIndex));return output.length>lim?output.slice(0,lim):output;};// Chakra, V8
 	}else if('0'.split(undefined,0).length){internalSplit=function(separator,limit){return separator===undefined&&limit===0?[]:nativeSplit.call(this,separator,limit);};}else internalSplit=nativeSplit;return [// `String.prototype.split` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.split
@@ -131129,9 +131129,9 @@
 	//
 	// NOTE: This cannot be properly polyfilled in engines that don't support
 	// the 'y' flag.
-	function(regexp,limit){var res=maybeCallNative(internalSplit,regexp,this,limit,internalSplit!==nativeSplit);if(res.done)return res.value;var rx=anObject$c(regexp);var S=String(this);var C=speciesConstructor$1(rx,RegExp);var unicodeMatching=rx.unicode;var flags=(rx.ignoreCase?'i':'')+(rx.multiline?'m':'')+(rx.unicode?'u':'')+(SUPPORTS_Y?'y':'g');// ^(? + rx + ) is needed, in combination with some S slicing, to
+	function(regexp,limit){var res=maybeCallNative(internalSplit,regexp,this,limit,internalSplit!==nativeSplit);if(res.done)return res.value;var rx=anObject$c(regexp);var S=String(this);var C=speciesConstructor$1(rx,RegExp);var unicodeMatching=rx.unicode;var flags=(rx.ignoreCase?'i':'')+(rx.multiline?'m':'')+(rx.unicode?'u':'')+(SUPPORTS_Y$1?'y':'g');// ^(? + rx + ) is needed, in combination with some S slicing, to
 	// simulate the 'y' flag.
-	var splitter=new C(SUPPORTS_Y?rx:'^(?:'+rx.source+')',flags);var lim=limit===undefined?MAX_UINT32:limit>>>0;if(lim===0)return [];if(S.length===0)return callRegExpExec(splitter,S)===null?[S]:[];var p=0;var q=0;var A=[];while(q<S.length){splitter.lastIndex=SUPPORTS_Y?q:0;var z=callRegExpExec(splitter,SUPPORTS_Y?S:S.slice(q));var e;if(z===null||(e=min$4(toLength$9(splitter.lastIndex+(SUPPORTS_Y?0:q)),S.length))===p){q=advanceStringIndex$2(S,q,unicodeMatching);}else {A.push(S.slice(p,q));if(A.length===lim)return A;for(var i=1;i<=z.length-1;i++){A.push(z[i]);if(A.length===lim)return A;}q=p=e;}}A.push(S.slice(p));return A;}];},!SUPPORTS_Y);var fixRegExpWellKnownSymbolLogic$2=fixRegexpWellKnownSymbolLogic$1;var anObject$b=anObject$h;var toLength$8=toLength$b;var requireObjectCoercible$7=requireObjectCoercible$c;var advanceStringIndex$1$1=advanceStringIndex$3;var regExpExec$2=regexpExecAbstract$1;// @@match logic
+	var splitter=new C(SUPPORTS_Y$1?rx:'^(?:'+rx.source+')',flags);var lim=limit===undefined?MAX_UINT32$1:limit>>>0;if(lim===0)return [];if(S.length===0)return callRegExpExec$1(splitter,S)===null?[S]:[];var p=0;var q=0;var A=[];while(q<S.length){splitter.lastIndex=SUPPORTS_Y$1?q:0;var z=callRegExpExec$1(splitter,SUPPORTS_Y$1?S:S.slice(q));var e;if(z===null||(e=min$4(toLength$9(splitter.lastIndex+(SUPPORTS_Y$1?0:q)),S.length))===p){q=advanceStringIndex$2$1(S,q,unicodeMatching);}else {A.push(S.slice(p,q));if(A.length===lim)return A;for(var i=1;i<=z.length-1;i++){A.push(z[i]);if(A.length===lim)return A;}q=p=e;}}A.push(S.slice(p));return A;}];},!SUPPORTS_Y$1);var fixRegExpWellKnownSymbolLogic$2=fixRegexpWellKnownSymbolLogic$1;var anObject$b=anObject$h;var toLength$8=toLength$b;var requireObjectCoercible$7=requireObjectCoercible$c;var advanceStringIndex$1$1=advanceStringIndex$3;var regExpExec$2=regexpExecAbstract$1;// @@match logic
 	fixRegExpWellKnownSymbolLogic$2('match',1,function(MATCH,nativeMatch,maybeCallNative){return [// `String.prototype.match` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.match
 	function match(regexp){var O=requireObjectCoercible$7(this);var matcher=regexp==undefined?undefined:regexp[MATCH];return matcher!==undefined?matcher.call(regexp,O):new RegExp(regexp)[MATCH](String(O));},// `RegExp.prototype[@@match]` method
@@ -131421,12 +131421,12 @@
 	return NativeRegExp(re1)!=re1||NativeRegExp(re2)==re2||NativeRegExp(re1,'i')!='/a/i';}));// `RegExp` constructor
 	// https://tc39.github.io/ecma262/#sec-regexp-constructor
 	if(FORCED$3){var RegExpWrapper=function RegExp(pattern,flags){var thisIsRegExp=this instanceof RegExpWrapper;var patternIsRegExp=isRegExp$1(pattern);var flagsAreUndefined=flags===undefined;var sticky;if(!thisIsRegExp&&patternIsRegExp&&pattern.constructor===RegExpWrapper&&flagsAreUndefined){return pattern;}if(CORRECT_NEW){if(patternIsRegExp&&!flagsAreUndefined)pattern=pattern.source;}else if(pattern instanceof RegExpWrapper){if(flagsAreUndefined)flags=getFlags.call(pattern);pattern=pattern.source;}if(UNSUPPORTED_Y$2){sticky=!!flags&&flags.indexOf('y')>-1;if(sticky)flags=flags.replace(/y/g,'');}var result=inheritIfRequired(CORRECT_NEW?new NativeRegExp(pattern,flags):NativeRegExp(pattern,flags),thisIsRegExp?this:RegExpPrototype$2,RegExpWrapper);if(UNSUPPORTED_Y$2&&sticky)setInternalState$1(result,{sticky:sticky});return result;};var proxy=function(key){key in RegExpWrapper||defineProperty$2(RegExpWrapper,key,{configurable:true,get:function(){return NativeRegExp[key];},set:function(it){NativeRegExp[key]=it;}});};var keys=getOwnPropertyNames(NativeRegExp);var index=0;while(keys.length>index)proxy(keys[index++]);RegExpPrototype$2.constructor=RegExpWrapper;RegExpWrapper.prototype=RegExpPrototype$2;redefine$2(global$9,'RegExp',RegExpWrapper);}// https://tc39.github.io/ecma262/#sec-get-regexp-@@species
-	setSpecies$1('RegExp');var redefine$1$1=redefine$9.exports;var anObject$4=anObject$h;var fails$4=fails$i;var flags$1=regexpFlags$1$1;var TO_STRING$1='toString';var RegExpPrototype$1=RegExp.prototype;var nativeToString$1=RegExpPrototype$1[TO_STRING$1];var NOT_GENERIC$1=fails$4(function(){return nativeToString$1.call({source:'a',flags:'b'})!='/a/b';});// FF44- RegExp#toString has a wrong name
+	setSpecies$1('RegExp');var redefine$1$1=redefine$9.exports;var anObject$4=anObject$h;var fails$4$1=fails$i;var flags$1=regexpFlags$1$1;var TO_STRING$1='toString';var RegExpPrototype$1=RegExp.prototype;var nativeToString$1=RegExpPrototype$1[TO_STRING$1];var NOT_GENERIC$1=fails$4$1(function(){return nativeToString$1.call({source:'a',flags:'b'})!='/a/b';});// FF44- RegExp#toString has a wrong name
 	var INCORRECT_NAME$1=nativeToString$1.name!=TO_STRING$1;// `RegExp.prototype.toString` method
 	// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
 	if(NOT_GENERIC$1||INCORRECT_NAME$1){redefine$1$1(RegExp.prototype,TO_STRING$1,function toString(){var R=anObject$4(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1)?flags$1.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}// Sources: https://webapps.stackexchange.com/questions/54443/format-for-id-of-youtube-video
-	var videoRegex=/((https?:\/\/)?((www\.)?)?)(((youtube\.com|youtu\.?be)\/[^\s]{11,}.*?)|((vimeo\.com)\/(?:video\/)?[\d]{3,})|((player\.vimeo\.com\/external)\/(\S+)))/g;function getAllVideosFromString(content){var matches,url,type;return __generator(this,function(_a){switch(_a.label){case 0:videoRegex.lastIndex=0;_a.label=1;case 1:matches=videoRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[0];if(!url){return [3/*break*/,3];}type=matches.filter(function(m){return !!m;}).some(function(m){return m.indexOf('vimeo')>-1;})?AttachmentType.VimeoVideo:AttachmentType.YouTubeVideo;return [4/*yield*/,{url:url,type:type}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}function getEmbeddedObjectsFromString(content){var embeddedObjectRegex,matches,url,subscriptionIdentifier,type,id;return __generator(this,function(_a){switch(_a.label){case 0:embeddedObjectRegex=new RegExp("/([^/]{3,})(/(redirect/)?(news|events|pages|posts)/([^\\s/?]+).*?)",'g');_a.label=1;case 1:matches=embeddedObjectRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[2];if(!url){return [3/*break*/,3];}subscriptionIdentifier=matches[1];type=AttachmentType.News;switch(matches[4]){case'news':type=AttachmentType.News;break;case'events':type=AttachmentType.Event;break;case'pages':type=AttachmentType.Page;break;case'posts':type=AttachmentType.Post;break;default:type=AttachmentType.News;}id=matches[5];return [4/*yield*/,{url:url,subscriptionIdentifier:subscriptionIdentifier,type:type,id:id}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}var global$8=global$m;var nativePromiseConstructor=global$8.Promise;var iterate$2={exports:{}};var anObject$3=anObject$h;var isArrayIteratorMethod=isArrayIteratorMethod$2;var toLength$5=toLength$b;var bind$3=functionBindContext;var getIteratorMethod=getIteratorMethod$4;var callWithSafeIterationClosing=callWithSafeIterationClosing$2;var Result=function(stopped,result){this.stopped=stopped;this.result=result;};var iterate$1=iterate$2.exports=function(iterable,fn,that,AS_ENTRIES,IS_ITERATOR){var boundFunction=bind$3(fn,that,AS_ENTRIES?2:1);var iterator,iterFn,index,length,result,next,step;if(IS_ITERATOR){iterator=iterable;}else {iterFn=getIteratorMethod(iterable);if(typeof iterFn!='function')throw TypeError('Target is not iterable');// optimisation for array iterators
-	if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength$5(iterable.length);length>index;index++){result=AS_ENTRIES?boundFunction(anObject$3(step=iterable[index])[0],step[1]):boundFunction(iterable[index]);if(result&&result instanceof Result)return result;}return new Result(false);}iterator=iterFn.call(iterable);}next=iterator.next;while(!(step=next.call(iterator)).done){result=callWithSafeIterationClosing(iterator,boundFunction,step.value,AS_ENTRIES);if(typeof result=='object'&&result&&result instanceof Result)return result;}return new Result(false);};iterate$1.stop=function(result){return new Result(true,result);};var wellKnownSymbol$3=wellKnownSymbol$l;var ITERATOR=wellKnownSymbol$3('iterator');var SAFE_CLOSING=false;try{var called=0;var iteratorWithReturn={next:function(){return {done:!!called++};},'return':function(){SAFE_CLOSING=true;}};iteratorWithReturn[ITERATOR]=function(){return this;};// eslint-disable-next-line no-throw-literal
+	var videoRegex=/((https?:\/\/)?((www\.)?)?)(((youtube\.com|youtu\.?be)\/[^\s]{11,}.*?)|((vimeo\.com)\/(?:video\/)?[\d]{3,})|((player\.vimeo\.com\/external)\/(\S+)))/g;function getAllVideosFromString(content){var matches,url,type;return __generator(this,function(_a){switch(_a.label){case 0:videoRegex.lastIndex=0;_a.label=1;case 1:matches=videoRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[0];if(!url){return [3/*break*/,3];}type=matches.filter(function(m){return !!m;}).some(function(m){return m.indexOf('vimeo')>-1;})?AttachmentType.VimeoVideo:AttachmentType.YouTubeVideo;return [4/*yield*/,{url:url,type:type}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}function getEmbeddedObjectsFromString(content){var embeddedObjectRegex,matches,url,subscriptionIdentifier,type,id;return __generator(this,function(_a){switch(_a.label){case 0:embeddedObjectRegex=new RegExp("/([^/]{3,})(/(redirect/)?(news|events|pages|posts)/([^\\s/?]+).*?)",'g');_a.label=1;case 1:matches=embeddedObjectRegex.exec(content);url=matches===null||matches===void 0?void 0:matches[2];if(!url){return [3/*break*/,3];}subscriptionIdentifier=matches[1];type=AttachmentType.News;switch(matches[4]){case'news':type=AttachmentType.News;break;case'events':type=AttachmentType.Event;break;case'pages':type=AttachmentType.Page;break;case'posts':type=AttachmentType.Post;break;default:type=AttachmentType.News;}id=matches[5];return [4/*yield*/,{url:url,subscriptionIdentifier:subscriptionIdentifier,type:type,id:id}];case 2:_a.sent();return [3/*break*/,1];case 3:return [2/*return*/];}});}var global$8=global$m;var nativePromiseConstructor=global$8.Promise;var iterate$2={exports:{}};var anObject$3$1=anObject$h;var isArrayIteratorMethod=isArrayIteratorMethod$2;var toLength$5=toLength$b;var bind$3=functionBindContext;var getIteratorMethod=getIteratorMethod$4;var callWithSafeIterationClosing=callWithSafeIterationClosing$2;var Result=function(stopped,result){this.stopped=stopped;this.result=result;};var iterate$1=iterate$2.exports=function(iterable,fn,that,AS_ENTRIES,IS_ITERATOR){var boundFunction=bind$3(fn,that,AS_ENTRIES?2:1);var iterator,iterFn,index,length,result,next,step;if(IS_ITERATOR){iterator=iterable;}else {iterFn=getIteratorMethod(iterable);if(typeof iterFn!='function')throw TypeError('Target is not iterable');// optimisation for array iterators
+	if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength$5(iterable.length);length>index;index++){result=AS_ENTRIES?boundFunction(anObject$3$1(step=iterable[index])[0],step[1]):boundFunction(iterable[index]);if(result&&result instanceof Result)return result;}return new Result(false);}iterator=iterFn.call(iterable);}next=iterator.next;while(!(step=next.call(iterator)).done){result=callWithSafeIterationClosing(iterator,boundFunction,step.value,AS_ENTRIES);if(typeof result=='object'&&result&&result instanceof Result)return result;}return new Result(false);};iterate$1.stop=function(result){return new Result(true,result);};var wellKnownSymbol$3=wellKnownSymbol$l;var ITERATOR=wellKnownSymbol$3('iterator');var SAFE_CLOSING=false;try{var called=0;var iteratorWithReturn={next:function(){return {done:!!called++};},'return':function(){SAFE_CLOSING=true;}};iteratorWithReturn[ITERATOR]=function(){return this;};// eslint-disable-next-line no-throw-literal
 	Array.from(iteratorWithReturn,function(){throw 2;});}catch(error){/* empty */}var checkCorrectnessOfIteration$1=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return false;var ITERATION_SUPPORT=false;try{var object={};object[ITERATOR]=function(){return {next:function(){return {done:ITERATION_SUPPORT=true};}};};exec(object);}catch(error){/* empty */}return ITERATION_SUPPORT;};var getBuiltIn$1=getBuiltIn$6;var engineUserAgent=getBuiltIn$1('navigator','userAgent')||'';var userAgent$1=engineUserAgent;var engineIsIos=/(iphone|ipod|ipad).*applewebkit/i.test(userAgent$1);var global$7=global$m;var fails$3$1=fails$i;var classof$3=classofRaw$1;var bind$2=functionBindContext;var html=html$2;var createElement=documentCreateElement$1;var IS_IOS$1=engineIsIos;var location$1=global$7.location;var set$2=global$7.setImmediate;var clear=global$7.clearImmediate;var process$3=global$7.process;var MessageChannel$1=global$7.MessageChannel;var Dispatch=global$7.Dispatch;var counter=0;var queue={};var ONREADYSTATECHANGE='onreadystatechange';var defer,channel,port;var run=function(id){// eslint-disable-next-line no-prototype-builtins
 	if(queue.hasOwnProperty(id)){var fn=queue[id];delete queue[id];fn();}};var runner=function(id){return function(){run(id);};};var listener=function(event){run(event.data);};var post=function(id){// old engines have not location.origin
 	global$7.postMessage(id+'',location$1.protocol+'//'+location$1.host);};// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
@@ -131453,7 +131453,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,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$3=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
@@ -131470,7 +131470,7 @@
 	PromiseConstructor=function Promise(executor){anInstance(this,PromiseConstructor,PROMISE);aFunction$3(executor);Internal.call(this);var state=getInternalState(this);try{executor(bind$1(internalResolve,this,state),bind$1(internalReject,this,state));}catch(error){internalReject(this,state,error);}};// eslint-disable-next-line no-unused-vars
 	Internal=function Promise(executor){setInternalState(this,{type:PROMISE,done:false,notified:false,parent:false,reactions:[],rejection:false,state:PENDING,value:undefined});};Internal.prototype=redefineAll(PromiseConstructor.prototype,{// `Promise.prototype.then` method
 	// https://tc39.github.io/ecma262/#sec-promise.prototype.then
-	then:function then(onFulfilled,onRejected){var state=getInternalPromiseState(this);var reaction=newPromiseCapability(speciesConstructor(this,PromiseConstructor));reaction.ok=typeof onFulfilled=='function'?onFulfilled:true;reaction.fail=typeof onRejected=='function'&&onRejected;reaction.domain=IS_NODE?process$4.domain:undefined;state.parent=true;state.reactions.push(reaction);if(state.state!=PENDING)notify(this,state,false);return reaction.promise;},// `Promise.prototype.catch` method
+	then:function then(onFulfilled,onRejected){var state=getInternalPromiseState(this);var reaction=newPromiseCapability(speciesConstructor$3(this,PromiseConstructor));reaction.ok=typeof onFulfilled=='function'?onFulfilled:true;reaction.fail=typeof onRejected=='function'&&onRejected;reaction.domain=IS_NODE?process$4.domain:undefined;state.parent=true;state.reactions.push(reaction);if(state.state!=PENDING)notify(this,state,false);return reaction.promise;},// `Promise.prototype.catch` method
 	// https://tc39.github.io/ecma262/#sec-promise.prototype.catch
 	'catch':function(onRejected){return this.then(undefined,onRejected);}});OwnPromiseCapability=function(){var promise=new Internal();var state=getInternalState(promise);this.promise=promise;this.resolve=bind$1(internalResolve,promise,state);this.reject=bind$1(internalReject,promise,state);};newPromiseCapabilityModule.f=newPromiseCapability=function(C){return C===PromiseConstructor||C===PromiseWrapper?new OwnPromiseCapability(C):newGenericPromiseCapability(C);};if(typeof NativePromise=='function'){nativeThen=NativePromise.prototype.then;// wrap native Promise#then for native async functions
 	redefine$a(NativePromise.prototype,'then',function then(onFulfilled,onRejected){var that=this;return new PromiseConstructor(function(resolve,reject){nativeThen.call(that,resolve,reject);}).then(onFulfilled,onRejected);// https://github.com/zloirock/core-js/issues/640
@@ -131488,10 +131488,10 @@
 	race:function race(iterable){var C=this;var capability=newPromiseCapability(C);var reject=capability.reject;var result=perform(function(){var $promiseResolve=aFunction$3(C.resolve);iterate(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});function useEventsApi(){var api=useApi();return React$d.useMemo(function(){return {getEvents:getEvents,getEvent:getEvent,getEventRecurrences:getEventRecurrences};function getEvents(filter,sortFieldBuilder){var queryString$1=queryString.stringify(__assign(__assign({},filter&&__assign({},filter)),sortFieldBuilder&&__assign({},sortFieldBuilder)));return api.custom("events?"+queryString$1).get().then(function(r){return r.body().data();});}function getEvent(id){return api.all('events').get(id).then(function(response){var eventItem=response.body().data();itemStatisticsCache[eventItem.id]=Promise.resolve(__assign({},eventItem.statistics));return eventItem;});}function getEventRecurrences(eventId,from,to){return api.all("editor/events/"+eventId+"/recurrences?"+queryString.stringify({from:from,to:to})).getAll().then(function(res){return res.body().map(function(e){return e.data();});});}},[api]);}// `SameValue` abstract operation
 	// https://tc39.github.io/ecma262/#sec-samevalue
 	var sameValue$1=Object.is||function is(x,y){// eslint-disable-next-line no-self-compare
-	return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3=requireObjectCoercible$c;var sameValue=sameValue$1;var regExpExec$1=regexpExecAbstract$1;// @@search logic
-	fixRegExpWellKnownSymbolLogic$1('search',1,function(SEARCH,nativeSearch,maybeCallNative){return [// `String.prototype.search` method
+	return x===y?x!==0||1/x===1/y:x!=x&&y!=y;};var fixRegExpWellKnownSymbolLogic$1$1=fixRegexpWellKnownSymbolLogic$1;var anObject$1$1=anObject$h;var requireObjectCoercible$3$1=requireObjectCoercible$c;var sameValue=sameValue$1;var regExpExec$1=regexpExecAbstract$1;// @@search logic
+	fixRegExpWellKnownSymbolLogic$1$1('search',1,function(SEARCH,nativeSearch,maybeCallNative){return [// `String.prototype.search` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.search
-	function search(regexp){var O=requireObjectCoercible$3(this);var searcher=regexp==undefined?undefined:regexp[SEARCH];return searcher!==undefined?searcher.call(regexp,O):new RegExp(regexp)[SEARCH](String(O));},// `RegExp.prototype[@@search]` method
+	function search(regexp){var O=requireObjectCoercible$3$1(this);var searcher=regexp==undefined?undefined:regexp[SEARCH];return searcher!==undefined?searcher.call(regexp,O):new RegExp(regexp)[SEARCH](String(O));},// `RegExp.prototype[@@search]` method
 	// https://tc39.github.io/ecma262/#sec-regexp.prototype-@@search
 	function(regexp){var res=maybeCallNative(nativeSearch,regexp,this);if(res.done)return res.value;var rx=anObject$1$1(regexp);var S=String(this);var previousLastIndex=rx.lastIndex;if(!sameValue(previousLastIndex,0))rx.lastIndex=0;var result=regExpExec$1(rx,S);if(!sameValue(rx.lastIndex,previousLastIndex))rx.lastIndex=previousLastIndex;return result===null?-1:result.index;}];});var $$8=_export;var assign=objectAssign;// `Object.assign` method
 	// https://tc39.github.io/ecma262/#sec-object.assign
@@ -131629,7 +131629,7 @@
 	if(node.querySelector('blockquote[data-quote-text]')==null){node.innerHTML='';}}};var InlineVideo=function InlineVideo(_a){var _b=_a.blockProps,id=_b.id,source=_b.source,url=_b.url,isDirectUrl=_b.isDirectUrl;var user=useCurrentUser();var token=useCurrentToken();var getVideoThumbnailUrl=useVideosApi().getVideoThumbnailUrl;var onOpenExternalLink=React$d.useContext(LinkContext).onOpenExternalLink;var isStreamVideo=source===VideoSource.MicrosoftStream;if(isStreamVideo&&env.isAnyMobileApp){return jsxRuntime.jsx(StreamButton,__assign({onClick:handleMicrosoftStreamClick},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.watchMicrosoftStream"},void 0)}),void 0);}return jsxRuntime.jsx(InlineVideoViewer,{videoInfo:{id:id,source:source,url:url,isDirectUrl:isDirectUrl},videoThumbnailUrl:isDirectUrl?getVideoThumbnailUrl(token,user.subscription.id,source,id):null},void 0);function handleMicrosoftStreamClick(){return __awaiter(this,void 0,void 0,function(){var url;return __generator(this,function(_a){switch(_a.label){case 0:url=getMicrosoftStreamVideoUrl(id);return [4/*yield*/,onOpenExternalLink(url,true)];case 1:_a.sent();return [2/*return*/];}});});}};var InlineVideoViewer=_styled__default["default"](VideoWithThumbnailView).withConfig({displayName:"InlineVideo__InlineVideoViewer",componentId:"sc-12qdsy1-0"})(templateObject_1$1u||(templateObject_1$1u=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS+5);var StreamButton=_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InlineVideo__StreamButton",componentId:"sc-12qdsy1-1"})(templateObject_2$S||(templateObject_2$S=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS+5);var InlineVideoMapper={component:InlineVideo,type:EntityType.Video,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var videoId=node.getAttribute('data-video-id');if(videoId==null){return null;}var source=node.getAttribute('data-video-source');return {id:videoId,source:parseInt(source,10),url:node.getAttribute('data-video-url'),isDirectUrl:node.getAttribute('data-is-direct-video-url')==='true'};},prepareRootNode:function(node){if(node.childNodes.length>0){node.innerHTML='';}}};var templateObject_1$1u,templateObject_2$S;var InlinePageListViewer=function InlinePageListViewer(_a){var items=_a.items,baseRoute=_a.baseRoute,filterBaseUrl=_a.filterBaseUrl,isInitialLoading=_a.isInitialLoading;var theme=_styled.useTheme();if(!items||items.length===0){return null;}return jsxRuntime.jsx(PagesList,__assign({"data-inline-page-list":true},{children:items.map(function(item){var isPublished=!item.hasHiddenAncestor&&(item.isCurrentPublishedVersion||!!item.publishedVersionId);return jsxRuntime.jsx(StyledPageItemTile,{item:item,baseRoute:baseRoute,filterBaseUrl:filterBaseUrl,styleDefinition:{backgroundColor:theme.palette.neutralLighter,bannerDefaultWidth:70,height:70,applyRoundedCorners:true,titleFontSize:fontSizeSmall,titleMargin:'0',contentPadding:spacingS-2+"px "+(spacingM-5)+"px"},additionalContent:jsxRuntime.jsx(StyledDocumentDownloadButton$2,{page:item},void 0),showBannerPlaceholder:true,isVisible:isPublished||isInitialLoading},item.id);})}),void 0);};var PagesList=_styled__default["default"].div.withConfig({displayName:"InlinePageListViewer__PagesList",componentId:"sc-qn2xdx-0"})(templateObject_1$1t||(templateObject_1$1t=__makeTemplateObject(["\n  a {\n    &,\n    :link,\n    :visited {\n      color: "," !important;\n      text-decoration: none !important;\n    }\n  }\n\n  > article:not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  a {\n    &,\n    :link,\n    :visited {\n      color: "," !important;\n      text-decoration: none !important;\n    }\n  }\n\n  > article:not(:first-child) {\n    margin-top: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},spacingS);var StyledPageItemTile=_styled__default["default"](PageItemTile).withConfig({displayName:"InlinePageListViewer__StyledPageItemTile",componentId:"sc-qn2xdx-1"})(templateObject_2$R||(templateObject_2$R=__makeTemplateObject(["\n  opacity: ",";\n"],["\n  opacity: ",";\n"])),function(p){return p.isVisible?'1':'0.3';});var StyledDocumentDownloadButton$2=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"InlinePageListViewer__StyledDocumentDownloadButton",componentId:"sc-qn2xdx-2"})(templateObject_3$z||(templateObject_3$z=__makeTemplateObject(["\n  margin-left: auto;\n  z-index: 1;\n\n  > button {\n    width: 22px;\n    height: 22px;\n    i {\n      margin: 0;\n    }\n  }\n"],["\n  margin-left: auto;\n  z-index: 1;\n\n  > button {\n    width: 22px;\n    height: 22px;\n    i {\n      margin: 0;\n    }\n  }\n"])));var templateObject_1$1t,templateObject_2$R,templateObject_3$z;var InlinePageListWithPaging=function InlinePageListWithPaging(_a){var pages=_a.pages,baseRoute=_a.baseRoute,_b=_a.pagingProps,getNextPage=_b.getNextPage,getFirstPage=_b.getFirstPage,getPrevPage=_b.getPrevPage,isFirstPage=_b.isFirstPage,isInitialLoading=_b.isInitialLoading,isLoadingNextPage=_b.isLoadingNextPage,hideNextButton=_b.hideNextButton,filterBaseUrl=_a.filterBaseUrl;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(InlinePageListViewer,{items:pages,baseRoute:baseRoute,filterBaseUrl:filterBaseUrl,isInitialLoading:isInitialLoading},void 0),jsxRuntime.jsx(HorizontalPager,{onNextClick:getNextPage,onPrevClick:getPrevPage,onFirstClick:getFirstPage,hidePrevButton:isFirstPage||isInitialLoading,hideNextButton:hideNextButton,isLoadingNextPage:isLoadingNextPage},void 0)]},void 0);};function useItemLoaderByCurrentPage(currentPageId,pageSize,navigationContext,settings,getAllItemsHandler,deps){var _a=React$d.useState(getAllItems()),allItems=_a[0],setAllItems=_a[1];var allItemIdsString=allItems===null||allItems===void 0?void 0:allItems.map(function(i){return i.id;}).join(',');var _b=useItemLoaderWithPreFetch(pageSize,loadNextItems,[allItemIdsString]),items=_b.items,pagingProps=__rest(_b,["items"]);React$d.useEffect(function(){setAllItems(getAllItems());},__spreadArray([],deps||[]));var skeletonItems=getNextItems();var pageItems=pagingProps.isInitialLoading?skeletonItems:items;var hideNextButton=pagingProps.isInitialLoading?allItems.length<=pageSize:pagingProps.isLastPage;return {pageItems:pageItems,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:hideNextButton})};function getAllItems(){var _a;var children=(_a=navigationContext===null||navigationContext===void 0?void 0:navigationContext.children)!==null&&_a!==void 0?_a:[];if(settings.showPages&&settings.showDocuments){return children;}var filteredChildren=children.filter(function(c){return c.pageType===(settings.showPages?PageType.Page:PageType.Document);});return filteredChildren;}function getNextItems(startIndex,paginationToken){if(startIndex===void 0){startIndex=0;}if(paginationToken===void 0){paginationToken=pageSize;}return allItems.slice(startIndex,paginationToken);}function loadNextItems(pageSize,paginationToken){return __awaiter(this,void 0,void 0,function(){var showSubpagesAndDocuments,pageType,result_1,fullAllItems,token,newPaginationToken;return __generator(this,function(_a){switch(_a.label){case 0:if(!!paginationToken)return [3/*break*/,2];showSubpagesAndDocuments=settings.showPages&&settings.showDocuments;pageType=settings.showPages?PageType.Page:PageType.Document;return [4/*yield*/,getAllItemsHandler(currentPageId,showSubpagesAndDocuments?undefined:pageType)];case 1:result_1=_a.sent();fullAllItems=allItems.map(function(i){return result_1.find(function(r){return r.id===i.id;});});setAllItems(fullAllItems);return [2/*return*/,{items:fullAllItems.slice(0,pageSize),paginationToken:pageSize,nextItem:fullAllItems[pageSize]}];case 2:token=parseInt(paginationToken);newPaginationToken=token+pageSize;return [2/*return*/,{items:getNextItems(token,newPaginationToken),paginationToken:newPaginationToken,nextItem:allItems[newPaginationToken]}];}});});}}var InlinePageListSkeleton=function InlinePageListSkeleton(_a){var isDataLoaded=_a.isDataLoaded,_b=_a.pageSize,pageSize=_b===void 0?5:_b,children=_a.children;var items=Array.from(Array(pageSize).keys());var uniqueId=createId();var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsx(officeUiFabricReact.Shimmer,__assign({isDataLoaded:isDataLoaded,shimmerColors:{shimmer:palette.neutralTertiaryAlt,shimmerWave:palette.neutralTertiary},customElementsGroup:jsxRuntime.jsx(jsxRuntime.Fragment,{children:items.map(function(i){return jsxRuntime.jsx(PageItemShimmer,{},uniqueId+"-"+i);})},void 0)},{children:children}),void 0);};var PageItemShimmer=function PageItemShimmer(){var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(Host$y,{children:[jsxRuntime.jsxs(Inner$2$1,{children:[jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{styles:{root:{backgroundColor:palette.accent,borderRadius:5}},width:'70px',shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.line,height:70,width:70}]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{backgroundColor:palette.neutralLighter,width:"calc(100% - 70px)",flexWrap:true,shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(20% - "+spacingM+"px)",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'80%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(100% - "+2*spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:spacingM+"px",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.line,width:"calc(40% - "+spacingM+"px)",height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'60%',height:spacingS},{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS}]},void 0)]},void 0),jsxRuntime.jsx(officeUiFabricReact.ShimmerElementsGroup,{shimmerElements:[{type:officeUiFabricReact.ShimmerElementType.gap,width:'100%',height:spacingS}]},void 0)]},void 0);};var Host$y=_styled__default["default"].div.withConfig({displayName:"InlinePageListSkeleton__Host",componentId:"sc-13wpgyn-0"})(templateObject_1$1s||(templateObject_1$1s=__makeTemplateObject([""],[""])));var Inner$2$1=_styled__default["default"].div.withConfig({displayName:"InlinePageListSkeleton__Inner",componentId:"sc-13wpgyn-1"})(templateObject_2$Q||(templateObject_2$Q=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var templateObject_1$1s,templateObject_2$Q;var InlineContact=function InlineContact(_a){var contact=__rest(_a.blockProps,[]);return jsxRuntime.jsx(InlineContactViewer,{contact:contact},void 0);};var InlineContactMapper={component:InlineContact,type:EntityType.Contact,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var contactId=node.getAttribute('data-contact-id');if(contactId==null){return null;}var properties={};Array.from(node.querySelectorAll('li')).forEach(function(childNode){var _a,_b;var propertyKey=childNode.getAttribute('data-contact-property');var shouldAutoLoad=(_a=childNode.getAttribute('data-auto-load'))!==null&&_a!==void 0?_a:childNode.getAttribute('data-from-directory');var propertyValue=(_b=childNode.getAttribute('data-contact-property-value'))!==null&&_b!==void 0?_b:childNode.innerText;properties[propertyKey]={value:propertyValue,shouldAutoLoad:shouldAutoLoad==='true'};});return {id:contactId,tenantId:node.getAttribute('data-contact-tenantid'),upn:node.getAttribute('data-contact-upn'),properties:properties};}};var InlineCodeViewer=function InlineCodeViewer(_a){var codeDetails=_a.codeDetails,showJsPlaceholder=_a.showJsPlaceholder,readOnly=_a.readOnly;var htmlContainerRef=React$d.useRef(null);var javascriptContainerRef=React$d.useRef(null);React$d.useEffect(function(){if(readOnly){return;}if(htmlContainerRef.current!=null){if(htmlContainerRef.current.innerHTML!==codeDetails.html){htmlContainerRef.current.innerHTML=codeDetails.html;refreshScripts(htmlContainerRef.current);}}if(javascriptContainerRef.current!=null){var oldScript=javascriptContainerRef.current.querySelector('script');var newScriptText=";\n      (function() {\n        try {\n          "+codeDetails.javascript+";\n        } catch (err) {\n          console.error(err);\n        }\n      })();";if(!oldScript||oldScript.innerText!==newScriptText){oldScript===null||oldScript===void 0?void 0:oldScript.remove();var script=document.createElement('script');script.type='text/javascript';var scriptContent=document.createTextNode(newScriptText);script.appendChild(scriptContent);javascriptContainerRef.current.appendChild(script);}}// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[codeDetails.html,codeDetails.javascript]);if(readOnly){return jsxRuntime.jsxs(Host$x,{children:[jsxRuntime.jsx("div",{children:codeDetails.html&&JSON.stringify(codeDetails.html)},void 0),jsxRuntime.jsx("div",{children:codeDetails.javascript&&JSON.stringify(codeDetails.javascript)},void 0)]},void 0);}return jsxRuntime.jsxs(Host$x,{children:[codeDetails.html&&jsxRuntime.jsx("div",{ref:function(c){return htmlContainerRef.current=c;}},void 0),codeDetails.javascript&&jsxRuntime.jsx("div",__assign({ref:function(c){return javascriptContainerRef.current=c;}},{children:!codeDetails.html&&showJsPlaceholder&&jsxRuntime.jsx(JavascriptPlaceholder,{},void 0)}),void 0)]},void 0);};var Host$x=_styled__default["default"].div.withConfig({displayName:"InlineCodeViewer__Host",componentId:"sc-q9v8du-0"})(templateObject_1$1r||(templateObject_1$1r=__makeTemplateObject(["\n  /* Draft js is setting white-space: pre-wrap and it's causing extra spaces */\n  /* fix: reset the white-space value (default one) */\n  white-space: normal;\n"],["\n  /* Draft js is setting white-space: pre-wrap and it's causing extra spaces */\n  /* fix: reset the white-space value (default one) */\n  white-space: normal;\n"])));var JavascriptPlaceholder=_styled__default["default"].div.withConfig({displayName:"InlineCodeViewer__JavascriptPlaceholder",componentId:"sc-q9v8du-1"})(templateObject_2$P||(templateObject_2$P=__makeTemplateObject(["\n  position: relative;\n  height: 2em;\n\n  &::before {\n    position: absolute;\n    content: '<!-- code -->';\n    padding-top: 0.5em;\n    padding-left: 1em;\n    color: grey;\n  }\n"],["\n  position: relative;\n  height: 2em;\n\n  &::before {\n    position: absolute;\n    content: '<!-- code -->';\n    padding-top: 0.5em;\n    padding-left: 1em;\n    color: grey;\n  }\n"])));var templateObject_1$1r,templateObject_2$P;var InlineCode=function InlineCode(_a){var _b=_a.blockProps,id=_b.id,html=_b.html,javascript=_b.javascript;var features=useFeatures();if(!features.editorInlineMarkup){return null;}return jsxRuntime.jsx(InlineCodeViewer,{codeDetails:{id:id,html:html,javascript:javascript}},void 0);};var InlineCodeMapper={component:InlineCode,type:EntityType.InlineCode,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d;if(nodeName!=='div'){return null;}var codeId=node.getAttribute('data-code-id');if(codeId==null){return null;}var html=(_b=(_a=node.querySelector('[data-code-html]'))===null||_a===void 0?void 0:_a.innerHTML)!==null&&_b!==void 0?_b:node.getAttribute('data-code-html');var javascript=(_d=(_c=node.querySelector('script[type="text/javascript"][data-code-javascript]'))===null||_c===void 0?void 0:_c.innerHTML)!==null&&_d!==void 0?_d:node.getAttribute('data-code-javascript');return {id:codeId,html:html,javascript:javascript};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
 	// in order to ensure parsing old blocks
-	if(node.querySelector('[data-code-html]')==null){node.innerHTML='';}}};var HeaderFormat=_styled.css(templateObject_1$1q||(templateObject_1$1q=__makeTemplateObject(["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"],["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.theme.palette.neutralLight;});var FooterFormat=_styled.css(templateObject_2$O||(templateObject_2$O=__makeTemplateObject(["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"],["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"])),function(p){return p.theme.palette.white;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var Grid=_styled.css(templateObject_3$y||(templateObject_3$y=__makeTemplateObject(["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"],["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;});var AlternateLines=_styled.css(templateObject_4$n||(templateObject_4$n=__makeTemplateObject(["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"],["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;});var Table=_styled__default["default"].table.withConfig({displayName:"InlineTableStyles__Table",componentId:"sc-10dcamf-0"})(templateObject_5$m||(templateObject_5$m=__makeTemplateObject(["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"],["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"])),fontSizeNormal,fontSizeNormal,function(_a){var showGrid=_a.format.showGrid;return showGrid&&Grid;},function(_a){var alternateLines=_a.format.alternateLines;return alternateLines&&AlternateLines;},function(_a){var hasHeaderRow=_a.format.hasHeaderRow;return hasHeaderRow&&HeaderFormat;},function(_a){var hasFooterRow=_a.format.hasFooterRow;return hasFooterRow&&FooterFormat;});var templateObject_1$1q,templateObject_2$O,templateObject_3$y,templateObject_4$n,templateObject_5$m;var TableViewer=function TableViewer(_a){var tableDefinition=_a.blockProps.tableDefinition;var lastRowIndex=tableDefinition.rows.length-1;return jsxRuntime.jsx(Host$w,{children:jsxRuntime.jsx(Table,__assign({format:tableDefinition.format},{children:jsxRuntime.jsx("tbody",{children:tableDefinition.rows.map(function(r,rowIndex){return jsxRuntime.jsx("tr",{children:r.cells.map(function(c,index){var _a,_b,_c;return jsxRuntime.jsx("td",__assign({style:__assign(__assign({},cellStyleToCssProps(c.style,tableDefinition.format.alternateLines||tableDefinition.format.hasHeaderRow&&rowIndex===0||tableDefinition.format.hasFooterRow&&rowIndex===lastRowIndex)),rowIndex===0&&{width:(_b=(_a=tableDefinition.columns)===null||_a===void 0?void 0:_a[index])===null||_b===void 0?void 0:_b.width}),title:c.value,"data-multiline":c.isMultiline},{children:c.url?jsxRuntime.jsx(TextLink,__assign({url:c.url,style:{color:(_c=c.style.fontColor)!==null&&_c!==void 0?_c:null}},{children:c.value}),void 0):c.value}),index);})},rowIndex);})},void 0)}),void 0)},void 0);};function cssPropsToCellStyle(style,alternateLines,isHeaderRow){if(style==null){return {};}return {isBold:style.fontWeight==='bold',isItalic:style.fontStyle==='italic',textAlign:style.textAlign==='left'||style.textAlign==='right'||style.textAlign==='center'?style.textAlign:null,fontColor:style.color,backgroundColor:!alternateLines&&!isHeaderRow?style.backgroundColor:null};}function cellStyleToCssProps(cellStyle,disableCustomColors){if(cellStyle==null){return {};}return __assign(__assign(__assign(__assign(__assign({},cellStyle.isBold&&{fontWeight:'bold'}),cellStyle.isItalic&&{fontStyle:'italic'}),cellStyle.textAlign&&{textAlign:cellStyle.textAlign}),cellStyle.fontColor&&!disableCustomColors&&{color:cellStyle.fontColor}),cellStyle.backgroundColor&&!disableCustomColors&&{backgroundColor:cellStyle.backgroundColor});}var InlineTable={component:TableViewer,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var tableId=node.getAttribute('data-table-id');if(tableId==null){return null;}var table=node.querySelector('table');var body=table===null||table===void 0?void 0:table.querySelector('tbody');if(body==null){return null;}var firstRow=body.querySelector('tr:first-child');return {tableId:tableId,tableDefinition:{columns:Array.from(firstRow.querySelectorAll('td')).map(function(c){var _a,_b;return {width:(_b=(_a=c.style)===null||_a===void 0?void 0:_a.width)!==null&&_b!==void 0?_b:null};}),rows:Array.from(body.querySelectorAll('tr')).map(function(row){return {rowId:createId(),cells:Array.from(row.querySelectorAll('td')).map(function(cell){var _a,_b;return {cellId:createId(),value:cell.innerText,style:cssPropsToCellStyle(cell.style,table.classList.contains('condense-table--alternateLines'),table.classList.contains('condense-table--hasHeader')&&row.rowIndex===0),isMultiline:cell.innerText.includes('\n'),url:(_b=(_a=cell.querySelector('a'))===null||_a===void 0?void 0:_a.getAttribute('href'))!==null&&_b!==void 0?_b:null};})};}),format:{showGrid:table.classList.contains('condense-table--showGrid'),alternateLines:table.classList.contains('condense-table--alternateLines'),hasHeaderRow:table.classList.contains('condense-table--hasHeader'),hasFooterRow:table.classList.contains('condense-table--hasFooter')}}};},type:EntityType.Table};var Host$w=_styled__default["default"].div.withConfig({displayName:"InlineTable__Host",componentId:"sc-8db5xf-0"})(templateObject_1$1p||(templateObject_1$1p=__makeTemplateObject(["\n  width: 100%;\n  overflow-x: auto;\n"],["\n  width: 100%;\n  overflow-x: auto;\n"])));var templateObject_1$1p;var ItemBodyWrapper=function ItemBodyWrapper(_a){var className=_a.className,children=_a.children;return jsxRuntime.jsx(Host$v,__assign({className:className,"data-body-wrapper":true},{children:children}),void 0);};var Host$v=_styled__default["default"].div.withConfig({displayName:"ItemBodyWrapper__Host",componentId:"sc-6adwhw-0"})(templateObject_1$1o||(templateObject_1$1o=__makeTemplateObject(["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS,function(p){return p.theme.palette.accent;},maxScreenSize.medium,fontSizeLarge-3,fontSizeLarge-5,fontSizeMedium,fontSizeSmall,minScreenSize.small);var templateObject_1$1o;var InlineFileList=function InlineFileList(_a){var fileBlock=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var getFileUrlWithToken=useFileApi().getFileUrlWithToken;if(!fileBlock.files||fileBlock.files.length===0){return null;}var files=fileBlock.files.map(function(f){if(f.pageId){return __assign({},f);}var getFileUrl=function getFileUrl(token){var _a;return ((_a=f.getDownloadUrl)===null||_a===void 0?void 0:_a.call(f,token))||getFileUrlWithToken(token||item.fileAccessToken,item.id,undefined,f.fileId,f.fileName,resourceType);};return __assign(__assign({},f),{getDownloadUrl:getFileUrl,accessToken:item.fileAccessToken});});var audioFiles=files.filter(function(f){return isAudioFile(f.fileName);});var videoFiles=files.filter(function(f){return isVideoFile(f.fileName);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(FileListHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(VideoFileHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:jsxRuntime.jsx(VideoFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)}),void 0)},f.fileId);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:audioFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(AudioFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)},f.fileId);})},void 0),otherFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileListItem,{children:f.pageId?jsxRuntime.jsx(InlinePageDocument,{file:f},void 0):jsxRuntime.jsx(InlineFileDownloadButton,{getFileUrl:f.getDownloadUrl,fileAccessToken:item.fileAccessToken,fileName:f.fileName,title:f.title},void 0)},f.fileId);})},void 0)]},void 0);};var InlinePageDocument=function InlinePageDocument(_a){var file=_a.file;var pageId=file.pageId;var loadPage=usePagesApi().loadPage;var page=usePromise$2(function(){return loadPage(pageId);},undefined,[pageId])[0];var _b=useInlinePageDocument(file,page),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsx(InlinePageDocumentDownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0);};var InlineFileMapper={component:InlineFileList,type:EntityType.File,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var blockId=node.getAttribute('data-file-block');if(!blockId){var fileId=node.getAttribute('data-file-id')||node.getAttribute('data-file-fileid');if(fileId==null){return null;}var title=node.getAttribute('data-file-title');var fileName=node.getAttribute('data-file-name');var pageId=node.getAttribute('data-inline-page-document-id');var extension=node.getAttribute('data-file-extension');return {blockId:createId(),files:[{fileId:fileId,title:title,fileName:fileName,pageId:pageId,extension:extension}]};}return {blockId:blockId,files:Array.from(node.querySelectorAll('[data-file-id], [data-file-fileid]')).map(function(fileNode){var _a;return {fileId:(_a=fileNode.getAttribute('data-file-id'))!==null&&_a!==void 0?_a:fileNode.getAttribute('data-file-fileid'),fileName:fileNode.getAttribute('data-file-name'),title:fileNode.getAttribute('data-file-title'),pageId:fileNode.getAttribute('data-inline-page-document-id'),extension:fileNode.getAttribute('data-file-extension')};})};}};var VideoFileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileList__VideoFileHost",componentId:"sc-16i3l51-0"})(templateObject_1$1n||(templateObject_1$1n=__makeTemplateObject(["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var templateObject_1$1n;var EventDetailViewPeopleInfo=function EventDetailViewPeopleInfo(){var item=useDetailViewContext().item;return jsxRuntime.jsx(StyledEventPeopleInfo,{item:item},void 0);};var StyledEventPeopleInfo=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventDetailViewPeopleInfo__StyledEventPeopleInfo",componentId:"sc-1d42bpm-0"})(templateObject_1$1m||(templateObject_1$1m=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1m;var EventDetailViewLocationInfo=function EventDetailViewLocationInfo(){var item=useDetailViewContext().item;if(!item.locations||item.locations.length===0){return null;}return jsxRuntime.jsx(StyledEventLocationInfo,{locations:item.locations},void 0);};var StyledEventLocationInfo=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventDetailViewLocationInfo__StyledEventLocationInfo",componentId:"sc-4kfe0w-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1l;var EventDetailViewMetaInfo=function EventDetailViewMetaInfo(_a){var allowFilterByChannels=_a.allowFilterByChannels;var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EventDetailViewLocationInfo,{},void 0),jsxRuntime.jsx(EventDetailViewPeopleInfo,{},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userPreferredLanguage,allowFilterByChannels:allowFilterByChannels},void 0)]},void 0);};var EventDetailViewDatesInfo=function EventDetailViewDatesInfo(_a){var className=_a.className;var item=useDetailViewContext().item;return jsxRuntime.jsx(Host$u,{children:jsxRuntime.jsx(DateTimeRange,{className:className,startDate:item.startDate,endDate:item.endDate},void 0)},void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventDetailViewDatesInfo__Host",componentId:"sc-3sblty-0"})(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"],["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"])),fontSizeSmall,spacingM);var templateObject_1$1k;var PollUserContext=/*#__PURE__*/React$d.createContext(null);var DetailViewPollsSubmitButton=function DetailViewPollsSubmitButton(_a){var isReadOnly=_a.isReadOnly;var formatMessage=useIntl().formatMessage;var _b=React$d.useContext(PollUserContext),submitPoll=_b.submitPoll,hasMissingUnsavedAnswer=_b.hasMissingUnsavedAnswer,hasMissingAnswers=_b.hasMissingAnswers,answers=_b.answers,resourceType=_b.resourceType,item=_b.item;var updatePollAnswers=useFeedbackApi().updatePollAnswers;if(!hasMissingUnsavedAnswer){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,{"data-poll-submit-button":true,onClick:function(){return submitPoll(function(){return updatePollAnswers(resourceType,item.id,answers);});},text:formatMessage({id:'Polls.display.submitButtonCaption'}),disabled:hasMissingAnswers||isReadOnly},void 0)},void 0);};var DetailViewCsvExportButton=function DetailViewCsvExportButton(_a){var path=_a.path,stringResource=_a.stringResource,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;if(!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsx(Host$t,__assign({className:className},{children:jsxRuntime.jsxs(DownloadButton$2,__assign({onClick:startDownload},{children:[jsxRuntime.jsx(LeftAlignedIcon,{iconName:"Download"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:stringResource},void 0)]}),void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(itemId,fileDownloadToken){return createApiUrl("/"+resourceType+"/"+itemId+"/"+path,{access_token:fileDownloadToken});}};var Host$t=_styled__default["default"].div.withConfig({displayName:"DetailViewCsvExportButton__Host",componentId:"sc-n02scx-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var DownloadButton$2=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DetailViewCsvExportButton__DownloadButton",componentId:"sc-n02scx-1"})(templateObject_2$N||(templateObject_2$N=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;},maxScreenSize.medium,fontSizeSmall);var LeftAlignedIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"DetailViewCsvExportButton__LeftAlignedIcon",componentId:"sc-n02scx-2"})(templateObject_3$x||(templateObject_3$x=__makeTemplateObject(["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"],["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1j,templateObject_2$N,templateObject_3$x;var DetailViewPollExportButton=function DetailViewPollExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.polls){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/poll/result/export",stringResource:"Polls.display.exportAsCsv"},void 0);};var PollTranslationContext=/*#__PURE__*/React$d.createContext(null);var PollTranslationContextProvider=function PollTranslationContextProvider(_a){var contents=_a.contents,language=_a.language,additionalTranslations=_a.additionalTranslations,children=_a.children;var user=useCurrentUser();var activeContents=Object.values(contents||{}).filter(function(c){return c.active;});var allLanguages=activeContents.map(function(c){return c.language;});var allTranslations=additionalTranslations||[];for(var _i=0,_b=activeContents.filter(function(c){return c.poll&&c.poll.questions;});_i<_b.length;_i++){var content=_b[_i];var language_1=content.language;for(var _c=0,_d=content.poll.questions;_c<_d.length;_c++){var question=_d[_c];allTranslations.push({language:language_1,id:question.questionId,text:question.text});for(var _e=0,_f=question.choices;_e<_f.length;_e++){var choice=_f[_e];allTranslations.push({language:language_1,id:choice.choiceId,text:choice.text});}}}return jsxRuntime.jsx(PollTranslationContext.Provider,__assign({value:{getAllTranslations:getAllTranslations,getTranslation:getTranslation}},{children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:children},void 0)}),void 0);function getAllTranslations(id){return allTranslations.filter(function(t){return t.id===id&&t.text;});}function getTranslation(id){var preferredLanguage=NewsService.getUserPreferredLanguage(allLanguages,user);var translationItems=getAllTranslations(id);var translation=translationItems.find(function(t){return t.language===language;})||translationItems.find(function(t){return t.language===preferredLanguage;})||translationItems[0];return translation?translation.text:null;}};var PollUserInput=function PollUserInput(){var _a=React$d.useContext(PollUserContext),questions=_a.questions,getQuestionResult=_a.getQuestionResult,addAnswer=_a.addAnswer;return jsxRuntime.jsx("div",{children:questions.map(function(q){return jsxRuntime.jsx(QuestionInputItem,{question:q,onChange:function(choiceIds){return handleQuestionChange(q,choiceIds);},result:getQuestionResult(q.questionId)},q.questionId);})},void 0);function handleQuestionChange(question,choiceIds){addAnswer(question.questionId,choiceIds);}};var QuestionInput=function QuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var questionText=getTranslation(question.questionId);return jsxRuntime.jsxs("div",__assign({className:className,"data-question-id":question.questionId,"data-question-text":questionText},{children:[jsxRuntime.jsx(QuestionText,{children:questionText},void 0),question.isMultiChoice&&jsxRuntime.jsx(MultiChoiceQuestionInput,{question:question,onChange:onChange,result:result},void 0),!question.isMultiChoice&&jsxRuntime.jsx(SingleChoiceQuestionInput,{question:question,onChange:function(choiceId){return onChange([choiceId]);},result:result},void 0)]}),void 0);};var MultiChoiceQuestionInput=function MultiChoiceQuestionInput(_a){var question=_a.question,result=_a.result,onChange=_a.onChange;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx("div",{children:question.choices.map(function(c){return jsxRuntime.jsx(StyledCheckbox,{isResultMode:result.showResults,disabled:result.showResults||c.disabled,checked:result.userSelectedChoices.some(function(sc){return sc===c.choiceId;}),onChange:function(_,isChecked){return handleMultipleChoiceChange(c.choiceId,isChecked);},label:getTranslation(c.choiceId),onRenderLabel:function(_){return jsxRuntime.jsx(MultiChoiceLabel,{choice:c,result:result},void 0);}},c.choiceId);})},void 0);function handleMultipleChoiceChange(choiceId,isSelected){var choiceIds=result.userSelectedChoices.filter(function(c){return c!==choiceId;});if(isSelected){choiceIds.push(choiceId);}onChange(choiceIds);}};var SingleChoiceQuestionInput=function SingleChoiceQuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx(ChoiceInput,{isResultMode:result.showResults,selectedKey:result.userSelectedChoices[0],onChange:function(_,option){return onChange(option.key);},options:question.choices.map(function(c){return {key:c.choiceId,choiceId:c.choiceId,text:getTranslation(c.choiceId),disabled:result.showResults||c.disabled,onRenderLabel:function(_){return jsxRuntime.jsx(SingleChoiceLabel,{choice:c,result:result},void 0);}};})},void 0);};var ChoiceLabel=function ChoiceLabel(_a){var choice=_a.choice,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var choiceText=getTranslation(choice.choiceId);return jsxRuntime.jsxs(ChoiceLabelHost,__assign({isResultMode:result.showResults,className:className,"data-choice-id":choice.choiceId,"data-choice-text":choiceText},{children:[choiceText,choice.description&&jsxRuntime.jsx(ChoiceLabelSecondaryText,__assign({"data-choice-secondary-text":true},{children:choice.description}),void 0),result.showResults&&jsxRuntime.jsx(ChoiceResult,{result:result,choiceId:choice.choiceId},void 0)]}),void 0);};var ChoiceResult=function ChoiceResult(_a){var choiceId=_a.choiceId,result=_a.result;var numberResult=result.choiceResults[choiceId]||0;var percent=numberResult/result.totalFeedbackCount;var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(ChoiceResultHost,__assign({"data-choice-result":numberResult},{children:[jsxRuntime.jsx(Bar,{percentComplete:percent,barHeight:10,styles:{progressBar:{backgroundColor:palette.accent}}},void 0),jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedNumber,{value:numberResult},void 0)},void 0)]}),void 0);};var ChoiceResultHost=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceResultHost",componentId:"sc-eeg1mx-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"])));var Bar=_styled__default["default"](officeUiFabricReact.ProgressIndicator).withConfig({displayName:"PollUserInput__Bar",componentId:"sc-eeg1mx-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n  flex: 1 0 auto;\n"],["\n  flex: 1 0 auto;\n"])));var QuestionText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__QuestionText",componentId:"sc-eeg1mx-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var QuestionInputItem=_styled__default["default"](QuestionInput).withConfig({displayName:"PollUserInput__QuestionInputItem",componentId:"sc-eeg1mx-3"})(templateObject_4$m||(templateObject_4$m=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingL);var ChoiceLabelHost=_styled__default["default"].span.withConfig({displayName:"PollUserInput__ChoiceLabelHost",componentId:"sc-eeg1mx-4"})(templateObject_5$l||(templateObject_5$l=__makeTemplateObject(["\n  display: inline-block;\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n"])),function(p){return p.isResultMode&&'max-width: 400px;';},function(p){return p.isResultMode&&'width: 100%;';});var ChoiceLabelSecondaryText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceLabelSecondaryText",componentId:"sc-eeg1mx-5"})(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n  opacity: 0.75;\n"],["\n  opacity: 0.75;\n"])));var SingleChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__SingleChoiceLabel",componentId:"sc-eeg1mx-6"})(templateObject_7$9||(templateObject_7$9=__makeTemplateObject(["\n  padding-left: 30px;\n"],["\n  padding-left: 30px;\n"])));var MultiChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__MultiChoiceLabel",componentId:"sc-eeg1mx-7"})(templateObject_8$8||(templateObject_8$8=__makeTemplateObject(["\n  padding-left: 5px;\n"],["\n  padding-left: 5px;\n"])));var ChoiceInput=_styled__default["default"](ChoiceGroup).withConfig({displayName:"PollUserInput__ChoiceInput",componentId:"sc-eeg1mx-8"})(templateObject_9$6||(templateObject_9$6=__makeTemplateObject(["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"],["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"])));var StyledCheckbox=_styled__default["default"](officeUiFabricReact.Checkbox).withConfig({displayName:"PollUserInput__StyledCheckbox",componentId:"sc-eeg1mx-9"})(templateObject_10$5||(templateObject_10$5=__makeTemplateObject(["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"],["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"])),function(p){return p.isResultMode?'flex-start':'center';});var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$m,templateObject_5$l,templateObject_6$e,templateObject_7$9,templateObject_8$8,templateObject_9$6,templateObject_10$5;var PollDisplay=function PollDisplay(_a){var children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs("section",__assign({className:className,"aria-label":formatMessage({id:'Polls.sectionLabel'}),"data-consumer-poll":true},{children:[jsxRuntime.jsx(PollUserInput,{},void 0),children]}),void 0);};var PollUserContextProvider=function PollUserContextProvider(_a){var _b;var item=_a.item,onBehalfOfUpn=_a.onBehalfOfUpn,resourceType=_a.resourceType,language=_a.language,getAdditionalQuestions=_a.getAdditionalQuestions,getAdditionalUserAnswers=_a.getAdditionalUserAnswers,getPollResults=_a.getPollResults,showResult=_a.showResult,children=_a.children;var poll=item.poll,itemId=item.id;var getFeedback=useFeedbackApi().getFeedback;var _c=React$d.useState(getAdditionalQuestions===null||getAdditionalQuestions===void 0?void 0:getAdditionalQuestions(null)),additionalQuestions=_c[0],setAdditionalQuestions=_c[1];var showError=useNotificationContext().showError;var questionDefinitions=(_b=poll===null||poll===void 0?void 0:poll.questions)!==null&&_b!==void 0?_b:[];var _d=usePromise$2(loadUserAnswers),userAnswers=_d[0],isLoading=_d[1],setUserAnswers=_d[3];var _e=React$d.useState([]),unsavedQuestionsIds=_e[0],setUnsavedQuestionsIds=_e[1];var _f=usePromise$2(function(){return getPollResults(itemId);},{answers:[]},[itemId]),pollResult=_f[0],isLoadingPollResult=_f[1],fetchPollResults=_f[5];React$d.useEffect(function(){var _a;if(isLoadingPollResult||!((_a=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_a===void 0?void 0:_a.length)){return;}getAdditionalQuestions&&setAdditionalQuestions(getAdditionalQuestions(pollResult));// eslint-disable-next-line react-hooks/exhaustive-deps
+	if(node.querySelector('[data-code-html]')==null){node.innerHTML='';}}};var HeaderFormat=_styled.css(templateObject_1$1q||(templateObject_1$1q=__makeTemplateObject(["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"],["\n  tr:first-child {\n    td {\n      border: solid 1px ",";\n    }\n\n    td,\n    textarea {\n      font-weight: bold;\n      color: ",";\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.theme.palette.neutralLight;});var FooterFormat=_styled.css(templateObject_2$O||(templateObject_2$O=__makeTemplateObject(["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"],["\n  tr:last-child {\n    background-color: ",";\n    > td {\n      border-bottom: solid 2px ",";\n    }\n  }\n\n  tr:nth-last-child(2) {\n    > td {\n      border-bottom: solid 1px ",";\n    }\n  }\n"])),function(p){return p.theme.palette.white;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var Grid=_styled.css(templateObject_3$y||(templateObject_3$y=__makeTemplateObject(["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"],["\n  && {\n    tr > td {\n      border-color: ",";\n      border-style: solid;\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLight;});var AlternateLines=_styled.css(templateObject_4$n||(templateObject_4$n=__makeTemplateObject(["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"],["\n  tr:nth-child(odd) {\n    background-color: ",";\n    td {\n      background-color: ",";\n    }\n\n    td,\n    textarea {\n      background-color: ",";\n    }\n  }\n"])),function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;},function(p){return p.theme.palette.neutralLighter;});var Table=_styled__default["default"].table.withConfig({displayName:"InlineTableStyles__Table",componentId:"sc-10dcamf-0"})(templateObject_5$m||(templateObject_5$m=__makeTemplateObject(["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"],["\n  border-collapse: collapse;\n  table-layout: fixed;\n  width: 51px;\n\n  tr {\n    height: 43px;\n    > td {\n      border: solid 1px transparent;\n      font-size: ","px;\n      padding: 5px;\n      vertical-align: top;\n\n      &[data-multiline=\"true\"] {\n        white-space: pre-wrap;\n      }\n    }\n\n      textarea  {\n        font-size: ","px;\n        border: none;\n        padding: 0;\n      }\n    }\n  }\n\n  ","\n  ","\n  ","\n  ","\n"])),fontSizeNormal,fontSizeNormal,function(_a){var showGrid=_a.format.showGrid;return showGrid&&Grid;},function(_a){var alternateLines=_a.format.alternateLines;return alternateLines&&AlternateLines;},function(_a){var hasHeaderRow=_a.format.hasHeaderRow;return hasHeaderRow&&HeaderFormat;},function(_a){var hasFooterRow=_a.format.hasFooterRow;return hasFooterRow&&FooterFormat;});var templateObject_1$1q,templateObject_2$O,templateObject_3$y,templateObject_4$n,templateObject_5$m;var TableViewer=function TableViewer(_a){var tableDefinition=_a.blockProps.tableDefinition;var lastRowIndex=tableDefinition.rows.length-1;return jsxRuntime.jsx(Host$w,{children:jsxRuntime.jsx(Table,__assign({format:tableDefinition.format},{children:jsxRuntime.jsx("tbody",{children:tableDefinition.rows.map(function(r,rowIndex){return jsxRuntime.jsx("tr",{children:r.cells.map(function(c,index){var _a,_b,_c;return jsxRuntime.jsx("td",__assign({style:__assign(__assign({},cellStyleToCssProps(c.style,tableDefinition.format.alternateLines||tableDefinition.format.hasHeaderRow&&rowIndex===0||tableDefinition.format.hasFooterRow&&rowIndex===lastRowIndex)),rowIndex===0&&{width:(_b=(_a=tableDefinition.columns)===null||_a===void 0?void 0:_a[index])===null||_b===void 0?void 0:_b.width}),title:c.value,"data-multiline":c.isMultiline},{children:c.url?jsxRuntime.jsx(TextLink,__assign({url:c.url,style:{color:(_c=c.style.fontColor)!==null&&_c!==void 0?_c:null}},{children:c.value}),void 0):c.value}),index);})},rowIndex);})},void 0)}),void 0)},void 0);};function cssPropsToCellStyle(style,alternateLines,isHeaderRow){if(style==null){return {};}return {isBold:style.fontWeight==='bold',isItalic:style.fontStyle==='italic',textAlign:style.textAlign==='left'||style.textAlign==='right'||style.textAlign==='center'?style.textAlign:null,fontColor:style.color,backgroundColor:!alternateLines&&!isHeaderRow?style.backgroundColor:null};}function cellStyleToCssProps(cellStyle,disableCustomColors){if(cellStyle==null){return {};}return __assign(__assign(__assign(__assign(__assign({},cellStyle.isBold&&{fontWeight:'bold'}),cellStyle.isItalic&&{fontStyle:'italic'}),cellStyle.textAlign&&{textAlign:cellStyle.textAlign}),cellStyle.fontColor&&!disableCustomColors&&{color:cellStyle.fontColor}),cellStyle.backgroundColor&&!disableCustomColors&&{backgroundColor:cellStyle.backgroundColor});}var InlineTable={component:TableViewer,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var tableId=node.getAttribute('data-table-id');if(tableId==null){return null;}var table=node.querySelector('table');var body=table===null||table===void 0?void 0:table.querySelector('tbody');if(body==null){return null;}var firstRow=body.querySelector('tr:first-child');return {tableId:tableId,tableDefinition:{columns:Array.from(firstRow.querySelectorAll('td')).map(function(c){var _a,_b;return {width:(_b=(_a=c.style)===null||_a===void 0?void 0:_a.width)!==null&&_b!==void 0?_b:null};}),rows:Array.from(body.querySelectorAll('tr')).map(function(row){return {rowId:createId(),cells:Array.from(row.querySelectorAll('td')).map(function(cell){var _a,_b;return {cellId:createId(),value:cell.innerText,style:cssPropsToCellStyle(cell.style,table.classList.contains('condense-table--alternateLines'),table.classList.contains('condense-table--hasHeader')&&row.rowIndex===0),isMultiline:cell.innerText.includes('\n'),url:(_b=(_a=cell.querySelector('a'))===null||_a===void 0?void 0:_a.getAttribute('href'))!==null&&_b!==void 0?_b:null};})};}),format:{showGrid:table.classList.contains('condense-table--showGrid'),alternateLines:table.classList.contains('condense-table--alternateLines'),hasHeaderRow:table.classList.contains('condense-table--hasHeader'),hasFooterRow:table.classList.contains('condense-table--hasFooter')}}};},type:EntityType.Table};var Host$w=_styled__default["default"].div.withConfig({displayName:"InlineTable__Host",componentId:"sc-8db5xf-0"})(templateObject_1$1p||(templateObject_1$1p=__makeTemplateObject(["\n  width: 100%;\n  overflow-x: auto;\n"],["\n  width: 100%;\n  overflow-x: auto;\n"])));var templateObject_1$1p;var ItemBodyWrapper=function ItemBodyWrapper(_a){var className=_a.className,children=_a.children;return jsxRuntime.jsx(Host$v,__assign({className:className,"data-body-wrapper":true},{children:children}),void 0);};var Host$v=_styled__default["default"].div.withConfig({displayName:"ItemBodyWrapper__Host",componentId:"sc-6adwhw-0"})(templateObject_1$1o||(templateObject_1$1o=__makeTemplateObject(["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"],["\n  && {\n    p,\n    ul,\n    ol,\n    pre,\n    blockquote,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      -webkit-margin-before: 0;\n      -webkit-margin-end: 0;\n      -webkit-margin-after: 0;\n      -webkit-margin-start: 0;\n\n      -webkit-padding-before: 0;\n      -webkit-padding-end: 0;\n      -webkit-padding-after: 0;\n      -webkit-padding-start: 0;\n    }\n\n    h1 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h2 {\n      font-size: ","px;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n\n    p,\n    .paragraph,\n    ul,\n    ol {\n      word-wrap: break-word;\n      margin-bottom: 1em;\n      line-height: 20px;\n    }\n\n    blockquote {\n      line-height: 20px;\n    }\n\n    ul,\n    ol {\n      padding-left: 18px;\n    }\n\n    li {\n      margin-bottom: 10px;\n    }\n\n    a {\n      color: ",";\n      text-decoration: underline;\n    }\n\n    .news-inline-file {\n      position: relative;\n      margin: 10px 3px;\n      user-select: none;\n\n      > a,\n      button {\n        max-width: 100%;\n        display: inline-block;\n        box-sizing: border-box;\n        padding: 12px 20px;\n        box-shadow: 0 2px 3px 2px #b7b7b7;\n        width: auto;\n        color: inherit;\n        line-height: 1.5em;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        text-decoration: none;\n\n        i {\n          margin-right: 10px;\n          font-size: 25px;\n          vertical-align: bottom;\n        }\n      }\n    }\n\n    figure:not([data-inline-quote='true']) {\n      margin: 0;\n    }\n\n    .news-inline-image {\n      margin-bottom: 15px;\n\n      figure {\n        margin: 0;\n      }\n\n      figcaption {\n        font-style: italic;\n      }\n    }\n\n    /* news-inline-quote -\n     required for backwards compatibility with old news */\n    .news-inline-quote {\n      max-width: 80%;\n\n      figure {\n        display: inline-block;\n\n        blockquote {\n          border-left: 0;\n          font-size: 15px;\n        }\n\n        figcaption {\n          text-align: right;\n          margin-top: 10px;\n          position: relative;\n\n          > div {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50px, -15px);\n          }\n        }\n      }\n    }\n\n    .video-view-container {\n      margin-bottom: 15px;\n    }\n\n    @media (max-width: ","px) {\n      .news-inline-quote {\n        max-width: 100%;\n\n        figcaption {\n          margin-right: 10px;\n        }\n      }\n\n      h1 {\n        font-size: ","px;\n      }\n\n      h2 {\n        font-size: ","px;\n      }\n\n      h3 {\n        font-size: ","px;\n      }\n\n      p,\n      .paragraph,\n      ul,\n      ol,\n      blockquote,\n      figcaption,\n      td {\n        font-size: ","px;\n      }\n    }\n\n    @media (min-width: ","px) {\n      .news-inline-quote {\n        figure {\n          blockquote {\n            font-size: 20px;\n          }\n        }\n      }\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS,function(p){return p.theme.palette.accent;},maxScreenSize.medium,fontSizeLarge-3,fontSizeLarge-5,fontSizeMedium,fontSizeSmall,minScreenSize.small);var templateObject_1$1o;var InlineFileList=function InlineFileList(_a){var fileBlock=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;var getFileUrlWithToken=useFileApi().getFileUrlWithToken;if(!fileBlock.files||fileBlock.files.length===0){return null;}var files=fileBlock.files.map(function(f){if(f.pageId){return __assign({},f);}var getFileUrl=function getFileUrl(token){var _a;return ((_a=f.getDownloadUrl)===null||_a===void 0?void 0:_a.call(f,token))||getFileUrlWithToken(token||item.fileAccessToken,item.id,undefined,f.fileId,f.fileName,resourceType);};return __assign(__assign({},f),{getDownloadUrl:getFileUrl,accessToken:item.fileAccessToken});});var audioFiles=files.filter(function(f){return isAudioFile(f.fileName);});var videoFiles=files.filter(function(f){return isVideoFile(f.fileName);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[videoFiles.length>0&&jsxRuntime.jsx(FileListHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(VideoFileHost,__assign({"data-preload-video":browserInfo.name==='safari'},{children:jsxRuntime.jsx(VideoFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)}),void 0)},f.fileId);})}),void 0),audioFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:audioFiles.map(function(f){var _a;return jsxRuntime.jsx(FileListItem,{children:jsxRuntime.jsx(AudioFile,{fileName:(_a=f.title)!==null&&_a!==void 0?_a:f.fileName,url:f.getDownloadUrl()},void 0)},f.fileId);})},void 0),otherFiles.length>0&&jsxRuntime.jsx(FileListHost,{children:otherFiles.map(function(f){return jsxRuntime.jsx(FileListItem,{children:f.pageId?jsxRuntime.jsx(InlinePageDocument,{file:f},void 0):jsxRuntime.jsx(InlineFileDownloadButton,{getFileUrl:f.getDownloadUrl,fileAccessToken:item.fileAccessToken,fileName:f.fileName,title:f.title},void 0)},f.fileId);})},void 0)]},void 0);};var InlinePageDocument=function InlinePageDocument(_a){var file=_a.file;var pageId=file.pageId;var loadPage=usePagesApi().loadPage;var page=usePromise$2(function(){return loadPage(pageId);},undefined,[pageId])[0];var _b=useInlinePageDocument(file,page),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsx(InlinePageDocumentDownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0);};var InlineFileMapper={component:InlineFileList,type:EntityType.File,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var blockId=node.getAttribute('data-file-block');if(!blockId){var fileId=node.getAttribute('data-file-id')||node.getAttribute('data-file-fileid');if(fileId==null){return null;}var title=node.getAttribute('data-file-title');var fileName=node.getAttribute('data-file-name');var pageId=node.getAttribute('data-inline-page-document-id');var extension=node.getAttribute('data-file-extension');return {blockId:createId(),files:[{fileId:fileId,title:title,fileName:fileName,pageId:pageId,extension:extension}]};}return {blockId:blockId,files:Array.from(node.querySelectorAll('[data-file-id], [data-file-fileid]')).map(function(fileNode){var _a;return {fileId:(_a=fileNode.getAttribute('data-file-id'))!==null&&_a!==void 0?_a:fileNode.getAttribute('data-file-fileid'),fileName:fileNode.getAttribute('data-file-name'),title:fileNode.getAttribute('data-file-title'),pageId:fileNode.getAttribute('data-inline-page-document-id'),extension:fileNode.getAttribute('data-file-extension')};})};}};var VideoFileHost=_styled__default["default"].div.withConfig({displayName:"InlineFileList__VideoFileHost",componentId:"sc-16i3l51-0"})(templateObject_1$1n||(templateObject_1$1n=__makeTemplateObject(["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"],["\n  width: 100%;\n\n  video {\n    width: 100%;\n    border-radius: ","px;\n    overflow: hidden;\n  }\n\n  &[data-preload-video='true'] {\n    video {\n      box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n      background-color: #e4e4e4;\n    }\n  }\n"])),videoAttachmentRoundedCornerSize);var templateObject_1$1n;var EventDetailViewPeopleInfo=function EventDetailViewPeopleInfo(){var item=useDetailViewContext().item;return jsxRuntime.jsx(StyledEventPeopleInfo,{item:item},void 0);};var StyledEventPeopleInfo=_styled__default["default"](EventPeopleInfo).withConfig({displayName:"EventDetailViewPeopleInfo__StyledEventPeopleInfo",componentId:"sc-1d42bpm-0"})(templateObject_1$1m||(templateObject_1$1m=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1m;var EventDetailViewLocationInfo=function EventDetailViewLocationInfo(){var item=useDetailViewContext().item;if(!item.locations||item.locations.length===0){return null;}return jsxRuntime.jsx(StyledEventLocationInfo,{locations:item.locations},void 0);};var StyledEventLocationInfo=_styled__default["default"](EventLocationInfo).withConfig({displayName:"EventDetailViewLocationInfo__StyledEventLocationInfo",componentId:"sc-4kfe0w-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n  margin: ","px 0;\n"],["\n  margin: ","px 0;\n"])),spacingS);var templateObject_1$1l;var EventDetailViewMetaInfo=function EventDetailViewMetaInfo(_a){var allowFilterByChannels=_a.allowFilterByChannels;var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(EventDetailViewLocationInfo,{},void 0),jsxRuntime.jsx(EventDetailViewPeopleInfo,{},void 0),jsxRuntime.jsx(EventChannelsDisplay,{item:item,language:userPreferredLanguage,allowFilterByChannels:allowFilterByChannels},void 0)]},void 0);};var EventDetailViewDatesInfo=function EventDetailViewDatesInfo(_a){var className=_a.className;var item=useDetailViewContext().item;return jsxRuntime.jsx(Host$u,{children:jsxRuntime.jsx(DateTimeRange,{className:className,startDate:item.startDate,endDate:item.endDate},void 0)},void 0);};var Host$u=_styled__default["default"].div.withConfig({displayName:"EventDetailViewDatesInfo__Host",componentId:"sc-3sblty-0"})(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"],["\n  font-size: ","px;\n  margin-bottom: ","px;\n  font-weight: 500;\n"])),fontSizeSmall,spacingM);var templateObject_1$1k;var PollUserContext=/*#__PURE__*/React$d.createContext(null);var DetailViewPollsSubmitButton=function DetailViewPollsSubmitButton(_a){var isReadOnly=_a.isReadOnly;var formatMessage=useIntl().formatMessage;var _b=React$d.useContext(PollUserContext),submitPoll=_b.submitPoll,hasMissingUnsavedAnswer=_b.hasMissingUnsavedAnswer,hasMissingAnswers=_b.hasMissingAnswers,answers=_b.answers,resourceType=_b.resourceType,item=_b.item;var updatePollAnswers=useFeedbackApi().updatePollAnswers;if(!hasMissingUnsavedAnswer){return null;}return jsxRuntime.jsx("div",{children:jsxRuntime.jsx(officeUiFabricReact.PrimaryButton,{"data-poll-submit-button":true,onClick:function(){return submitPoll(function(){return updatePollAnswers(resourceType,item.id,answers);});},text:formatMessage({id:'Polls.display.submitButtonCaption'}),disabled:hasMissingAnswers||isReadOnly},void 0)},void 0);};var DetailViewCsvExportButton=function DetailViewCsvExportButton(_a){var path=_a.path,stringResource=_a.stringResource,className=_a.className;var user=useCurrentUser();var createApiUrl=useApiFactory().createApiUrl;var exchangeShortLivedToken=useFileAccessTokenApi().exchangeShortLivedToken;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType;if(!hasMinRoleInSomeGroups(GroupRoles.Author,user,item)){return null;}return jsxRuntime.jsx(Host$t,__assign({className:className},{children:jsxRuntime.jsxs(DownloadButton$2,__assign({onClick:startDownload},{children:[jsxRuntime.jsx(LeftAlignedIcon,{iconName:"Download"},void 0),jsxRuntime.jsx(FormattedMessage$1,{id:stringResource},void 0)]}),void 0)}),void 0);function startDownload(){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(item.fileAccessToken)];case 1:token=_a.sent();window.open(getFileUrlWithToken(item.id,token||item.fileAccessToken));return [2/*return*/];}});});}function getFileUrlWithToken(itemId,fileDownloadToken){return createApiUrl("/"+resourceType+"/"+itemId+"/"+path,{access_token:fileDownloadToken});}};var Host$t=_styled__default["default"].div.withConfig({displayName:"DetailViewCsvExportButton__Host",componentId:"sc-n02scx-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var DownloadButton$2=_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"DetailViewCsvExportButton__DownloadButton",componentId:"sc-n02scx-1"})(templateObject_2$N||(templateObject_2$N=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  display: flex;\n  align-items: center;\n  align-self: flex-start;\n  color: ",";\n  border: 0;\n  padding: 0;\n  margin: 0;\n\n  &:hover {\n    background-color: initial;\n    color: ",";\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;},maxScreenSize.medium,fontSizeSmall);var LeftAlignedIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"DetailViewCsvExportButton__LeftAlignedIcon",componentId:"sc-n02scx-2"})(templateObject_3$x||(templateObject_3$x=__makeTemplateObject(["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"],["\n  margin-left: -2px; // remove the 2px space this icon has on the left side\n  margin-right: 5px;\n  color: ",";\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1j,templateObject_2$N,templateObject_3$x;var DetailViewPollExportButton=function DetailViewPollExportButton(_a){var className=_a.className;var features=useFeatures();if(!features.polls){return null;}return jsxRuntime.jsx(DetailViewCsvExportButton,{className:className,path:"feedback/poll/result/export",stringResource:"Polls.display.exportAsCsv"},void 0);};var PollTranslationContext=/*#__PURE__*/React$d.createContext(null);var PollTranslationContextProvider=function PollTranslationContextProvider(_a){var contents=_a.contents,language=_a.language,additionalTranslations=_a.additionalTranslations,children=_a.children;var user=useCurrentUser();var activeContents=Object.values(contents||{}).filter(function(c){return c.active;});var allLanguages=activeContents.map(function(c){return c.language;});var allTranslations=additionalTranslations||[];for(var _i=0,_b=activeContents.filter(function(c){return c.poll&&c.poll.questions;});_i<_b.length;_i++){var content=_b[_i];var language_1=content.language;for(var _c=0,_d=content.poll.questions;_c<_d.length;_c++){var question=_d[_c];allTranslations.push({language:language_1,id:question.questionId,text:question.text});for(var _e=0,_f=question.choices;_e<_f.length;_e++){var choice=_f[_e];allTranslations.push({language:language_1,id:choice.choiceId,text:choice.text});}}}return jsxRuntime.jsx(PollTranslationContext.Provider,__assign({value:{getAllTranslations:getAllTranslations,getTranslation:getTranslation}},{children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:children},void 0)}),void 0);function getAllTranslations(id){return allTranslations.filter(function(t){return t.id===id&&t.text;});}function getTranslation(id){var preferredLanguage=NewsService.getUserPreferredLanguage(allLanguages,user);var translationItems=getAllTranslations(id);var translation=translationItems.find(function(t){return t.language===language;})||translationItems.find(function(t){return t.language===preferredLanguage;})||translationItems[0];return translation?translation.text:null;}};var PollUserInput=function PollUserInput(){var _a=React$d.useContext(PollUserContext),questions=_a.questions,getQuestionResult=_a.getQuestionResult,addAnswer=_a.addAnswer;return jsxRuntime.jsx("div",{children:questions.map(function(q){return jsxRuntime.jsx(QuestionInputItem,{question:q,onChange:function(choiceIds){return handleQuestionChange(q,choiceIds);},result:getQuestionResult(q.questionId)},q.questionId);})},void 0);function handleQuestionChange(question,choiceIds){addAnswer(question.questionId,choiceIds);}};var QuestionInput=function QuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var questionText=getTranslation(question.questionId);return jsxRuntime.jsxs("div",__assign({className:className,"data-question-id":question.questionId,"data-question-text":questionText},{children:[jsxRuntime.jsx(QuestionText,{children:questionText},void 0),question.isMultiChoice&&jsxRuntime.jsx(MultiChoiceQuestionInput,{question:question,onChange:onChange,result:result},void 0),!question.isMultiChoice&&jsxRuntime.jsx(SingleChoiceQuestionInput,{question:question,onChange:function(choiceId){return onChange([choiceId]);},result:result},void 0)]}),void 0);};var MultiChoiceQuestionInput=function MultiChoiceQuestionInput(_a){var question=_a.question,result=_a.result,onChange=_a.onChange;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx("div",{children:question.choices.map(function(c){return jsxRuntime.jsx(StyledCheckbox$1,{isResultMode:result.showResults,disabled:result.showResults||c.disabled,checked:result.userSelectedChoices.some(function(sc){return sc===c.choiceId;}),onChange:function(_,isChecked){return handleMultipleChoiceChange(c.choiceId,isChecked);},label:getTranslation(c.choiceId),onRenderLabel:function(_){return jsxRuntime.jsx(MultiChoiceLabel,{choice:c,result:result},void 0);}},c.choiceId);})},void 0);function handleMultipleChoiceChange(choiceId,isSelected){var choiceIds=result.userSelectedChoices.filter(function(c){return c!==choiceId;});if(isSelected){choiceIds.push(choiceId);}onChange(choiceIds);}};var SingleChoiceQuestionInput=function SingleChoiceQuestionInput(_a){var question=_a.question,onChange=_a.onChange,result=_a.result;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;return jsxRuntime.jsx(ChoiceInput,{isResultMode:result.showResults,selectedKey:result.userSelectedChoices[0],onChange:function(_,option){return onChange(option.key);},options:question.choices.map(function(c){return {key:c.choiceId,choiceId:c.choiceId,text:getTranslation(c.choiceId),disabled:result.showResults||c.disabled,onRenderLabel:function(_){return jsxRuntime.jsx(SingleChoiceLabel,{choice:c,result:result},void 0);}};})},void 0);};var ChoiceLabel=function ChoiceLabel(_a){var choice=_a.choice,result=_a.result,className=_a.className;var getTranslation=React$d.useContext(PollTranslationContext).getTranslation;var choiceText=getTranslation(choice.choiceId);return jsxRuntime.jsxs(ChoiceLabelHost,__assign({isResultMode:result.showResults,className:className,"data-choice-id":choice.choiceId,"data-choice-text":choiceText},{children:[choiceText,choice.description&&jsxRuntime.jsx(ChoiceLabelSecondaryText,__assign({"data-choice-secondary-text":true},{children:choice.description}),void 0),result.showResults&&jsxRuntime.jsx(ChoiceResult,{result:result,choiceId:choice.choiceId},void 0)]}),void 0);};var ChoiceResult=function ChoiceResult(_a){var choiceId=_a.choiceId,result=_a.result;var numberResult=result.choiceResults[choiceId]||0;var percent=numberResult/result.totalFeedbackCount;var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(ChoiceResultHost,__assign({"data-choice-result":numberResult},{children:[jsxRuntime.jsx(Bar,{percentComplete:percent,barHeight:10,styles:{progressBar:{backgroundColor:palette.accent}}},void 0),jsxRuntime.jsx("span",{children:jsxRuntime.jsx(FormattedNumber,{value:numberResult},void 0)},void 0)]}),void 0);};var ChoiceResultHost=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceResultHost",componentId:"sc-eeg1mx-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  > span {\n    padding-left: 10px;\n    min-width: 44px;\n    text-align: right;\n    box-sizing: border-box;\n  }\n"])));var Bar=_styled__default["default"](officeUiFabricReact.ProgressIndicator).withConfig({displayName:"PollUserInput__Bar",componentId:"sc-eeg1mx-1"})(templateObject_2$M||(templateObject_2$M=__makeTemplateObject(["\n  flex: 1 0 auto;\n"],["\n  flex: 1 0 auto;\n"])));var QuestionText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__QuestionText",componentId:"sc-eeg1mx-2"})(templateObject_3$w||(templateObject_3$w=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var QuestionInputItem=_styled__default["default"](QuestionInput).withConfig({displayName:"PollUserInput__QuestionInputItem",componentId:"sc-eeg1mx-3"})(templateObject_4$m||(templateObject_4$m=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingL);var ChoiceLabelHost=_styled__default["default"].span.withConfig({displayName:"PollUserInput__ChoiceLabelHost",componentId:"sc-eeg1mx-4"})(templateObject_5$l||(templateObject_5$l=__makeTemplateObject(["\n  display: inline-block;\n  ","\n  ","\n"],["\n  display: inline-block;\n  ","\n  ","\n"])),function(p){return p.isResultMode&&'max-width: 400px;';},function(p){return p.isResultMode&&'width: 100%;';});var ChoiceLabelSecondaryText=_styled__default["default"].div.withConfig({displayName:"PollUserInput__ChoiceLabelSecondaryText",componentId:"sc-eeg1mx-5"})(templateObject_6$e||(templateObject_6$e=__makeTemplateObject(["\n  opacity: 0.75;\n"],["\n  opacity: 0.75;\n"])));var SingleChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__SingleChoiceLabel",componentId:"sc-eeg1mx-6"})(templateObject_7$9||(templateObject_7$9=__makeTemplateObject(["\n  padding-left: 30px;\n"],["\n  padding-left: 30px;\n"])));var MultiChoiceLabel=_styled__default["default"](ChoiceLabel).withConfig({displayName:"PollUserInput__MultiChoiceLabel",componentId:"sc-eeg1mx-7"})(templateObject_8$8||(templateObject_8$8=__makeTemplateObject(["\n  padding-left: 5px;\n"],["\n  padding-left: 5px;\n"])));var ChoiceInput=_styled__default["default"](ChoiceGroup).withConfig({displayName:"PollUserInput__ChoiceInput",componentId:"sc-eeg1mx-8"})(templateObject_9$6||(templateObject_9$6=__makeTemplateObject(["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"],["\n  .ms-ChoiceField-field,\n  .ms-ChoiceField-wrapper {\n    position: relative;\n    flex: 1 1 auto;\n    display: flex;\n  }\n"])));var StyledCheckbox$1=_styled__default["default"](officeUiFabricReact.Checkbox).withConfig({displayName:"PollUserInput__StyledCheckbox",componentId:"sc-eeg1mx-9"})(templateObject_10$5||(templateObject_10$5=__makeTemplateObject(["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"],["\n  margin-top: 15px;\n  .ms-Checkbox-label {\n    display: flex;\n    align-items: ",";\n    flex: 1 1 auto;\n  }\n"])),function(p){return p.isResultMode?'flex-start':'center';});var templateObject_1$1i,templateObject_2$M,templateObject_3$w,templateObject_4$m,templateObject_5$l,templateObject_6$e,templateObject_7$9,templateObject_8$8,templateObject_9$6,templateObject_10$5;var PollDisplay=function PollDisplay(_a){var children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs("section",__assign({className:className,"aria-label":formatMessage({id:'Polls.sectionLabel'}),"data-consumer-poll":true},{children:[jsxRuntime.jsx(PollUserInput,{},void 0),children]}),void 0);};var PollUserContextProvider=function PollUserContextProvider(_a){var _b;var item=_a.item,onBehalfOfUpn=_a.onBehalfOfUpn,resourceType=_a.resourceType,language=_a.language,getAdditionalQuestions=_a.getAdditionalQuestions,getAdditionalUserAnswers=_a.getAdditionalUserAnswers,getPollResults=_a.getPollResults,showResult=_a.showResult,children=_a.children;var poll=item.poll,itemId=item.id;var getFeedback=useFeedbackApi().getFeedback;var _c=React$d.useState(getAdditionalQuestions===null||getAdditionalQuestions===void 0?void 0:getAdditionalQuestions(null)),additionalQuestions=_c[0],setAdditionalQuestions=_c[1];var showError=useNotificationContext().showError;var questionDefinitions=(_b=poll===null||poll===void 0?void 0:poll.questions)!==null&&_b!==void 0?_b:[];var _d=usePromise$2(loadUserAnswers),userAnswers=_d[0],isLoading=_d[1],setUserAnswers=_d[3];var _e=React$d.useState([]),unsavedQuestionsIds=_e[0],setUnsavedQuestionsIds=_e[1];var _f=usePromise$2(function(){return getPollResults(itemId);},{answers:[]},[itemId]),pollResult=_f[0],isLoadingPollResult=_f[1],fetchPollResults=_f[5];React$d.useEffect(function(){var _a;if(isLoadingPollResult||!((_a=pollResult===null||pollResult===void 0?void 0:pollResult.answers)===null||_a===void 0?void 0:_a.length)){return;}getAdditionalQuestions&&setAdditionalQuestions(getAdditionalQuestions(pollResult));// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[pollResult,isLoadingPollResult]);// If the pollResult and the choice input is rendered with showResults
 	// at the same time, we miss the animation of the bars when they fill up
 	// Delay the pollResult a bit so the users sees the animation
@@ -131669,21 +131669,21 @@
 	// we don't want to add the same node again, instead we just need to
 	// append the children of the node
 	// we also know then that we don't have to traverse the tree further up and can stop
-	var existingNode=allNodesById[node.id];if(existingNode){if(existingNode.id===page.id){existingNode.isSearchMatch=true;}ensureChildren.apply(void 0,__spreadArray([existingNode],node.children||[]));break;}allNodesById[node.id]=node;if(!((_a=node.parent)===null||_a===void 0?void 0:_a.id)){break;}ensureChildren(node.parent,node);node=node.parent;}});onSearchResultChange(Object.values(allNodesById).filter(function(n){var _a;return !((_a=n.parent)===null||_a===void 0?void 0:_a.id);}));return [2/*return*/];}});});}function ensureChildren(parent){var _a;var children=[];for(var _i=1;_i<arguments.length;_i++){children[_i-1]=arguments[_i];}if(!parent.children){parent.children=[];}parent.children=parent.children.concat(children).sort(function(a,b){return a.position-b.position;});parent.firstChildId=(_a=parent.children[0])===null||_a===void 0?void 0:_a.id;}};var StyledSearchBox=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"PageTocSearch__StyledSearchBox",componentId:"sc-1enxv6b-0"})(templateObject_1$T||(templateObject_1$T=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);var templateObject_1$T;function filterChildren(page,activePage){if(!activePage){return true;}if(activePage.status===WorkflowStatus.deleted){return page.status===WorkflowStatus.deleted;}return page.status!==WorkflowStatus.deleted&&activePage.isUnlinked===page.isUnlinked;}var ExternalPagesLinkButton=function ExternalPagesLinkButton(_a){var item=_a.item,disabled=_a.disabled,onClick=_a.onClick,className=_a.className;var user=useCurrentUser();var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;if(!item.useExternalContent){return null;}var resourceKey="ExternalLinkButton.pages"+(!url?'.noUrl':'')+".navigateTo";return jsxRuntime.jsx(Tooltip,__assign({className:className,resourceKey:resourceKey,values:url?{url:url}:undefined,width:url?400:undefined},{children:jsxRuntime.jsx(StyledIconButton$4,{iconProps:{iconName:'NavigateExternalInline',styles:{root:{fontSize:fontSizeMedium+4+"px",height:fontSizeMedium+4+"px"}}},onClick:handleClick,disabled:disabled,"aria-label":formatMessage({id:resourceKey},url?{url:url}:undefined)},void 0)}),void 0);function handleClick(e){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){if(onClick){onClick(e);return [2/*return*/];}createPageClickHandler(item)(e);return [2/*return*/];});});}};var StyledIconButton$4=_styled__default["default"](IconButton).withConfig({displayName:"ExternalPagesLinkButton__StyledIconButton",componentId:"sc-1n1ybv7-0"})(templateObject_1$S||(templateObject_1$S=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$S;var PageNode=function PageNode(_a){var node=_a.node,activePage=_a.activePage,navigationContext=_a.navigationContext,loadChildren=_a.loadChildren,basePath=_a.basePath,path=_a.path,className=_a.className,isRootNode=_a.isRootNode,hide=_a.hide,onPageSelected=_a.onPageSelected,selectedPageId=_a.selectedPageId;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var nodesContainNavigation=navigationContext==null;var _b=React$d.useState(null),lazyLoadedChildren=_b[0],setLazyLoadedChildren=_b[1];var children=lazyLoadedChildren||getChildren(node.id).filter(function(n){return filterChildren(n,activePage);});var _c=React$d.useState(undefined),forceShowChildren=_c[0],setForceShowChildren=_c[1];var showChildren=forceShowChildren||children&&forceShowChildren!==false&&(nodesContainNavigation||path.some(function(p){return p===node.id;})||(activePage===null||activePage===void 0?void 0:activePage.id)===node.id);var title=getTitle(node,user,formatMessage);var isSelectedPageNode=(activePage===null||activePage===void 0?void 0:activePage.id)===node.id||selectedPageId===node.id;var iconName=getIconName();var isExpanded=iconName==='ChevronDown';var isHighlighted=isSelectedPageNode||path.some(function(p){return p===node.id;});var appBasePath=basePath?buildPath(basePath):null;var isSearchMatch=node.isSearchMatch?'true':null;var isDocument=node.pageType===PageType.Document;var detailViewUrl=""+NewsService.getNewsRoute(appBasePath,node.id,title)+(node.useExternalContent?"?"+queryString.stringify({noRedirect:true}):'');return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(NodeWrapper,__assign({isFirstLevel:isRootNode,hide:hide,className:className,isActive:isSelectedPageNode,"data-page-toc-node":true,"data-is-active":isSelectedPageNode},{children:[!!iconName?jsxRuntime.jsx(StyledIconButton$3,{iconProps:{iconName:iconName},onClick:function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!!(children===null||children===void 0?void 0:children.length))return [3/*break*/,2];_a=setLazyLoadedChildren;return [4/*yield*/,loadChildren(node.id)];case 1:_a.apply(void 0,[_b.sent()]);_b.label=2;case 2:setForceShowChildren(!showChildren);return [2/*return*/];}});});},isHighlighted:isHighlighted,isExpanded:isExpanded,ariaLabel:formatMessage({id:isExpanded?'AriaLabel.hideChildren':'AriaLabel.seeChildren'}),"data-toc-node-toggle-children":node.id},void 0):jsxRuntime.jsx(StyledIcon$3$1,{isHighlighted:isHighlighted},void 0),basePath?jsxRuntime.jsx(NodeTitleLink,__assign({onClick:createPageClickHandler(node,basePath,function(){return onPageSelected===null||onPageSelected===void 0?void 0:onPageSelected(node.id);},true),to:detailViewUrl,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):onPageSelected?jsxRuntime.jsx(NodeTitleButton,__assign({onClick:function(){return onPageSelected(node.id);},disabled:isDocument,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):jsxRuntime.jsx(NodeTitle,__assign({bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0),jsxRuntime.jsx(StyledExternalLinkButton,{item:node},void 0),jsxRuntime.jsx(StyledDocumentDownloadButton$1,{page:node,basePath:basePath},void 0)]}),void 0),children.length>0&&jsxRuntime.jsx(ChildrenList,__assign({hide:hide},{children:children.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(PageNode,{hide:!showChildren,basePath:basePath,node:c,activePage:activePage,navigationContext:navigationContext,loadChildren:loadChildren,path:path,isRootNode:false,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id);})}),void 0)]},void 0);function getIconName(){var _a;if(!nodesContainNavigation&&!node.firstChildId||nodesContainNavigation&&!((_a=node.children)===null||_a===void 0?void 0:_a.length)){return null;}if(showChildren){return 'ChevronDown';}return 'ChevronRight';}function getChildren(nodeId){if(nodesContainNavigation){return node.children||[];}if((activePage===null||activePage===void 0?void 0:activePage.id)===nodeId){return navigationContext.children||[];}var result=navigationContext.parent;while(result!=null&&result.id!==nodeId){result=result.parent;}return result?result.children:[];}};var NodeWrapper=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeWrapper",componentId:"sc-1ftr1ym-0"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"],["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"])),function(p){return p.hide&&'display: none;';},function(p){return !p.isFirstLevel&&_styled.css(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n      padding-left: ","px;\n      margin-top: ","px;\n    "],["\n      padding-left: ","px;\n      margin-top: ","px;\n    "])),spacingS,spacingS+5);},function(p){return p.isActive&&_styled.css(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.neutralQuaternaryAlt;});},spacingXs,minScreenSize.small);var IconNormalSize=20;var IconLargeSize=26;var IconBubbleStyle=function IconBubbleStyle(isHighlighted){return _styled.css(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n    ",";\n  "],["\n    ",";\n  "])),isHighlighted?_styled.css(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.white;}):_styled.css(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.neutralQuaternary;},function(p){return p.theme.palette.black;}));};var StyledIconButton$3=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PageTocNode__StyledIconButton",componentId:"sc-1ftr1ym-1"})(templateObject_8$5||(templateObject_8$5=__makeTemplateObject(["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"])),IconLargeSize,IconLargeSize,IconLargeSize,function(p){return p.isExpanded&&_styled.css(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n          i {\n            transform: translate(0, 1px);\n          }\n        "],["\n          i {\n            transform: translate(0, 1px);\n          }\n        "])));},function(p){return IconBubbleStyle(p.isHighlighted);},minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledIcon$3$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTocNode__StyledIcon",componentId:"sc-1ftr1ym-2"})(templateObject_9$3||(templateObject_9$3=__makeTemplateObject(["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"],["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"])),IconLargeSize,IconLargeSize,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize,function(p){return IconBubbleStyle(p.isHighlighted);});var NodeTitleStyle=_styled.css(templateObject_11$1$1||(templateObject_11$1$1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"])),spacingM,fontSizeNormal,function(p){return p.theme.textColors.default;},function(p){return p.bold&&_styled.css(templateObject_10$2$1||(templateObject_10$2$1=__makeTemplateObject(["\n        font-weight: bold;\n      "],["\n        font-weight: bold;\n      "])));},minScreenSize.small,fontSizeSmall);var NodeTitleLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTocNode__NodeTitleLink",componentId:"sc-1ftr1ym-3"})(templateObject_12$1$1||(templateObject_12$1$1=__makeTemplateObject(["\n  ",";\n\n  && {\n    color: ",";\n  }\n"],["\n  ",";\n\n  && {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.textColors.default;});var NodeTitleButton=_styled__default["default"](ActionButton).withConfig({displayName:"PageTocNode__NodeTitleButton",componentId:"sc-1ftr1ym-4"})(templateObject_13$1$1||(templateObject_13$1$1=__makeTemplateObject(["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"],["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.palette.neutralQuaternary;});var NodeTitle=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeTitle",componentId:"sc-1ftr1ym-5"})(templateObject_14$1$1||(templateObject_14$1$1=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),NodeTitleStyle);var ChildrenList=_styled__default["default"].ul.withConfig({displayName:"PageTocNode__ChildrenList",componentId:"sc-1ftr1ym-6"})(templateObject_15$1$1||(templateObject_15$1$1=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"])),function(p){return p.hide&&'display: none;';},spacingS);var StyledExternalLinkButton=_styled__default["default"](ExternalPagesLinkButton).withConfig({displayName:"PageTocNode__StyledExternalLinkButton",componentId:"sc-1ftr1ym-7"})(templateObject_16$1$1||(templateObject_16$1$1=__makeTemplateObject(["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"])),spacingS,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledDocumentDownloadButton$1=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageTocNode__StyledDocumentDownloadButton",componentId:"sc-1ftr1ym-8"})(templateObject_17$1||(templateObject_17$1=__makeTemplateObject(["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"])),IconLargeSize,spacingS-5,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var templateObject_1$R,templateObject_2$x,templateObject_3$o,templateObject_4$f,templateObject_5$e,templateObject_6$8,templateObject_7$5,templateObject_8$5,templateObject_9$3,templateObject_10$2$1,templateObject_11$1$1,templateObject_12$1$1,templateObject_13$1$1,templateObject_14$1$1,templateObject_15$1$1,templateObject_16$1$1,templateObject_17$1;var PageTableOfContents$1=function PageTableOfContents(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onPageSelected=_a.onPageSelected,className=_a.className,selectedPageId=_a.selectedPageId,isLoading=_a.isLoading,disableScrollableList=_a.disableScrollableList;var user=useCurrentUser();var _b=getRootNodes(),rootNodes=_b.rootNodes,path=_b.path;var _c=React$d.useState(),searchResult=_c[0],setSearchResult=_c[1];if(isLoading){return jsxRuntime.jsx(Spinner,{},void 0);}if(!rootNodes||(rootNodes===null||rootNodes===void 0?void 0:rootNodes.length)===0){return jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ContentEditor.parentPage.emptyToc",tagName:"div",className:className},void 0);}var activePage=activePageId&&navigationContext.siblings.find(function(p){return p.id===activePageId;});var nodesToDisplay=sortPageNodesByGroupAndPosition(user.groups,(searchResult||rootNodes).filter(function(p){return filterChildren(p,activePage);}));return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("div",__assign({"data-toc-search-container":true},{children:jsxRuntime.jsx(PageTocSearch,{onSearch:onSearch,onSearchResultChange:setSearchResult},void 0)}),void 0),searchResult&&!searchResult.length&&jsxRuntime.jsx(TocEmptyList,{icon:"Search",emptyMessageResources:['EmptySearchResult.info']},void 0),nodesToDisplay&&jsxRuntime.jsx(TocListContainer,__assign({"data-toc-scrollable-container":true,isScrollable:!disableScrollableList},{children:jsxRuntime.jsx(TocList,{children:nodesToDisplay.map(function(c){return jsxRuntime.jsx(ToCItem,{children:jsxRuntime.jsx(PageNode,{basePath:basePath,node:c,activePage:activePage,navigationContext:searchResult?null:navigationContext,loadChildren:loadChildren,path:path,isRootNode:true,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id+!!searchResult);})},void 0)}),void 0)]}),void 0)},void 0);function getRootNodes(){if(!(navigationContext===null||navigationContext===void 0?void 0:navigationContext.parent)){return {rootNodes:(navigationContext===null||navigationContext===void 0?void 0:navigationContext.siblings)||[],path:[]};}var path=[];var currentParent=navigationContext.parent;while(currentParent!=null&&currentParent.parent!=null){path.push(currentParent.id);currentParent=currentParent.parent;}return {rootNodes:(currentParent===null||currentParent===void 0?void 0:currentParent.children)||[],path:path};}};var TocEmptyList=_styled__default["default"](EmptyList).withConfig({displayName:"PageTableOfContents__TocEmptyList",componentId:"sc-3llzkd-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"],["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"])),fontSizeLarger+10);var TocListContainer=_styled__default["default"].div.withConfig({displayName:"PageTableOfContents__TocListContainer",componentId:"sc-3llzkd-1"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  padding-top: ","px;\n\n  ","\n"],["\n  padding-top: ","px;\n\n  ","\n"])),spacingXs,function(p){return p.isScrollable&&_styled.css(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "],["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "])));});var TocList=_styled__default["default"].ul.withConfig({displayName:"PageTableOfContents__TocList",componentId:"sc-3llzkd-2"})(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));var ToCItem=_styled__default["default"].li.withConfig({displayName:"PageTableOfContents__ToCItem",componentId:"sc-3llzkd-3"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);_styled__default["default"](PageTableOfContents$1).withConfig({displayName:"PageTableOfContents__StyledPageToC",componentId:"sc-3llzkd-4"})(templateObject_6$7||(templateObject_6$7=__makeTemplateObject(["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"])),spacingM,spacingM,spacingM);var templateObject_1$Q,templateObject_2$w,templateObject_3$n,templateObject_4$e,templateObject_5$d,templateObject_6$7;var PageTableOfContentsDialog=function PageTableOfContentsDialog(_a){var isOpen=_a.isOpen,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onDismiss=_a.onDismiss,basePath=_a.basePath;var formatMessage=useIntl().formatMessage;if(!navigationContext){return null;}return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!isOpen,modalProps:{className:'dialog-toc'},dialogContentProps:{type:officeUiFabricReact.DialogType.close},onDismiss:onDismiss,title:formatMessage({id:'Pages.pagesTableOfContents'})},{children:jsxRuntime.jsxs(DialogContent,__assign({className:"dialog-content-host","data-toc-dialog":true},{children:[jsxRuntime.jsx(DialogGlobalStyle,{},void 0),jsxRuntime.jsx(PageTableOfContents$1,{basePath:basePath,activePageId:activePageId,navigationContext:navigationContext,loadChildren:loadChildren,onSearch:onSearch,onPageSelected:onDismiss,disableScrollableList:true},void 0)]}),void 0)}),void 0);};var DialogContent=_styled__default["default"].div.withConfig({displayName:"PageTableOfContentsDialog__DialogContent",componentId:"sc-z2sdu7-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"],["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle=_styled.createGlobalStyle(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"],["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$P,templateObject_2$v;function useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType){var searchPublishedPages=usePagesApi().searchPublishedPages;return function(pageSize,token){return searchPublishedPages({keywords:keywords,token:token,pageSize:pageSize,pageType:showPagesAndDocuments?undefined:pageType});};}var InlinePageListByKeywords=function InlinePageListByKeywords(_a){var keywords=_a.keywords,showDocuments=_a.showDocuments,showPages=_a.showPages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showPagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var defaultPageSize=10;var _b=useItemLoaderWithPreFetch(defaultPageSize,useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType),[keywords]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};function useLoadPublishedItemsByPageId(pageId,showPagesAndDocuments,pageType){var getSubpages=usePagesApi().getSubpages;try{return function(pageSize,token){return getSubpages(pageId,{pageType:showPagesAndDocuments?undefined:pageType,token:token,pageSize:pageSize});};}catch(error){logger.error(error);return null;}}var defaultPageSize$1=10;var InlinePageListByPageId=function InlinePageListByPageId(_a){var pageId=_a.pageId,showPages=_a.showPages,showDocuments=_a.showDocuments;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showSubpagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var _b=useItemLoaderWithPreFetch(defaultPageSize$1,useLoadPublishedItemsByPageId(pageId,showSubpagesAndDocuments,pageType),[pageId]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};var defaultPageSize=10;// the inline page list should be auto-added on a page with no content
+	var existingNode=allNodesById[node.id];if(existingNode){if(existingNode.id===page.id){existingNode.isSearchMatch=true;}ensureChildren.apply(void 0,__spreadArray([existingNode],node.children||[]));break;}allNodesById[node.id]=node;if(!((_a=node.parent)===null||_a===void 0?void 0:_a.id)){break;}ensureChildren(node.parent,node);node=node.parent;}});onSearchResultChange(Object.values(allNodesById).filter(function(n){var _a;return !((_a=n.parent)===null||_a===void 0?void 0:_a.id);}));return [2/*return*/];}});});}function ensureChildren(parent){var _a;var children=[];for(var _i=1;_i<arguments.length;_i++){children[_i-1]=arguments[_i];}if(!parent.children){parent.children=[];}parent.children=parent.children.concat(children).sort(function(a,b){return a.position-b.position;});parent.firstChildId=(_a=parent.children[0])===null||_a===void 0?void 0:_a.id;}};var StyledSearchBox=_styled__default["default"](officeUiFabricReact.SearchBox).withConfig({displayName:"PageTocSearch__StyledSearchBox",componentId:"sc-1enxv6b-0"})(templateObject_1$T||(templateObject_1$T=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);var templateObject_1$T;function filterChildren(page,activePage){if(!activePage){return true;}if(activePage.status===WorkflowStatus.deleted){return page.status===WorkflowStatus.deleted;}return page.status!==WorkflowStatus.deleted&&activePage.isUnlinked===page.isUnlinked;}var ExternalPagesLinkButton=function ExternalPagesLinkButton(_a){var item=_a.item,disabled=_a.disabled,onClick=_a.onClick,className=_a.className;var user=useCurrentUser();var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;if(!item.useExternalContent){return null;}var resourceKey="ExternalLinkButton.pages"+(!url?'.noUrl':'')+".navigateTo";return jsxRuntime.jsx(Tooltip,__assign({className:className,resourceKey:resourceKey,values:url?{url:url}:undefined,width:url?400:undefined},{children:jsxRuntime.jsx(StyledIconButton$4,{iconProps:{iconName:'NavigateExternalInline',styles:{root:{fontSize:fontSizeMedium+4+"px",height:fontSizeMedium+4+"px"}}},onClick:handleClick,disabled:disabled,"aria-label":formatMessage({id:resourceKey},url?{url:url}:undefined)},void 0)}),void 0);function handleClick(e){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){if(onClick){onClick(e);return [2/*return*/];}createPageClickHandler(item)(e);return [2/*return*/];});});}};var StyledIconButton$4=_styled__default["default"](IconButton).withConfig({displayName:"ExternalPagesLinkButton__StyledIconButton",componentId:"sc-1n1ybv7-0"})(templateObject_1$S||(templateObject_1$S=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin: 0;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$S;var PageNode=function PageNode(_a){var node=_a.node,activePage=_a.activePage,navigationContext=_a.navigationContext,loadChildren=_a.loadChildren,basePath=_a.basePath,path=_a.path,className=_a.className,isRootNode=_a.isRootNode,hide=_a.hide,onPageSelected=_a.onPageSelected,selectedPageId=_a.selectedPageId;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var createPageClickHandler=usePagesClickHandler().createPageClickHandler;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var nodesContainNavigation=navigationContext==null;var _b=React$d.useState(null),lazyLoadedChildren=_b[0],setLazyLoadedChildren=_b[1];var children=lazyLoadedChildren||getChildren(node.id).filter(function(n){return filterChildren(n,activePage);});var _c=React$d.useState(undefined),forceShowChildren=_c[0],setForceShowChildren=_c[1];var showChildren=forceShowChildren||children&&forceShowChildren!==false&&(nodesContainNavigation||path.some(function(p){return p===node.id;})||(activePage===null||activePage===void 0?void 0:activePage.id)===node.id);var title=getTitle(node,user,formatMessage);var isSelectedPageNode=(activePage===null||activePage===void 0?void 0:activePage.id)===node.id||selectedPageId===node.id;var iconName=getIconName();var isExpanded=iconName==='ChevronDown';var isHighlighted=isSelectedPageNode||path.some(function(p){return p===node.id;});var appBasePath=basePath?buildPath(basePath):null;var isSearchMatch=node.isSearchMatch?'true':null;var isDocument=node.pageType===PageType.Document;var detailViewUrl=""+NewsService.getNewsRoute(appBasePath,node.id,title)+(node.useExternalContent?"?"+queryString.stringify({noRedirect:true}):'');return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(NodeWrapper,__assign({isFirstLevel:isRootNode,hide:hide,className:className,isActive:isSelectedPageNode,"data-page-toc-node":true,"data-is-active":isSelectedPageNode},{children:[!!iconName?jsxRuntime.jsx(StyledIconButton$3,{iconProps:{iconName:iconName},onClick:function(){return __awaiter(void 0,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:if(!!(children===null||children===void 0?void 0:children.length))return [3/*break*/,2];_a=setLazyLoadedChildren;return [4/*yield*/,loadChildren(node.id)];case 1:_a.apply(void 0,[_b.sent()]);_b.label=2;case 2:setForceShowChildren(!showChildren);return [2/*return*/];}});});},isHighlighted:isHighlighted,isExpanded:isExpanded,ariaLabel:formatMessage({id:isExpanded?'AriaLabel.hideChildren':'AriaLabel.seeChildren'}),"data-toc-node-toggle-children":node.id},void 0):jsxRuntime.jsx(StyledIcon$3$1,{isHighlighted:isHighlighted},void 0),basePath?jsxRuntime.jsx(NodeTitleLink,__assign({onClick:createPageClickHandler(node,basePath,function(){return onPageSelected===null||onPageSelected===void 0?void 0:onPageSelected(node.id);},true),to:detailViewUrl,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):onPageSelected?jsxRuntime.jsx(NodeTitleButton,__assign({onClick:function(){return onPageSelected(node.id);},disabled:isDocument,bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0):jsxRuntime.jsx(NodeTitle,__assign({bold:isSearchMatch,"data-toc-node-title":node.id},{children:title}),void 0),jsxRuntime.jsx(StyledExternalLinkButton,{item:node},void 0),jsxRuntime.jsx(StyledDocumentDownloadButton$1,{page:node,basePath:basePath},void 0)]}),void 0),children.length>0&&jsxRuntime.jsx(ChildrenList,__assign({hide:hide},{children:children.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(PageNode,{hide:!showChildren,basePath:basePath,node:c,activePage:activePage,navigationContext:navigationContext,loadChildren:loadChildren,path:path,isRootNode:false,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id);})}),void 0)]},void 0);function getIconName(){var _a;if(!nodesContainNavigation&&!node.firstChildId||nodesContainNavigation&&!((_a=node.children)===null||_a===void 0?void 0:_a.length)){return null;}if(showChildren){return 'ChevronDown';}return 'ChevronRight';}function getChildren(nodeId){if(nodesContainNavigation){return node.children||[];}if((activePage===null||activePage===void 0?void 0:activePage.id)===nodeId){return navigationContext.children||[];}var result=navigationContext.parent;while(result!=null&&result.id!==nodeId){result=result.parent;}return result?result.children:[];}};var NodeWrapper=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeWrapper",componentId:"sc-1ftr1ym-0"})(templateObject_3$o||(templateObject_3$o=__makeTemplateObject(["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"],["\n  display: inline-flex;\n  min-width: 240px; /* this value is very important for the ToC in Panel: icon + title + external page icon */\n  margin-right: 4px;\n\n  ","\n  ",";\n\n  ","\n\n  padding: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0;\n  }\n"])),function(p){return p.hide&&'display: none;';},function(p){return !p.isFirstLevel&&_styled.css(templateObject_1$R||(templateObject_1$R=__makeTemplateObject(["\n      padding-left: ","px;\n      margin-top: ","px;\n    "],["\n      padding-left: ","px;\n      margin-top: ","px;\n    "])),spacingS,spacingS+5);},function(p){return p.isActive&&_styled.css(templateObject_2$x||(templateObject_2$x=__makeTemplateObject(["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      position: relative;\n      font-weight: bold;\n\n      &::before {\n        content: '';\n        position: absolute;\n        left: -9999px;\n        right: -9999px;\n        top: -3px;\n        bottom: -3px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.neutralQuaternaryAlt;});},spacingXs,minScreenSize.small);var IconNormalSize=20;var IconLargeSize=26;var IconBubbleStyle=function IconBubbleStyle(isHighlighted){return _styled.css(templateObject_6$8||(templateObject_6$8=__makeTemplateObject(["\n    ",";\n  "],["\n    ",";\n  "])),isHighlighted?_styled.css(templateObject_4$f||(templateObject_4$f=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.white;}):_styled.css(templateObject_5$e||(templateObject_5$e=__makeTemplateObject(["\n          background: ",";\n          color: ",";\n        "],["\n          background: ",";\n          color: ",";\n        "])),function(p){return p.theme.palette.neutralQuaternary;},function(p){return p.theme.palette.black;}));};var StyledIconButton$3=_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"PageTocNode__StyledIconButton",componentId:"sc-1ftr1ym-1"})(templateObject_8$5||(templateObject_8$5=__makeTemplateObject(["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"],["\n  && {\n    margin: 0;\n    padding: 0;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n\n    &,\n    i {\n      width: ","px;\n      height: ","px;\n    }\n\n    i {\n      margin: 0;\n      font-size: 14px;\n      line-height: ","px;\n    }\n\n    &&,\n    &&:hover,\n    &&:active,\n    &&:focus {\n      ","\n\n      ","\n    }\n\n    @media (min-width: ","px) {\n      &,\n      i {\n        width: ","px;\n        height: ","px;\n      }\n\n      i {\n        font-size: 10px;\n        line-height: ","px;\n      }\n    }\n  }\n"])),IconLargeSize,IconLargeSize,IconLargeSize,function(p){return p.isExpanded&&_styled.css(templateObject_7$5||(templateObject_7$5=__makeTemplateObject(["\n          i {\n            transform: translate(0, 1px);\n          }\n        "],["\n          i {\n            transform: translate(0, 1px);\n          }\n        "])));},function(p){return IconBubbleStyle(p.isHighlighted);},minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledIcon$3$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTocNode__StyledIcon",componentId:"sc-1ftr1ym-2"})(templateObject_9$3||(templateObject_9$3=__makeTemplateObject(["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"],["\n  width: ","px;\n  min-width: ","px;\n  height: ","px;\n  border-radius: 50%;\n  z-index: 1;\n\n  @media (min-width: ","px) {\n    & {\n      width: ","px;\n      min-width: ","px;\n      height: ","px;\n    }\n  }\n\n  ","\n"])),IconLargeSize,IconLargeSize,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize,function(p){return IconBubbleStyle(p.isHighlighted);});var NodeTitleStyle=_styled.css(templateObject_11$1$1||(templateObject_11$1$1=__makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"],["\n  display: inline-flex;\n  align-items: center;\n  box-sizing: border-box;\n  margin-left: ","px;\n  z-index: 1;\n  && {\n    font-size: ","px;\n    color: ",";\n\n    ","\n  }\n\n  @media (min-width: ","px) {\n    && {\n      font-size: ","px;\n    }\n  }\n"])),spacingM,fontSizeNormal,function(p){return p.theme.textColors.default;},function(p){return p.bold&&_styled.css(templateObject_10$2$1||(templateObject_10$2$1=__makeTemplateObject(["\n        font-weight: bold;\n      "],["\n        font-weight: bold;\n      "])));},minScreenSize.small,fontSizeSmall);var NodeTitleLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTocNode__NodeTitleLink",componentId:"sc-1ftr1ym-3"})(templateObject_12$1$1||(templateObject_12$1$1=__makeTemplateObject(["\n  ",";\n\n  && {\n    color: ",";\n  }\n"],["\n  ",";\n\n  && {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.textColors.default;});var NodeTitleButton=_styled__default["default"](ActionButton).withConfig({displayName:"PageTocNode__NodeTitleButton",componentId:"sc-1ftr1ym-4"})(templateObject_13$1$1||(templateObject_13$1$1=__makeTemplateObject(["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"],["\n  padding: 0;\n  height: auto;\n  text-align: left;\n  ",";\n\n  &[disabled] {\n    color: ",";\n  }\n"])),NodeTitleStyle,function(p){return p.theme.palette.neutralQuaternary;});var NodeTitle=_styled__default["default"].div.withConfig({displayName:"PageTocNode__NodeTitle",componentId:"sc-1ftr1ym-5"})(templateObject_14$1$1||(templateObject_14$1$1=__makeTemplateObject(["\n  ",";\n"],["\n  ",";\n"])),NodeTitleStyle);var ChildrenList=_styled__default["default"].ul.withConfig({displayName:"PageTocNode__ChildrenList",componentId:"sc-1ftr1ym-6"})(templateObject_15$1$1||(templateObject_15$1$1=__makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"],["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  ",";\n\n  > li {\n    padding-left: ","px;\n  }\n"])),function(p){return p.hide&&'display: none;';},spacingS);var StyledExternalLinkButton=_styled__default["default"](ExternalPagesLinkButton).withConfig({displayName:"PageTocNode__StyledExternalLinkButton",componentId:"sc-1ftr1ym-7"})(templateObject_16$1$1||(templateObject_16$1$1=__makeTemplateObject(["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  margin-left: ","px;\n  height: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      font-size: ","px;\n      height: ","px;\n    }\n  }\n"])),spacingS,IconLargeSize,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var StyledDocumentDownloadButton$1=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageTocNode__StyledDocumentDownloadButton",componentId:"sc-1ftr1ym-8"})(templateObject_17$1||(templateObject_17$1=__makeTemplateObject(["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"],["\n  display: flex;\n  height: ","px;\n  margin-left: ","px;\n\n  @media (min-width: ","px) {\n    height: ","px;\n  }\n\n  > button {\n    height: auto;\n\n    i {\n      line-height: ","px;\n      height: ","px;\n    }\n  }\n"])),IconLargeSize,spacingS-5,minScreenSize.small,IconNormalSize,IconNormalSize,IconNormalSize);var templateObject_1$R,templateObject_2$x,templateObject_3$o,templateObject_4$f,templateObject_5$e,templateObject_6$8,templateObject_7$5,templateObject_8$5,templateObject_9$3,templateObject_10$2$1,templateObject_11$1$1,templateObject_12$1$1,templateObject_13$1$1,templateObject_14$1$1,templateObject_15$1$1,templateObject_16$1$1,templateObject_17$1;var PageTableOfContents$1=function PageTableOfContents(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onPageSelected=_a.onPageSelected,className=_a.className,selectedPageId=_a.selectedPageId,isLoading=_a.isLoading,disableScrollableList=_a.disableScrollableList;var user=useCurrentUser();var _b=getRootNodes(),rootNodes=_b.rootNodes,path=_b.path;var _c=React$d.useState(),searchResult=_c[0],setSearchResult=_c[1];if(isLoading){return jsxRuntime.jsx(Spinner,{},void 0);}if(!rootNodes||(rootNodes===null||rootNodes===void 0?void 0:rootNodes.length)===0){return jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ContentEditor.parentPage.emptyToc",tagName:"div",className:className},void 0);}var activePage=activePageId&&navigationContext.siblings.find(function(p){return p.id===activePageId;});var nodesToDisplay=sortPageNodesByGroupAndPosition(user.groups,(searchResult||rootNodes).filter(function(p){return filterChildren(p,activePage);}));return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx("div",__assign({"data-toc-search-container":true},{children:jsxRuntime.jsx(PageTocSearch,{onSearch:onSearch,onSearchResultChange:setSearchResult},void 0)}),void 0),searchResult&&!searchResult.length&&jsxRuntime.jsx(TocEmptyList,{icon:"Search",emptyMessageResources:['EmptySearchResult.info']},void 0),nodesToDisplay&&jsxRuntime.jsx(TocListContainer,__assign({"data-toc-scrollable-container":true,isScrollable:!disableScrollableList},{children:jsxRuntime.jsx(TocList,{children:nodesToDisplay.map(function(c){return jsxRuntime.jsx(ToCItem,{children:jsxRuntime.jsx(PageNode,{basePath:basePath,node:c,activePage:activePage,navigationContext:searchResult?null:navigationContext,loadChildren:loadChildren,path:path,isRootNode:true,onPageSelected:onPageSelected,selectedPageId:selectedPageId},void 0)},c.id+!!searchResult);})},void 0)}),void 0)]}),void 0)},void 0);function getRootNodes(){if(!(navigationContext===null||navigationContext===void 0?void 0:navigationContext.parent)){return {rootNodes:(navigationContext===null||navigationContext===void 0?void 0:navigationContext.siblings)||[],path:[]};}var path=[];var currentParent=navigationContext.parent;while(currentParent!=null&&currentParent.parent!=null){path.push(currentParent.id);currentParent=currentParent.parent;}return {rootNodes:(currentParent===null||currentParent===void 0?void 0:currentParent.children)||[],path:path};}};var TocEmptyList=_styled__default["default"](EmptyList).withConfig({displayName:"PageTableOfContents__TocEmptyList",componentId:"sc-3llzkd-0"})(templateObject_1$Q||(templateObject_1$Q=__makeTemplateObject(["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"],["\n  i {\n    padding-top: 0;\n    font-size: ","px;\n  }\n"])),fontSizeLarger+10);var TocListContainer=_styled__default["default"].div.withConfig({displayName:"PageTableOfContents__TocListContainer",componentId:"sc-3llzkd-1"})(templateObject_3$n||(templateObject_3$n=__makeTemplateObject(["\n  padding-top: ","px;\n\n  ","\n"],["\n  padding-top: ","px;\n\n  ","\n"])),spacingXs,function(p){return p.isScrollable&&_styled.css(templateObject_2$w||(templateObject_2$w=__makeTemplateObject(["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "],["\n      overflow-y: auto;\n      overflow-x: hidden;\n      height: calc(100% - 52px); /* full height - search box height */\n    "])));});var TocList=_styled__default["default"].ul.withConfig({displayName:"PageTableOfContents__TocList",componentId:"sc-3llzkd-2"})(templateObject_4$e||(templateObject_4$e=__makeTemplateObject(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n"])));var ToCItem=_styled__default["default"].li.withConfig({displayName:"PageTableOfContents__ToCItem",componentId:"sc-3llzkd-3"})(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingM);_styled__default["default"](PageTableOfContents$1).withConfig({displayName:"PageTableOfContents__StyledPageToC",componentId:"sc-3llzkd-4"})(templateObject_6$7$1||(templateObject_6$7$1=__makeTemplateObject(["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"],["\n  height: 100%;\n\n  [data-toc-scrollable-container] {\n    overflow-x: auto;\n    padding-left: ","px;\n    /* ensure node titles are aligned with SearchBox input & Close button */\n    /* if the title is too long, horizontal scrollbar is shown */\n    margin-right: ","px;\n  }\n\n  [data-nothing-found],\n  [data-toc-search-container] {\n    padding: 0 ","px;\n    box-sizing: border-box;\n  }\n\n  [data-page-toc-node] {\n    &[data-is-active='true'] {\n      &::before {\n        left: -10px;\n        right: -10px;\n      }\n    }\n  }\n"])),spacingM,spacingM,spacingM);var templateObject_1$Q,templateObject_2$w,templateObject_3$n,templateObject_4$e,templateObject_5$d,templateObject_6$7$1;var PageTableOfContentsDialog=function PageTableOfContentsDialog(_a){var isOpen=_a.isOpen,navigationContext=_a.navigationContext,activePageId=_a.activePageId,loadChildren=_a.loadChildren,onSearch=_a.onSearch,onDismiss=_a.onDismiss,basePath=_a.basePath;var formatMessage=useIntl().formatMessage;if(!navigationContext){return null;}return jsxRuntime.jsx(MobileFullHeightDialog,__assign({hidden:!isOpen,modalProps:{className:'dialog-toc'},dialogContentProps:{type:officeUiFabricReact.DialogType.close},onDismiss:onDismiss,title:formatMessage({id:'Pages.pagesTableOfContents'})},{children:jsxRuntime.jsxs(DialogContent,__assign({className:"dialog-content-host","data-toc-dialog":true},{children:[jsxRuntime.jsx(DialogGlobalStyle,{},void 0),jsxRuntime.jsx(PageTableOfContents$1,{basePath:basePath,activePageId:activePageId,navigationContext:navigationContext,loadChildren:loadChildren,onSearch:onSearch,onPageSelected:onDismiss,disableScrollableList:true},void 0)]}),void 0)}),void 0);};var DialogContent=_styled__default["default"].div.withConfig({displayName:"PageTableOfContentsDialog__DialogContent",componentId:"sc-z2sdu7-0"})(templateObject_1$P||(templateObject_1$P=__makeTemplateObject(["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"],["\n  margin-top: 5px;\n\n  @media (min-width: ","px) {\n    width: 450px;\n  }\n"])),minScreenSize.small);var DialogGlobalStyle=_styled.createGlobalStyle(templateObject_2$v||(templateObject_2$v=__makeTemplateObject(["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"],["\n  .dialog-toc {\n    a {\n      text-decoration: none;\n    }\n\n    .ms-Dialog-main {\n      @media (max-width: ","px) {\n        width: 100% !important;\n      }\n    }\n\n    .ms-Dialog-inner {\n      overflow-x: hidden;\n    }\n  }\n"])),maxScreenSize.small);var templateObject_1$P,templateObject_2$v;function useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType){var searchPublishedPages=usePagesApi().searchPublishedPages;return function(pageSize,token){return searchPublishedPages({keywords:keywords,token:token,pageSize:pageSize,pageType:showPagesAndDocuments?undefined:pageType});};}var InlinePageListByKeywords=function InlinePageListByKeywords(_a){var keywords=_a.keywords,showDocuments=_a.showDocuments,showPages=_a.showPages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showPagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var defaultPageSize=10;var _b=useItemLoaderWithPreFetch(defaultPageSize,useLoadPublishedItemsByKeywords(keywords,showPagesAndDocuments,pageType),[keywords]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};function useLoadPublishedItemsByPageId(pageId,showPagesAndDocuments,pageType){var getSubpages=usePagesApi().getSubpages;try{return function(pageSize,token){return getSubpages(pageId,{pageType:showPagesAndDocuments?undefined:pageType,token:token,pageSize:pageSize});};}catch(error){logger.error(error);return null;}}var defaultPageSize$1=10;var InlinePageListByPageId=function InlinePageListByPageId(_a){var pageId=_a.pageId,showPages=_a.showPages,showDocuments=_a.showDocuments;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var showSubpagesAndDocuments=showPages&&showDocuments;var pageType=showPages?PageType.Page:PageType.Document;var _b=useItemLoaderWithPreFetch(defaultPageSize$1,useLoadPublishedItemsByPageId(pageId,showSubpagesAndDocuments,pageType),[pageId]),items=_b.items,pagingProps=__rest(_b,["items"]);return jsxRuntime.jsx(InlinePageListSkeleton,__assign({isDataLoaded:!pagingProps.isInitialLoading},{children:jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:__assign(__assign({},pagingProps),{hideNextButton:pagingProps.isLastPage}),baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0)}),void 0);};var defaultPageSize=10;// the inline page list should be auto-added on a page with no content
 	// by default pages and documents should be shown
 	// for this case the blockProps would be an empty object and
 	// we need to set the showPages and showDocuments to true
 	var InlinePageListByCurrentPage=function InlinePageListByCurrentPage(_a){var _b=_a.blockProps,props=_b===void 0?{showDocuments:true,showPages:true}:_b;var item=useDetailViewContext().item;var getSubpages=usePagesApi().getSubpages;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=useItemLoaderByCurrentPage(item.id,defaultPageSize,item.navigationContext,{showPages:props.showPages,showDocuments:props.showDocuments},getAllSubItems,[item===null||item===void 0?void 0:item.id]),items=_c.pageItems,pagingProps=_c.pagingProps;if(items.length===0){return null;}return jsxRuntime.jsx(InlinePageListWithPaging,{pages:items,pagingProps:pagingProps,baseRoute:buildPath('pages'),filterBaseUrl:buildPath('/pages/search')},void 0);function getAllSubItems(id,pageType){return __awaiter(this,void 0,void 0,function(){var result;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getSubpages(id,{pageType:pageType})];case 1:result=_a.sent();return [2/*return*/,result.items];}});});}};var InlinePageList=function InlinePageList(_a){var blockProps=_a.blockProps;if(blockProps===null||blockProps===void 0?void 0:blockProps.keywords){return jsxRuntime.jsx(InlinePageListByKeywords,{keywords:blockProps.keywords,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}if(blockProps===null||blockProps===void 0?void 0:blockProps.pageId){return jsxRuntime.jsx(InlinePageListByPageId,{pageId:blockProps.pageId,showPages:blockProps.showPages,showDocuments:blockProps.showDocuments},void 0);}return jsxRuntime.jsx(InlinePageListByCurrentPage,{blockProps:blockProps},void 0);};var InlinePageListMapper={component:InlinePageList,type:EntityType.InlinePageList,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var pageListId=node.getAttribute('data-page-list-id');if(pageListId==null){return null;}var showChildren=node.getAttribute('data-show-children')==='true';var showDocumentsAttribute=node.getAttribute('data-show-documents');var showPagesAttribute=node.getAttribute('data-show-pages');var pageId=node.getAttribute('data-page-id');var keywords=node.getAttribute('data-keywords');if(!showDocumentsAttribute&&!showPagesAttribute){// ensure backwards compatibility
-	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6||(templateObject_6$6=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$O,templateObject_2$u,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$N,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$M;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$L,templateObject_2$s,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$K;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$J;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$I;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$H;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$G;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f,__assign({className:className},{children:[jsxRuntime.jsx(IconContainer$1,__assign({isActive:isActive,className:isActive?"ms-bgColor-"+color:'ms-bgColor-white'},{children:isActive&&jsxRuntime.jsx(StyledTooltip,__assign({resourceKey:tooltipResourceKey},{children:jsxRuntime.jsx(StyledIcon$2$1,{className:"ms-fontColor-white",iconName:iconName},void 0)}),void 0)}),void 0),isActive?jsxRuntime.jsx(ActiveContent,__assign({className:"ms-borderColor-"+color},{children:children}),void 0):jsxRuntime.jsx(Content$3,{children:children},void 0)]}),void 0);};var Host$f=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"],["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"],["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n  && {\n    display: inherit;\n  }\n"],["\n  && {\n    display: inherit;\n  }\n"])));var templateObject_1$F,templateObject_2$r,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$E;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$D;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$C;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$B;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e,{children:jsxRuntime.jsx(NeutralCheckBox,{disabled:disabled,checked:checked,onChange:function(_,value){return onChange(value);},label:formatMessage({id:checked?'NewsArticle.confirmed':'NewsArticle.confirm'})},void 0)},void 0);};var Host$e=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$A;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$z,templateObject_2$q;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$y;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$x;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$w;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$v;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b||(templateObject_4$b=__makeTemplateObject(["\n      margin-left: 33px; // checkmark icon space\n    "],["\n      margin-left: 33px; // checkmark icon space\n    "])));});_styled__default["default"].ul.withConfig({displayName:"KeywordPickerGroup__KeywordsList",componentId:"sc-pu16jm-4"})(templateObject_7$3$1||(templateObject_7$3$1=__makeTemplateObject(["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"],["\n  ","\n  padding: 0;\n  margin: 0 0 0 ","px;\n  list-style: none;\n"])),function(p){return p.isCollapsed&&_styled.css(templateObject_6$4$1||(templateObject_6$4$1=__makeTemplateObject(["\n      display: none;\n    "],["\n      display: none;\n    "])));},spacingX+10);_styled__default["default"].li.withConfig({displayName:"KeywordPickerGroup__KeywordItem",componentId:"sc-pu16jm-5"})(templateObject_8$3$1||(templateObject_8$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"],["\n  display: flex;\n  align-items: center;\n  margin-top: 9px;\n"])));var templateObject_1$u,templateObject_2$p,templateObject_3$j,templateObject_4$b,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a||(templateObject_4$a=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9||(templateObject_5$9=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n\n  &&&:focus::after {\n    outline-offset: -2px;\n  }\n"])));var templateObject_1$t,templateObject_2$o,templateObject_3$i,templateObject_4$a,templateObject_5$9;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
+	return {id:pageListId,showChildren:showChildren,showPages:true,showDocuments:false,pageId:pageId,keywords:keywords};}var showDocuments=showDocumentsAttribute==='true';var showPages=showPagesAttribute==='true';return {id:pageListId,showChildren:showChildren,showDocuments:showDocuments,showPages:showPages,pageId:pageId,keywords:keywords};}};var PageBreadcrumb=function PageBreadcrumb(_a){var page=_a.page,target=_a.target,languageOverride=_a.language,hideCurrentPageNode=_a.hideCurrentPageNode,className=_a.className;var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var history=ReactRouterDom.useHistory();if(!page||!page.navigationContext){return null;}var _b=getBreadcrumbsItems(page,target,handleOnClick,function(page){return getTitle(page,user,formatMessage,languageOverride);},formatMessage,hideCurrentPageNode),parentNode=_b.parentNode,breadcrumbItems=_b.breadcrumbItems;return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(LargeScreenBreadcrumb,{items:breadcrumbItems,onRenderItem:renderBreadcrumbItem,overflowIndex:1,"data-breadcrumb":true,overflowAriaLabel:formatMessage({id:'AriaLabel.otherPages'}),focusZoneProps:{handleTabKey:1}},void 0),jsxRuntime.jsx(MobileBreadcrumb,{target:target,parentNode:parentNode},void 0)]}),void 0);function renderBreadcrumbItem(item){if(item.key==='home'){return jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:item.href,"aria-label":item.text,"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0);}if(item.isCurrentItem){return jsxRuntime.jsx(BreadcrumbCurrentItem,__assign({"aria-current":"page"},{children:item.text}),void 0);}return jsxRuntime.jsx(BreadcrumbItem,__assign({to:item.href,"data-page-breadcrumb-node":item.key},{children:item.text}),void 0);}function handleOnClick(e,item){e.stopPropagation();e.preventDefault();history.push({pathname:item.href});}};var MobileBreadcrumb=function MobileBreadcrumb(_a){var target=_a.target,parentNode=_a.parentNode;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(MobileBreadcrumbHost,__assign({"data-mobile-breadcrumb":true},{children:[jsxRuntime.jsx("li",{children:jsxRuntime.jsx(BreadcrumbHomeItem,__assign({to:target,"aria-label":formatMessage({id:'Generic.home'}),"data-pages-home-icon":true},{children:jsxRuntime.jsx(HomeIcon,{iconName:"HomeSolid"},void 0)}),void 0)},void 0),parentNode&&jsxRuntime.jsxs(ParentNode,{children:[jsxRuntime.jsx(LeftChevronIcon,{iconName:"ChevronLeft"},void 0),jsxRuntime.jsx(BreadcrumbItem,__assign({to:NewsService.getNewsRoute(target,parentNode.id,parentNode.title),"data-page-breadcrumb-parent-node":parentNode.id},{children:parentNode.title}),void 0)]},void 0)]}),void 0);};var MobileBreadcrumbHost=_styled__default["default"].ul.withConfig({displayName:"PageBreadcrumb__MobileBreadcrumbHost",componentId:"sc-1m4qq1d-0"})(templateObject_1$O||(templateObject_1$O=__makeTemplateObject(["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"],["\n  display: none;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  font-size: ","px;\n\n  @media (max-width: ","px) {\n    display: flex;\n  }\n"])),fontSizeSmall,maxScreenSize.medium);var ParentNode=_styled__default["default"].li.withConfig({displayName:"PageBreadcrumb__ParentNode",componentId:"sc-1m4qq1d-1"})(templateObject_2$u||(templateObject_2$u=__makeTemplateObject(["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"],["\n  margin: 0 ","px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: ",";\n"])),spacingM,function(p){return p.theme.palette.accent;});var LeftChevronIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__LeftChevronIcon",componentId:"sc-1m4qq1d-2"})(templateObject_3$m||(templateObject_3$m=__makeTemplateObject(["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"],["\n  font-size: 10px;\n  font-weight: bold;\n  color: ",";\n"])),function(p){return p.theme.palette.accent;});var LargeScreenBreadcrumb=_styled__default["default"](officeUiFabricReact.Breadcrumb).withConfig({displayName:"PageBreadcrumb__LargeScreenBreadcrumb",componentId:"sc-1m4qq1d-3"})(templateObject_4$d||(templateObject_4$d=__makeTemplateObject(["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  && {\n    margin: 0;\n  }\n\n  .ms-Breadcrumb-chevron {\n    font-weight: bold;\n  }\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.medium);var HomeIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageBreadcrumb__HomeIcon",componentId:"sc-1m4qq1d-4"})(templateObject_5$c||(templateObject_5$c=__makeTemplateObject(["\n  padding-top: 1px;\n"],["\n  padding-top: 1px;\n"])));var BreadcrumbItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbItem",componentId:"sc-1m4qq1d-5"})(templateObject_6$6$1||(templateObject_6$6$1=__makeTemplateObject(["\n  padding: 0 ","px;\n  color: ",";\n"],["\n  padding: 0 ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.accent;});var BreadcrumbHomeItem=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageBreadcrumb__BreadcrumbHomeItem",componentId:"sc-1m4qq1d-6"})(templateObject_7$4$1||(templateObject_7$4$1=__makeTemplateObject(["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"],["\n  color: ",";\n\n  + i {\n    padding-left: ","px;\n  }\n"])),function(p){return p.theme.palette.accent;},spacingS);var BreadcrumbCurrentItem=_styled__default["default"].div.withConfig({displayName:"PageBreadcrumb__BreadcrumbCurrentItem",componentId:"sc-1m4qq1d-7"})(templateObject_8$4$1||(templateObject_8$4$1=__makeTemplateObject(["\n  padding-left: ","px;\n  color: ",";\n"],["\n  padding-left: ","px;\n  color: ",";\n"])),spacingS,function(p){return p.theme.palette.neutralSecondaryAlt;});var templateObject_1$O,templateObject_2$u,templateObject_3$m,templateObject_4$d,templateObject_5$c,templateObject_6$6$1,templateObject_7$4$1,templateObject_8$4$1;var DetailViewPageDocumentDownload=function DetailViewPageDocumentDownload(){var user=useCurrentUser();var _a=useDetailViewContext(),item=_a.item,preferredContent=_a.content;if(!item){return null;}var content=(preferredContent===null||preferredContent===void 0?void 0:preferredContent.fileInfo)?preferredContent:getContentForPage(item,user).content;if(!(content===null||content===void 0?void 0:content.fileInfo)){return null;}return jsxRuntime.jsx(PageDocumentDownloadButton,{item:item,content:content},void 0);};var PageDocumentDownloadButton=function PageDocumentDownloadButton(_a){var item=_a.item,content=_a.content,basePath=_a.basePath;var _b=useInlinePageDocument({pageId:item.id,fileId:content.fileInfo.fileId,extension:content.fileInfo.extension,title:content.title,fileName:content.fileInfo.fileName},item,basePath),fileUrl=_b.fileUrl,iconName=_b.iconName,title=_b.title,fileName=_b.fileName,onPageDocumentDownloadClick=_b.onPageDocumentDownloadClick;return jsxRuntime.jsxs(Host$i,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:"Pages.documents.buttonDownloadInfo"},void 0),jsxRuntime.jsx(DownloadButton,{fileUrl:fileUrl,fileName:fileName,title:title,fileIconName:iconName,onClick:onPageDocumentDownloadClick},void 0)]},void 0);};var Host$i=_styled__default["default"].div.withConfig({displayName:"DetailViewPageDocumentDownload__Host",componentId:"sc-1gtkslm-0"})(templateObject_1$N||(templateObject_1$N=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var DownloadButton=_styled__default["default"](InlinePageDocumentDownloadButton).withConfig({displayName:"DetailViewPageDocumentDownload__DownloadButton",componentId:"sc-1gtkslm-1"})(templateObject_2$t||(templateObject_2$t=__makeTemplateObject(["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"],["\n  margin-top: ","px;\n  @media (min-width: ","px) {\n    width: 50%;\n  }\n"])),spacingS,minScreenSize.medium);var templateObject_1$N,templateObject_2$t;_styled__default["default"](PublishableItemBanner).withConfig({displayName:"CardBanner__StyledBanner",componentId:"sc-mqzdnh-0"})(templateObject_1$M||(templateObject_1$M=__makeTemplateObject(["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"],["\n  &.video-view-container {\n    height: 100%; /* this is needed for not overlapping the card title */\n  }\n"])));var templateObject_1$M;_styled__default["default"].div.withConfig({displayName:"Card__Host",componentId:"sc-1m8ygh-0"})(templateObject_1$L||(templateObject_1$L=__makeTemplateObject(["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"],["\n  &.card {\n    display: flex;\n    background-color: white;\n    box-shadow: 1px 1px 4px grey;\n    box-sizing: border-box;\n\n    width: 100%;\n\n    margin-bottom: 10px;\n\n    &[data-packed] {\n      opacity: 1;\n    }\n\n    &.card-enter,\n    &.card-appear {\n      opacity: 0.01;\n    }\n\n    &.card-enter.card-enter-active,\n    &.card-appear.card-appear-active {\n      opacity: 1;\n      transition: opacity 0.75s ease-in;\n    }\n\n    @media all and (min-width: ","px) {\n      transition: opacity 0.75s ease-in;\n      opacity: 0;\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n\n    @media all and (min-width: ","px) {\n      width: ","px;\n    }\n  }\n"])),minScreenSize.small,cardWidthS,minScreenSize.medium,cardWidthM,minScreenSize.large,cardWidthL,minScreenSize.xLarge,cardWidthXL);_styled__default["default"].article.withConfig({displayName:"Card__Article",componentId:"sc-1m8ygh-1"})(templateObject_3$l||(templateObject_3$l=__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"],["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  ","\n\n  > .card-banner {\n    height: calc(((100vw - ","px) * (1 / ",")));\n    flex: 0 1 auto;\n  }\n\n  .card-title {\n    margin-top: 7px;\n    margin-bottom: 0;\n    font-size: 1.1em;\n  }\n\n  .card-metaInfo {\n    font-size: 0.9em;\n  }\n\n  .card-metaInfo {\n    padding-top: ","px;\n    color: #666;\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    .card-title {\n      margin-top: 7px;\n      font-size: 1.3em;\n    }\n\n    .card-metaInfo {\n      font-size: 0.9em;\n    }\n  }\n\n  @media all and (min-width: ","px) {\n    > .card-banner {\n      height: calc(","px * (1 / ","));\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n\n    @media all and (min-width: ","px) {\n      > .card-banner {\n        height: calc(","px * (1 / ","));\n      }\n    }\n  }\n"])),function(p){return p.highlight&&_styled.css(templateObject_2$s||(templateObject_2$s=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: ","px;\n        display: block;\n        background-color: ",";\n      }\n    "])),spacingXs,function(p){return p.theme.palette.accent;});},spacingM,bannerAspectRatio,spacingM,minScreenSize.small,cardWidthS,bannerAspectRatio,minScreenSize.medium,cardWidthM,bannerAspectRatio,minScreenSize.large,cardWidthL,bannerAspectRatio,minScreenSize.xLarge,cardWidthXL,bannerAspectRatio);var templateObject_1$L,templateObject_2$s,templateObject_3$l;var LanguageSelector=function LanguageSelector(props){var history=ReactRouterDom.useHistory();var currentUser=useCurrentUser();var buildPath=useSubscriptionHandlePathBuilder().buildPath;var getAllLanguagesLocalized=useLanguageApi().getAllLanguagesLocalized;var intl=useIntl();var formatMessage=intl.formatMessage;var languageDefinitions=usePromise$2(function(){return getAllLanguagesLocalized(intl);})[0];var features=useFeatures();if(languageDefinitions==null){return null;}if(props.chromeless)return jsxRuntime.jsx(ActionButton,__assign({iconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout'},className:classNames(props.className,'header-button')},{children:formatMessage({id:"Generic.languages."+props.selectedLanguage})}),void 0);return jsxRuntime.jsx(Tooltip,__assign({resourceKey:"Generic.translate"},{children:jsxRuntime.jsx(LanguageSelectorButton,{menuIconProps:{iconName:'World'},menuProps:{items:getContextualMenuItems(),className:'lt-reach-callout',isBeakVisible:props.showBeak},className:classNames(props.className,'header-button'),"data-language-selector-button":true,ariaLabel:formatMessage({id:'AriaLabel.autoTranslation'})},void 0)}),void 0);function getContextualMenuItems(){if(props.languages==null){return [];}var menuItems=[];var preferredLanguageItem=getPreferredLanguageItem();if(preferredLanguageItem){menuItems.push(preferredLanguageItem);}var activeLanguagesItems=getActiveLanguagesItems();activeLanguagesItems.sort(function(a,b){return a.text.localeCompare(b.text);});menuItems=menuItems.concat(activeLanguagesItems);if(!props.hideEditLanguagePreferences){var editLanguagePreferencesItem={key:'edit',text:formatMessage({id:'Generic.editLanguagePreferences'}),iconProps:{iconName:'PlayerSettings'},onClick:handleEditLanguagePreferences,className:'lt-reach-languageselector-menu-item'};menuItems.push(editLanguagePreferencesItem);}return menuItems;}function handleEditLanguagePreferences(){if(props.onEditLanguagePreferencesClick){props.onEditLanguagePreferencesClick();}else {history.push(buildPath('/user'));}}function getActiveLanguagesItems(){return props.languages.map(function(l){var fullLanguage=languageDefinitions.find(function(ld){return ld.code===l;});return {key:l,text:fullLanguage.localizedName,iconProps:{iconName:'World'},onClick:function(){return props.onLanguageChange(l.toString());},className:classNames('lt-reach-languageselector-menu-item',l===props.selectedLanguage&&'selected')};});}function getPreferredLanguageItem(){if(!features.automaticTranslation){return null;}if(!props.onTranslateClick){return null;}var preferredContentLanguage=getPreferredContentLanguage(currentUser);var shouldAddPreferredContentLanguage=preferredContentLanguage!=null&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguage)&&allAvailableContentLanguages.includes(preferredContentLanguage)&&props.languages.indexOf(preferredContentLanguage)<0;if(!shouldAddPreferredContentLanguage){return null;}return {key:preferredContentLanguage,text:formatMessage({id:'Generic.automaticTranslation'},{language:formatMessage({id:"Generic.languages."+preferredContentLanguage})}),iconProps:{iconName:'Robot'},onClick:function(){return props.onTranslateClick(preferredContentLanguage);},className:classNames('lt-reach-languageselector-menu-item',preferredContentLanguage===props.selectedLanguage&&'selected')};}};var LanguageSelectorButton=_styled__default["default"](IconButton).withConfig({displayName:"LanguageSelector__LanguageSelectorButton",componentId:"sc-48zwek-0"})(templateObject_1$K||(templateObject_1$K=__makeTemplateObject(["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"],["\n  && {\n    height: 100%;\n    margin: 0;\n    background-color: transparent;\n  }\n"])));var templateObject_1$K;_styled__default["default"].article.withConfig({displayName:"DetailViewArticle__Host",componentId:"sc-we2q7z-0"})(templateObject_1$J||(templateObject_1$J=__makeTemplateObject(["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"],["\n  min-width: 300px;\n  width: 100%;\n\n  flex: 1 0 auto;\n  display: flex;\n  flex-flow: column nowrap;\n\n  @media (min-width: ","px) {\n    box-shadow: 1px 1px 4px grey;\n    max-width: ","px;\n  }\n"])),minScreenSize.large+1,maxContentWidth);var templateObject_1$J;var DetailViewBanner=function DetailViewBanner(){var _a=useDetailViewContext(),item=_a.item,resourceType=_a.resourceType,isEditorPreview=_a.isEditorPreview;if(!item.bannerInfo){return null;}return jsxRuntime.jsx(Banner$3,{itemId:item.id,token:item.fileAccessToken,bannerInfo:item.bannerInfo,useEditorRoutes:isEditorPreview,width:getMaxImageWidth(),canOpenImage:true,resourceType:resourceType},void 0);};var Banner$3=_styled__default["default"](PublishableItemBanner).withConfig({displayName:"DetailViewBanner__Banner",componentId:"sc-1wuqvtw-0"})(templateObject_1$I||(templateObject_1$I=__makeTemplateObject(["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"],["\n  && {\n    height: calc(100vw * (1 / ","));\n\n    @media (min-width: ","px) {\n      height: calc(\n        (","px - (2 * ","px)) *\n          (1 / ",")\n      );\n    }\n  }\n"])),bannerAspectRatio,minScreenSize.large+1,minScreenSize.large,spacingM,bannerAspectRatio);var templateObject_1$I;var DetailViewIntro=function DetailViewIntro(){var content=useDetailViewContext().content;var hasIntro=content.intro&&content.intro.length>0;if(!hasIntro){return null;}return jsxRuntime.jsx(DetailIntro,{children:content.intro},void 0);};var DetailIntro=_styled__default["default"].p.withConfig({displayName:"DetailViewIntro__DetailIntro",componentId:"sc-1kubhyf-0"})(templateObject_1$H||(templateObject_1$H=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  font-size: ","px;\n  line-height: 26px;\n  font-weight: normal;\n\n  min-width: 100%;\n  width: 100px;\n\n  @media (min-width: ","px) {\n    margin-top: ","px;\n    margin-bottom: ","px;\n    line-height: 24px;\n    font-size: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,spacingS,spacingS+2,fontSizeMedium+2);var templateObject_1$H;var DetailMainSection=function DetailMainSection(_a){var children=_a.children;return jsxRuntime.jsx(DetailMainStyledSection,__assign({className:"detail-view-main"},{children:children}),void 0);};var DetailMainStyledSection=_styled__default["default"].section.withConfig({displayName:"DetailViewMainSection__DetailMainStyledSection",componentId:"sc-ifywhg-0"})(templateObject_1$G||(templateObject_1$G=__makeTemplateObject(["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"],["\n  position: relative;\n  flex: 1 0 auto;\n  display: flex;\n  flex-direction: column;\n  padding: ","px ","px\n    ","px;\n  font-size: 16px;\n\n  @media (min-width: ","px) {\n    padding: ","px\n      ","px ","px;\n  }\n"])),detailViewSectionPadding-5,detailViewSectionPadding,detailViewSectionPadding,minScreenSize.small,detailViewSectionPaddingLarge-10,detailViewSectionPaddingLarge,detailViewSectionPaddingLarge);var templateObject_1$G;var GutterMarkerIcon=function GutterMarkerIcon(_a){var iconName=_a.iconName,children=_a.children,isActive=_a.isActive,color=_a.color,tooltipResourceKey=_a.tooltipResourceKey,className=_a.className;return jsxRuntime.jsxs(Host$f$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$f$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Host",componentId:"sc-aa2cf4-0"})(templateObject_1$F||(templateObject_1$F=__makeTemplateObject(["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"],["\n  margin: 0;\n  display: flex;\n  align-content: center;\n"])));var StyledIcon$2$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"GutterMakerIcon__StyledIcon",componentId:"sc-aa2cf4-1"})(templateObject_2$r||(templateObject_2$r=__makeTemplateObject(["\n  font-size: 25px;\n"],["\n  font-size: 25px;\n"])));var Content$3=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__Content",componentId:"sc-aa2cf4-2"})(templateObject_3$k||(templateObject_3$k=__makeTemplateObject(["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"],["\n  flex: 1 1 auto;\n  flex-basis: 100%; /*IE fix*/\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n"])));var ActiveContent=_styled__default["default"](Content$3).withConfig({displayName:"GutterMakerIcon__ActiveContent",componentId:"sc-aa2cf4-3"})(templateObject_4$c||(templateObject_4$c=__makeTemplateObject(["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"],["\n  padding-left: 10px;\n  min-height: 50px;\n\n  border-bottom-style: solid;\n  border-bottom-width: 4px;\n"])));var IconContainer$1=_styled__default["default"].div.withConfig({displayName:"GutterMakerIcon__IconContainer",componentId:"sc-aa2cf4-4"})(templateObject_5$b||(templateObject_5$b=__makeTemplateObject(["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"],["\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: ",";\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 10px 0;\n"])),function(_a){var isActive=_a.isActive;return isActive?'50px':'auto';});var StyledTooltip=_styled__default["default"](Tooltip).withConfig({displayName:"GutterMakerIcon__StyledTooltip",componentId:"sc-aa2cf4-5"})(templateObject_6$5$1||(templateObject_6$5$1=__makeTemplateObject(["\n  && {\n    display: inherit;\n  }\n"],["\n  && {\n    display: inherit;\n  }\n"])));var templateObject_1$F,templateObject_2$r,templateObject_3$k,templateObject_4$c,templateObject_5$b,templateObject_6$5$1;var DetailViewTitle=function DetailViewTitle(){var _a=useDetailViewContext(),content=_a.content,item=_a.item;var hasAlert=hasFlag(item.knownState,KnownNewsState.Alert);return jsxRuntime.jsx(GutterMarkerIcon,__assign({iconName:"Warning",isActive:hasAlert,color:"red",tooltipResourceKey:"NewsArticle.alert"},{children:jsxRuntime.jsx(Title$4,__assign({"data-title":true},{children:content.title}),void 0)}),void 0);};var Title$4=_styled__default["default"].h1.withConfig({displayName:"DetailViewTitle__Title",componentId:"sc-1jbzvna-0"})(templateObject_1$E||(templateObject_1$E=__makeTemplateObject(["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"],["\n  color: black;\n  width: 100%;\n  font-size: ","px;\n  line-height: 29px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    font-size: 2.2em;\n    line-height: 42px;\n  }\n"])),fontSizeLarge-1,minScreenSize.small);var templateObject_1$E;_styled__default["default"](ItemMetaInfo).withConfig({displayName:"NewsDetailViewMetaInfo__DetailMetaInfo",componentId:"sc-kib7we-0"})(templateObject_1$D||(templateObject_1$D=__makeTemplateObject(["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"],["\n  display: flex;\n  font-size: ","px;\n  margin-top: 12px;\n"])),fontSizeSmall);var templateObject_1$D;var mappers=[InlineImageMapper,InlineFileMapper,InlineQuoteMapper,InlineGalleryMapper,InlineCodeMapper,InlineVideoMapper,InlineTable,InlineContactMapper,InlinePageListMapper,InlineUrlPreviewMapper];var RichTextViewer=function RichTextViewer(_a){var html=_a.html;return jsxRuntime.jsx(TextViewer,{html:html,componentMappers:mappers},void 0);};var DetailViewBody=function DetailViewBody(){var _a=useDetailViewContext(),content=_a.content,resourceType=_a.resourceType;var bodyHtml=content&&content.body;return jsxRuntime.jsx(DetailBody$1,__assign({className:"lt-reach-detail-view-body","data-item-type":resourceType},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(RichTextViewer,{html:bodyHtml},void 0)},void 0)}),void 0);};var DetailBody$1=_styled__default["default"].div.withConfig({displayName:"DetailViewBody__DetailBody",componentId:"sc-7b4trq-0"})(templateObject_1$C||(templateObject_1$C=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n\n  // So that headings have the correct semantics for accessibility (i.e. title is h1, subheadings start at h2),\n  // but maintain the same visual design, this styles each heading to look one \"step\" larger\n  // e.g. h2 looks like h1, etc.\n  && {\n    h2 {\n      font-size: ","px;\n      margin: ","px 0;\n    }\n\n    h3 {\n      font-size: ","px;\n    }\n\n    h4 {\n      font-size: ","px;\n    }\n\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin: ","px 0;\n    }\n  }\n"])),fontSizeLarge-1,spacingS+2,fontSizeLarge-3,fontSizeLarge-5,spacingS);var templateObject_1$C;var DetailViewKeywords=function DetailViewKeywords(_a){var filterBaseUrl=_a.filterBaseUrl;var features=useFeatures();var _b=useDetailViewContext(),item=_b.item,userPreferredLanguage=_b.userPreferredLanguage;var formatMessage=useIntl().formatMessage;if(!features.keywords){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.keys(item.keywords).length>0&&jsxRuntime.jsx(KeywordsSection,__assign({"aria-label":formatMessage({id:'AriaLabel.section.keywords'})},{children:jsxRuntime.jsx(KeywordsInfo,{keywords:item.keywords,language:userPreferredLanguage,filterBaseUrl:filterBaseUrl},void 0)}),void 0)},void 0);};var KeywordsSection=_styled__default["default"].section.withConfig({displayName:"DetailViewKeywords__KeywordsSection",componentId:"sc-ltysu4-0"})(templateObject_1$B||(templateObject_1$B=__makeTemplateObject(["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  margin-top: 2em;\n  display: flex;\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),maxScreenSize.medium,fontSizeSmall);var templateObject_1$B;var ConfirmationBox=function ConfirmationBox(_a){var disabled=_a.disabled,checked=_a.checked,onChange=_a.onChange;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(Host$e$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$e$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationBox__Host",componentId:"sc-1m5alil-0"})(templateObject_1$A||(templateObject_1$A=__makeTemplateObject(["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"],["\n  .ms-Checkbox-text {\n    font-weight: bold;\n    color: black;\n  }\n"])));var templateObject_1$A;var ConfirmationSection=function ConfirmationSection(_a){var item=_a.item,showDescription=_a.showDescription,readOnly=_a.readOnly,className=_a.className;var refreshStatistics=useNewsApi().refreshStatistics;var _b=useNotificationContext(),dismissToast=_b.dismissToast,showToast=_b.showToast,showError=_b.showError;var _c=useFeedbackApi(),getFeedback=_c.getFeedback,setFeedback=_c.setFeedback,unsetFeedback=_c.unsetFeedback;var _d=usePromise$2(function(){return getFeedback(ItemResourceTypes.News,item.id);}),summary=_d[0],isLoading=_d[1];var _e=React$d.useState(null),userChecked=_e[0],setChecked=_e[1];var toastHandle=React$d.useRef(null);var checked=userChecked!==null?userChecked:summary!=null&&!!summary.records.find(function(r){return r.type==='confirm';});return jsxRuntime.jsxs(Host$d$1,__assign({isLoading:isLoading,className:className},{children:[showDescription&&jsxRuntime.jsx(FormattedMessage$1,{id:"NewsArticle.confirmationRequiredDescription",tagName:"p"},void 0),jsxRuntime.jsx(StyledGutterMarkerIcon,__assign({iconName:"Completed",isActive:!isLoading&&!checked,color:"green"},{children:readOnly?jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:true},void 0):jsxRuntime.jsx(ConfirmationBox,{checked:checked,disabled:checked,onChange:handleClickConfirm},void 0)}),void 0)]}),void 0);function handleClickConfirm(){return __awaiter(this,void 0,void 0,function(){var error_1;return __generator(this,function(_a){switch(_a.label){case 0:setChecked(true);_a.label=1;case 1:_a.trys.push([1,4,,5]);return [4/*yield*/,setFeedback(ItemResourceTypes.News,item.id,'confirm')];case 2:_a.sent();toastHandle.current=showToast('NewsArticle.confirmationSuccessToast',{},jsxRuntime.jsx(officeUiFabricReact.DefaultButton,__assign({onClick:handleUndo},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.undo"},void 0)}),void 0),{autoClose:false});return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:1})];case 3:_a.sent();return [3/*break*/,5];case 4:error_1=_a.sent();logger.error(error_1);showError('Generic.error');setChecked(false);return [3/*break*/,5];case 5:return [2/*return*/];}});});}function handleUndo(){return __awaiter(this,void 0,void 0,function(){var error_2;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,3,,4]);dismissToast(toastHandle.current);toastHandle.current=null;return [4/*yield*/,unsetFeedback(ItemResourceTypes.News,item.id,'confirm')];case 1:_a.sent();return [4/*yield*/,refreshStatistics(item.id,{confirmationCount:-1})];case 2:_a.sent();setChecked(false);return [3/*break*/,4];case 3:error_2=_a.sent();logger.error(error_2);showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var Host$d$1=_styled__default["default"].div.withConfig({displayName:"ConfirmationSection__Host",componentId:"sc-1g2fxdb-0"})(templateObject_1$z||(templateObject_1$z=__makeTemplateObject(["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"],["\n  width: 100%;\n\n  opacity: ",";\n\n  > p {\n    margin: 0 0 5px ","px;\n    font-style: italic;\n  }\n\n  @media (min-width: ","px) {\n    > p {\n      margin: 0 0 ","px 0;\n    }\n  }\n\n  @media (max-width: ","px) {\n    font-size: ","px;\n  }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?0.4:1;},spacingM,minScreenSize.small,spacingS,maxScreenSize.medium,fontSizeSmall);var StyledGutterMarkerIcon=_styled__default["default"](GutterMarkerIcon).withConfig({displayName:"ConfirmationSection__StyledGutterMarkerIcon",componentId:"sc-1g2fxdb-1"})(templateObject_2$q||(templateObject_2$q=__makeTemplateObject(["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"],["\n  @media (max-width: ","px) {\n    margin: 0 ","px 0;\n  }\n"])),maxScreenSize.small,spacingM);var templateObject_1$z,templateObject_2$q;var DetailViewConfirmations=function DetailViewConfirmations(){var features=useFeatures();var _a=useDetailViewContext(),item=_a.item,isEditorPreview=_a.isEditorPreview;var formatMessage=useIntl().formatMessage;if(!showConfirmationBox()){return null;}return jsxRuntime.jsx(ConfirmationHost,__assign({"aria-label":formatMessage({id:'NewsArticle.confirmation'})},{children:jsxRuntime.jsx(ConfirmationSection,{item:item,showDescription:true,readOnly:isEditorPreview},void 0)}),void 0);function showConfirmationBox(){return features.confirmation&&item.metadata&&item.metadata.feedbackSettings&&item.metadata.feedbackSettings.feedbackOptions.indexOf('confirm')>=0;}};var ConfirmationHost=_styled__default["default"].section.withConfig({displayName:"DetailViewConfirmations__ConfirmationHost",componentId:"sc-f8jogv-0"})(templateObject_1$y||(templateObject_1$y=__makeTemplateObject(["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"],["\n  margin-bottom: ","px;\n\n  @media (min-width: ","px) {\n    padding: 0 ","px 0 ","px;\n  }\n"])),spacingL,minScreenSize.small,spacingXl,spacingXl);var templateObject_1$y;var DetailViewPageViewTracker=function DetailViewPageViewTracker(){var _a=useDetailViewContext(),resourceType=_a.resourceType,itemId=_a.itemId;usePageViewTracker(resourceType,itemId);return null;};var FeedbackButtonBookmark=function FeedbackButtonBookmark(_a){var isReadOnly=_a.isReadOnly;var _b=React$d.useContext(FeedbackButtonContext),item=_b.item,bookmarkCount=_b.statistics.bookmarkCount;return jsxRuntime.jsxs(CountButtonHost,{children:[jsxRuntime.jsx(BookmarkButton,{item:item,isReadOnly:isReadOnly},void 0),jsxRuntime.jsx(CountLabel,__assign({isDisabled:isReadOnly},{children:bookmarkCount}),void 0)]},void 0);};var NewsDetailViewFeedbackSection=function NewsDetailViewFeedbackSection(_a){var _b;var hideLikes=_a.hideLikes,hideComments=_a.hideComments,hideProfileUrl=_a.hideProfileUrl,disableLoginForPublicUser=_a.disableLoginForPublicUser;var _c=useDetailViewContext(),item=_c.item,resourceType=_c.resourceType,contentLanguage=_c.contentLanguage,isEditorPreview=_c.isEditorPreview;return jsxRuntime.jsxs(StyledFeedbackSection,__assign({item:item,language:contentLanguage,type:resourceType,feedbackSettings:(_b=item.metadata)===null||_b===void 0?void 0:_b.feedbackSettings,hideComments:hideComments,hideProfileUrl:hideProfileUrl,disableLoginForPublicUser:disableLoginForPublicUser,isReadOnly:isEditorPreview},{children:[!hideLikes&&jsxRuntime.jsx(FeedbackButtonLike,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonBookmark,{isReadOnly:isEditorPreview},void 0),!hideComments&&jsxRuntime.jsx(FeedbackButtonComments,{},void 0),jsxRuntime.jsx(FeedbackButtonViews,{},void 0),jsxRuntime.jsx(FeedbackButtonShare,{isReadOnly:isEditorPreview},void 0),jsxRuntime.jsx(FeedbackButtonConfirmations,{},void 0)]}),void 0);};var StyledFeedbackSection=_styled__default["default"](FeedbackSection).withConfig({displayName:"NewsDetailViewFeedbackSection__StyledFeedbackSection",componentId:"sc-pjpy6x-0"})(templateObject_1$x||(templateObject_1$x=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),DetailViewSectionPadding);var templateObject_1$x;var DetailViewBodyExternalContent=function DetailViewBodyExternalContent(_a){var itemType=_a.itemType;var content=useDetailViewContext().content;var externalUrl=content&&content.externalUrl;return jsxRuntime.jsx(DetailBody,__assign({className:"lt-reach-detail-view-body"},{children:jsxRuntime.jsx(ItemBodyWrapper,{children:jsxRuntime.jsx(FormattedMessageWithStyle,{id:"ExternalLink."+itemType+".navigateTo",tagName:"p",values:{url:jsxRuntime.jsx(ExternalLink$2,__assign({href:externalUrl,className:"ms-fontColor-accent",target:"_blank",rel:"noopener noreferrer"},{children:externalUrl}),void 0)}},void 0)},void 0)}),void 0);};var DetailBody=_styled__default["default"].div.withConfig({displayName:"DetailViewBodyExternalContent__DetailBody",componentId:"sc-1xjgw89-0"})(templateObject_1$w||(templateObject_1$w=__makeTemplateObject(["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"],["\n  flex: 1 0 auto;\n  box-sizing: border-box;\n  min-width: 100%;\n  width: 100px;\n  margin-top: 35px;\n"])));var templateObject_1$w;var DetailViewHeadline=function DetailViewHeadline(){var content=useDetailViewContext().content;var features=useFeatures();if(!features.contentHeadline||!content.headline){return null;}return jsxRuntime.jsx(Headline$1$1,__assign({"data-detail-view-headline":true},{children:content.headline}),void 0);};var Headline$1$1=_styled__default["default"].p.withConfig({displayName:"DetailViewHeadline__Headline",componentId:"sc-wsid06-0"})(templateObject_1$v||(templateObject_1$v=__makeTemplateObject(["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  width: 100%;\n  font-weight: bold;\n  font-size: ","px;\n  line-height: 26px;\n  margin: 0;\n\n  @media (min-width: ","px) {\n    line-height: 22px;\n    font-size: ","px;\n    margin-bottom: ","px;\n  }\n"])),fontSizeNormal,minScreenSize.small,fontSizeMedium,spacingS);var templateObject_1$v;var StateIcon=function StateIcon(_a){var status=_a.status,isActive=_a.isActive,_b=_a.width,width=_b===void 0?16:_b,activeColor=_a.activeColor;var textColors=React$d.useContext(ThemeContext$1).theme.textColors;if(status===WorkflowStatus.draft){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}else if(status===WorkflowStatus.rejected){return jsxRuntime.jsx(Draft,{width:width,color:isActive?activeColor:'#b90000'},void 0);}else if(status===WorkflowStatus.ready){return jsxRuntime.jsx(Ready,{width:width,color:isActive?activeColor||textColors.onSecondary:textColors.default},void 0);}return null;};var Draft=function Draft(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?16.25:_b;var ratio=20/16.25;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 16.25 20",enableBackground:"new 0 0 16.25 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25V0h0.89l5.36,5.361V6.25H10z M11.25,5h2.861L11.25,2.139V5z M10,0H9.25v1.25H10V0z M7.675,1.25H6.1\n\tV0h1.575V1.25z M4.525,1.25H2.95V0h1.575V1.25z M1.25,17.057H0v-1.567h1.25V17.057z M1.25,13.921H0v-1.568h1.25V13.921z\n\t M1.25,10.784H0V9.216h1.25V10.784z M1.25,7.647H0V6.08h1.25V7.647z M1.25,4.512H0V2.943h1.25V4.512z M13.375,\n\t 20h-1.5v-1.25h1.5V20z\n\t M10.375,20h-1.5v-1.25h1.5V20z M7.375,20h-1.5v-1.25h1.5V20z M4.375,20h-1.5v-1.25h1.5V20z M16.25,\n\t 16.964H15v-1.661h1.25V16.964z\n\t M16.25,13.643H15v-1.661h1.25V13.643z M16.25,10.321H15V8.66h1.25V10.321z M16.25,6.25H15V7h1.25V6.25z\n\t M1.25,18.75H0V20h1.25\n\tV18.75z M1.25,0H0v1.25h1.25V0z M16.25,18.75H15V20h1.25V18.75z"},void 0)}),void 0);};var Ready=function Ready(_a){var color=_a.color,className=_a.className,_b=_a.width,width=_b===void 0?18.564:_b;var ratio=20/18.564;return jsxRuntime.jsx("svg",__assign({className:className,version:"1.1",id:"Layer_1",x:"0px",y:"0px",width:width+"px",height:width*ratio+"px",viewBox:"0 0 18.564 20",enableBackground:"new 0 0 18.564 20"},{children:jsxRuntime.jsx("path",{fill:color,d:"M10,6.25v-5H1.25v17.5H10V20H0V0h10.889l5.361,5.361V12.5L15,13.75v-7.5H10z M18.564,14.551L13.125,20\n  \tl-2.627-2.637l0.879-0.879l1.748,1.738l4.561-4.551L18.564,14.551z M11.25,5h2.861L11.25,2.139V5z"},void 0)}),void 0);};function useCommonEditorApi(){var api=useApi();return React$d.useMemo(function(){return {list:list,getTaskViewCounts:getTaskViewCounts};function list(type,filter,token,sortDefinition){var params=Object.assign({},filter,{token:token},sortDefinition);return api.custom("editor/"+type+"?"+queryString.stringify(params)).get().then(function(res){return res.body().data();});}function getTaskViewCounts(type,groupId){return __awaiter(this,void 0,void 0,function(){var response;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,api.custom("editor/"+type+"/taskcounts?"+queryString.stringify({groupId:groupId})).get(groupId)];case 1:response=_a.sent();return [4/*yield*/,response.body().data()];case 2:return [2/*return*/,_a.sent()];}});});}},[api]);}var SortFieldsDefinitionBuilder=/** @class */function(){function SortFieldsDefinitionBuilder(){this.sort=[];}SortFieldsDefinitionBuilder.prototype.addSortField=function(field,direction){this.sort.push(field+":"+SortFieldsDefinitionBuilder.getSortDirectionAsString(direction));return this;};SortFieldsDefinitionBuilder.getSortDirectionAsString=function(direction){return direction===SortDirection.asc?'asc':'desc';};return SortFieldsDefinitionBuilder;}();var EventSortFieldsDefinitionBuilder=/** @class */function(_super){__extends(EventSortFieldsDefinitionBuilder,_super);function EventSortFieldsDefinitionBuilder(){return _super!==null&&_super.apply(this,arguments)||this;}EventSortFieldsDefinitionBuilder.create=function(){return new EventSortFieldsDefinitionBuilder();};return EventSortFieldsDefinitionBuilder;}(SortFieldsDefinitionBuilder);EventSortFieldsDefinitionBuilder.create().addSortField('startDate',SortDirection.desc);EventSortFieldsDefinitionBuilder.create().addSortField('publishingDate',SortDirection.desc);var ItemType;(function(ItemType){ItemType[ItemType["None"]=0]="None";ItemType[ItemType["News"]=1]="News";ItemType[ItemType["Post"]=2]="Post";ItemType[ItemType["Page"]=4]="Page";ItemType[ItemType["Event"]=8]="Event";})(ItemType||(ItemType={}));var BaseFilterDefinitionImpl=/** @class */function(){function BaseFilterDefinitionImpl(){}return BaseFilterDefinitionImpl;}();__spreadArray(__spreadArray([],Object.keys(new BaseFilterDefinitionImpl())),['hideChrome','teams']);_styled__default["default"].div.withConfig({displayName:"KeywordPickerGroup__Host",componentId:"sc-pu16jm-0"})(templateObject_1$u||(templateObject_1$u=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),spacingS);_styled__default["default"](ActionButton).withConfig({displayName:"KeywordPickerGroup__GroupButton",componentId:"sc-pu16jm-1"})(templateObject_2$p||(templateObject_2$p=__makeTemplateObject(["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"],["\n  && {\n    height: auto;\n    font-size: ","px;\n    padding: 0;\n    border: 0;\n\n    i {\n      font-size: ","px;\n\n      &:first-child {\n        margin: 0;\n      }\n    }\n  }\n"])),fontSizeNormal,fontSizeSmall);_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"KeywordPickerGroup__CheckMarkIcon",componentId:"sc-pu16jm-2"})(templateObject_3$j||(templateObject_3$j=__makeTemplateObject(["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"],["\n  margin-right: 6px;\n  margin-left: 12px;\n  width: 15px;\n"])));_styled__default["default"].span.withConfig({displayName:"KeywordPickerGroup__ButtonLabel",componentId:"sc-pu16jm-3"})(templateObject_5$a||(templateObject_5$a=__makeTemplateObject(["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"],["\n  display: inline-flex;\n  flex: 1 0 auto;\n\n  ","\n"])),function(p){return !p.isSelected&&_styled.css(templateObject_4$b$1||(templateObject_4$b$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$u,templateObject_2$p,templateObject_3$j,templateObject_4$b$1,templateObject_5$a,templateObject_6$4$1,templateObject_7$3$1,templateObject_8$3$1;_styled__default["default"].div.withConfig({displayName:"KeywordPicker__KeywordPickerTree",componentId:"sc-1ejjfwa-0"})(templateObject_1$t||(templateObject_1$t=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"](ToggleAllButtons).withConfig({displayName:"KeywordPicker__StyledToggleAllButtons",componentId:"sc-1ejjfwa-1"})(templateObject_2$o||(templateObject_2$o=__makeTemplateObject(["\n  padding-left: 4px;\n"],["\n  padding-left: 4px;\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__Host",componentId:"sc-1ejjfwa-2"})(templateObject_3$i||(templateObject_3$i=__makeTemplateObject(["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"],["\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  .ms-TextField-fieldGroup {\n    background: none;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"KeywordPicker__SearchHost",componentId:"sc-1ejjfwa-3"})(templateObject_4$a$1||(templateObject_4$a$1=__makeTemplateObject(["\n  position: relative;\n  margin-bottom: 8px;\n"],["\n  position: relative;\n  margin-bottom: 8px;\n"])));_styled__default["default"](IconButton).withConfig({displayName:"KeywordPicker__SearchCancelButton",componentId:"sc-1ejjfwa-4"})(templateObject_5$9$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$t,templateObject_2$o,templateObject_3$i,templateObject_4$a$1,templateObject_5$9$1;var $$2=_export;var requireObjectCoercible$1$1=requireObjectCoercible$c;var isRegExp$4=isRegexp;var getRegExpFlags=regexpFlags$1$1;var wellKnownSymbol$1=wellKnownSymbol$l;var REPLACE$2=wellKnownSymbol$1('replace');var RegExpPrototype$3=RegExp.prototype;// `String.prototype.replaceAll` method
 	// https://github.com/tc39/proposal-string-replace-all
-	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$h;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8||(templateObject_5$8=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$r,templateObject_2$m,templateObject_3$g,templateObject_4$9$1,templateObject_5$8;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$f;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$p,templateObject_2$k;_styled.createGlobalStyle(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));_styled.createGlobalStyle(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$o,templateObject_2$j,templateObject_3$e;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$n||(templateObject_1$n=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  .ms-Slider {\n    margin-bottom: 0;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Value",componentId:"sc-1o5vacm-1"})(templateObject_2$i||(templateObject_2$i=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$n,templateObject_2$i,templateObject_3$d;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$m||(templateObject_1$m=__makeTemplateObject(["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"],["\n  && {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: -3px;\n\n    &[disabled] {\n      background-color: transparent;\n    }\n  }\n"])));var templateObject_1$m;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$l||(templateObject_1$l=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$l,templateObject_2$h;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$k||(templateObject_1$k=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$c||(templateObject_3$c=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$k,templateObject_2$g,templateObject_3$c,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$j$1,templateObject_2$f;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$b||(templateObject_3$b=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$i$1,templateObject_2$e,templateObject_3$b,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
+	$$2({target:'String',proto:true},{replaceAll:function replaceAll(searchValue,replaceValue){var O=requireObjectCoercible$1$1(this);var IS_REG_EXP,flags,replacer,string,searchString,template,result,position,index;if(searchValue!=null){IS_REG_EXP=isRegExp$4(searchValue);if(IS_REG_EXP){flags=String(requireObjectCoercible$1$1('flags'in RegExpPrototype$3?searchValue.flags:getRegExpFlags.call(searchValue)));if(!~flags.indexOf('g'))throw TypeError('`.replaceAll` does not allow non-global regexes');}replacer=searchValue[REPLACE$2];if(replacer!==undefined){return replacer.call(searchValue,O,replaceValue);}}string=String(O);searchString=String(searchValue);if(searchString==='')return replaceAll.call(string,/(?:)/g,replaceValue);template=string.split(searchString);if(typeof replaceValue!=='function'){return template.join(String(replaceValue));}result=template[0];position=result.length;for(index=1;index<template.length;index++){result+=String(replaceValue(searchString,position,string));position+=searchString.length+template[index].length;result+=template[index];}return result;}});_styled__default["default"].div.withConfig({displayName:"Textarea__Host",componentId:"sc-170lrb4-0"})(templateObject_1$s||(templateObject_1$s=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"],["\n  display: flex;\n  align-items: flex-end;\n  position: relative;\n"])));_styled__default["default"].textarea.withConfig({displayName:"Textarea__StyledTextarea",componentId:"sc-170lrb4-1"})(templateObject_2$n||(templateObject_2$n=__makeTemplateObject(["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"],["\n  flex: 1 0 auto;\n  justify-content: space-between;\n  overflow: hidden;\n  resize: none;\n  min-height: 5px;\n\n  ","\n"])),InputPlaceholder('font-style: italic'));_styled__default["default"](officeUiFabricReact.IconButton).withConfig({displayName:"Textarea__StyledIconButton",componentId:"sc-170lrb4-2"})(templateObject_3$h||(templateObject_3$h=__makeTemplateObject(["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"],["\n  position: absolute;\n  bottom: 2px;\n  right: 2px;\n"])));var templateObject_1$s,templateObject_2$n,templateObject_3$h;var InsertFilesDialogHost=_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__InsertFilesDialogHost",componentId:"sc-1q7gx3n-0"})(templateObject_2$m||(templateObject_2$m=__makeTemplateObject(["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"],["\n  ","\n\n  position: relative;\n  padding: ","px;\n  text-align: center;\n\n  > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n"])),function(p){return p.isActive&&_styled.css(templateObject_1$r||(templateObject_1$r=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n\n        border: 2px black dashed;\n      }\n    "])));},spacingM);_styled__default["default"].p.withConfig({displayName:"InsertFilesButton__DragAndDropText",componentId:"sc-1q7gx3n-1"})(templateObject_3$g||(templateObject_3$g=__makeTemplateObject(["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"],["\n  font-size: ","px;\n  margin: ","px auto 0 auto;\n"])),fontSizeSmall,spacingS);_styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({displayName:"InsertFilesButton__SelectFileButton",componentId:"sc-1q7gx3n-2"})(templateObject_4$9$1||(templateObject_4$9$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"],["\n  margin-top: ","px;\n\n  span {\n    font-weight: normal;\n  }\n"])),spacingM);_styled__default["default"].div.withConfig({displayName:"InsertFilesButton__ButtonsContainer",componentId:"sc-1q7gx3n-3"})(templateObject_5$8$1||(templateObject_5$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"],["\n  display: flex;\n  flex-direction: column;\n"])));var templateObject_1$r,templateObject_2$m,templateObject_3$g,templateObject_4$9$1,templateObject_5$8$1;_styled__default["default"](InsertFilesDialogHost).withConfig({displayName:"InsertImagesButton__Host",componentId:"sc-63tjy6-0"})(templateObject_1$q||(templateObject_1$q=__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));_styled__default["default"](officeUiFabricReact.PrimaryButton).withConfig({displayName:"InsertImagesButton__StyledButton",componentId:"sc-63tjy6-1"})(templateObject_2$l||(templateObject_2$l=__makeTemplateObject(["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"],["\n  && {\n    display: block;\n    margin: 10px auto;\n    background-color: transparent;\n    color: inherit;\n    font-size: large;\n    line-height: 2em;\n    border: none;\n\n    &:hover {\n      background-color: transparent;\n      color: inherit;\n      border: 0;\n    }\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"InsertImagesButton__Text",componentId:"sc-63tjy6-2"})(templateObject_3$f||(templateObject_3$f=__makeTemplateObject(["\n  max-width: 100%;\n  font-size: large;\n"],["\n  max-width: 100%;\n  font-size: large;\n"])));var templateObject_1$q,templateObject_2$l,templateObject_3$f;_styled__default["default"].div.withConfig({displayName:"InsertVideoDialog__VideoHost",componentId:"sc-12gp7sa-0"})(templateObject_1$p||(templateObject_1$p=__makeTemplateObject(["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"],["\n  width: 100%;\n  margin-top: ","px;\n\n  .video-view-container--youtube {\n    &:after {\n      padding-bottom: calc(9 / 16 * 100%);\n    }\n  }\n"])),spacingS);_styled__default["default"](officeUiFabricReact.TextField).withConfig({displayName:"InsertVideoDialog__StyledTextField",componentId:"sc-12gp7sa-1"})(templateObject_2$k||(templateObject_2$k=__makeTemplateObject(["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"],["\n  width: 510px;\n\n  label {\n    font-weight: normal;\n  }\n"])));var templateObject_1$p,templateObject_2$k;_styled.createGlobalStyle(templateObject_1$o||(templateObject_1$o=__makeTemplateObject(["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"],["\n  .browser-name-ie {\n    button.ms-DatePicker-goToday {\n    left: 15px;\n    }\n  }\n"])));_styled.createGlobalStyle(templateObject_2$j||(templateObject_2$j=__makeTemplateObject(["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"],["\n  button.ms-DatePicker-day--today {\n    background: "," !important;\n  }\n"])),function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"DateTimePicker__Host",componentId:"sc-zzs3p0-0"})(templateObject_3$e||(templateObject_3$e=__makeTemplateObject(["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"],["\n  .ms-TextField {\n    &.is-disabled {\n      opacity: 0.5;\n    }\n    &-field {\n      ","\n    }\n\n    > &-wrapper {\n      > &-fieldGroup {\n        background: none;\n        > i {\n          color: initial;\n        }\n      }\n    }\n  }\n\n  .ms-TextField:not(:first-of-type) {\n    margin-top: 5px;\n  }\n"])),InputPlaceholder("\n        color: inherit;\n        font-style: italic;\n      "));var templateObject_1$o,templateObject_2$j,templateObject_3$e;var DateRange;(function(DateRange){DateRange[DateRange["TwoYears"]=0]="TwoYears";DateRange[DateRange["OneYear"]=1]="OneYear";DateRange[DateRange["SixMonths"]=2]="SixMonths";DateRange[DateRange["TwoMonths"]=3]="TwoMonths";DateRange[DateRange["OneMonth"]=4]="OneMonth";DateRange[DateRange["SevenDays"]=5]="SevenDays";DateRange[DateRange["YesterDay"]=6]="YesterDay";DateRange[DateRange["Today"]=7]="Today";})(DateRange||(DateRange={}));Object.keys(DateRange).length/2-1;_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Host",componentId:"sc-1o5vacm-0"})(templateObject_1$n$1||(templateObject_1$n$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$i||(templateObject_2$i=__makeTemplateObject(["\n  align-self: flex-end;\n  margin-right: 10px;\n"],["\n  align-self: flex-end;\n  margin-right: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"DateRangeSlider__Labels",componentId:"sc-1o5vacm-2"})(templateObject_3$d||(templateObject_3$d=__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"],["\n  display: flex;\n  justify-content: space-between;\n  margin: 0px 10px;\n"])));var templateObject_1$n$1,templateObject_2$i,templateObject_3$d;_styled__default["default"](IconButton).withConfig({displayName:"ExternalNewsLinkButton__StyledIconButton",componentId:"sc-txzoyq-0"})(templateObject_1$m$1||(templateObject_1$m$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$m$1;_styled__default["default"].div.withConfig({displayName:"CardStyles__Host",componentId:"sc-ovm8js-0"})(templateObject_1$l$1||(templateObject_1$l$1=__makeTemplateObject(["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"],["\n  display: block;\n  padding: 0 ","px ","px ","px;\n  flex: 1 1 auto;\n\n  &:not([data-banner='image']) {\n    position: relative;\n  }\n"])),spacingM,spacingM,spacingM);var Intro$3=_styled__default["default"].p.withConfig({displayName:"CardStyles__Intro",componentId:"sc-ovm8js-1"})(templateObject_2$h||(templateObject_2$h=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n  margin-top: ","px;\n"])),fontSizeSmall,spacingM-3);var templateObject_1$l$1,templateObject_2$h;_styled__default["default"].p.withConfig({displayName:"NewsCard__Headline",componentId:"sc-rf9b9y-0"})(templateObject_1$k$1||(templateObject_1$k$1=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n"])),fontSizeSmall);_styled__default["default"].h2.withConfig({displayName:"NewsCard__Title",componentId:"sc-rf9b9y-1"})(templateObject_2$g||(templateObject_2$g=__makeTemplateObject(["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"],["\n  display: inline-block;\n  & + .card-metaInfo {\n    padding-top: ","px !important;\n  }\n"])),spacingS);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"NewsCard__StyledNavLink",componentId:"sc-rf9b9y-2"})(templateObject_3$c$1||(templateObject_3$c$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});_styled__default["default"].div.withConfig({displayName:"NewsCard__MetaInfo",componentId:"sc-rf9b9y-3"})(templateObject_4$8$1||(templateObject_4$8$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n"])));_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsCard__Channels",componentId:"sc-rf9b9y-4"})(templateObject_5$7$1||(templateObject_5$7$1=__makeTemplateObject(["\n  display: contents;\n"],["\n  display: contents;\n"])));var templateObject_1$k$1,templateObject_2$g,templateObject_3$c$1,templateObject_4$8$1,templateObject_5$7$1;_styled__default["default"].div.withConfig({displayName:"EmptyChannelsView__Host",componentId:"sc-b5s0oy-0"})(templateObject_1$j$1||(templateObject_1$j$1=__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n\n  > p {\n    font-size: 14px;\n    margin: 0;\n    padding: 3px 0;\n  }\n"])),function(p){return p.theme.palette.neutralTertiary;});_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmptyChannelsView__StyledIcon",componentId:"sc-b5s0oy-1"})(templateObject_2$f||(templateObject_2$f=__makeTemplateObject(["\n  font-size: 100px;\n  padding: 30px 0;\n"],["\n  font-size: 100px;\n  padding: 30px 0;\n"])));var templateObject_1$j$1,templateObject_2$f;_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Host",componentId:"sc-drndfq-0"})(templateObject_1$i$1||(templateObject_1$i$1=__makeTemplateObject(["\n  position: relative;\n"],["\n  position: relative;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__Alert",componentId:"sc-drndfq-1"})(templateObject_2$e||(templateObject_2$e=__makeTemplateObject(["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"],["\n  display: flex;\n  background-color: white;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 100%;\n  margin-bottom: 10px;\n  border-bottom-width: 4px;\n  border-bottom-style: solid;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__AlertIconOuterContainer",componentId:"sc-drndfq-2"})(templateObject_3$b$1||(templateObject_3$b$1=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__IconContainer",componentId:"sc-drndfq-3"})(templateObject_4$7$1||(templateObject_4$7$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  min-height: 50px;\n  height: 100%;\n"])));_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PromotedNewsItem__StyledIcon",componentId:"sc-drndfq-4"})(templateObject_5$6$1||(templateObject_5$6$1=__makeTemplateObject(["\n  font-size: 25px;\n  color: white;\n"],["\n  font-size: 25px;\n  color: white;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__ContentContainer",componentId:"sc-drndfq-5"})(templateObject_6$3$1||(templateObject_6$3$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n"],["\n  display: flex;\n  width: 100%;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PromotedNewsItem__StyledDate",componentId:"sc-drndfq-6"})(templateObject_7$2$1||(templateObject_7$2$1=__makeTemplateObject(["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"],["\n  font-size: 0.9em;\n  color: #666;\n  margin-left: 20px;\n  min-width: 150px;\n\n  @media (max-width: ","px) {\n    display: none;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"PromotedNewsItem__Title",componentId:"sc-drndfq-7"})(templateObject_8$2$1||(templateObject_8$2$1=__makeTemplateObject(["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"],["\n  font-size: 1.1em;\n  margin-top: 0;\n  margin-bottom: 0;\n  max-width: 1000px;\n\n  @media (max-width: ","px) {\n    max-width: 700px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 450px;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 300px;\n  }\n\n  @media (max-width: ","px) {\n    margin-left: 20px;\n    max-width: 280px;\n  }\n"])),maxScreenSize.xLarge,maxScreenSize.large,maxScreenSize.medium,maxScreenSize.small);_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__BookmarkContainer",componentId:"sc-drndfq-8"})(templateObject_9$2$1||(templateObject_9$2$1=__makeTemplateObject(["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"],["\n  margin-right: 10px;\n  align-self: flex-end;\n  padding-bottom: 10px;\n"])));_styled__default["default"].div.withConfig({displayName:"PromotedNewsItem__TextContainer",componentId:"sc-drndfq-9"})(templateObject_10$1$1||(templateObject_10$1$1=__makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"],["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 10px 0;\n"])));var templateObject_1$i$1,templateObject_2$e,templateObject_3$b$1,templateObject_4$7$1,templateObject_5$6$1,templateObject_6$3$1,templateObject_7$2$1,templateObject_8$2$1,templateObject_9$2$1,templateObject_10$1$1;function useTranslateApi(){var api=useApi();return React$d.useMemo(function(){return {translateContents:translateContents};function translateContents(type,itemId,language){return api.custom(type+"/"+itemId+"/contents/"+language).get().then(function(res){return res.body().data();});}},[api]);}var $$1$1=_export;var getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f;var toLength$2=toLength$b;var notARegExp=notARegexp;var requireObjectCoercible$d=requireObjectCoercible$c;var correctIsRegExpLogic=correctIsRegexpLogic;var nativeEndsWith=''.endsWith;var min$1=Math.min;var CORRECT_IS_REGEXP_LOGIC=correctIsRegExpLogic('endsWith');// https://github.com/zloirock/core-js/pull/702
 	var MDN_POLYFILL_BUG=!CORRECT_IS_REGEXP_LOGIC&&!!function(){var descriptor=getOwnPropertyDescriptor(String.prototype,'endsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.endsWith` method
 	// https://tc39.github.io/ecma262/#sec-string.prototype.endswith
-	$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$d||(templateObject_2$d=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryFindHighlight(highlights,preferredLanguage){if(!highlights){return null;}return highlights.find(function(h){return h.language===preferredLanguage;})||highlights[0];}var templateObject_1$h$1,templateObject_2$d;var PageTitle=function PageTitle(_a){var page=_a.page,title=_a.title,search=_a.search,className=_a.className;var user=useCurrentUser();var isDocument=page.pageType===PageType.Document;var language=getLanguageForPage(page,user);var buildPath=useSubscriptionHandlePathBuilder().buildPath;var handleExternalContentClick=useExternalContentClickHandler();var pageTitle=jsxRuntime.jsx(jsxRuntime.Fragment,{children:search?jsxRuntime.jsx(TitleHighlight,{search:search,title:title,page:page},void 0):title},void 0);if(page.useExternalContent){var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(page,preferredContentLanguage);var targetRoute=NewsService.getNewsRoute(buildPath('/pages'),page.id,title);return jsxRuntime.jsx(Title$1$1,{children:jsxRuntime.jsxs(StyledNavLink,__assign({to:targetRoute,onClick:function(e){return handleExternalContentClick(e,page,ItemResourceTypes.Pages);}},{children:[pageTitle,jsxRuntime.jsx(ExternalContentIcon,{tooltipResourceKey:'ExternalLinkButton.pages.navigateTo',tooltipResourceValues:url},void 0)]}),void 0)},void 0);}return jsxRuntime.jsxs(Title$1$1,__assign({className:className},{children:[isDocument&&jsxRuntime.jsx(FileIcon,{iconName:getFileIconByExtension(page.contents[language].fileInfo.extension)},void 0),pageTitle]}),void 0);};var TitleHighlight=function TitleHighlight(_a){var _b;var search=_a.search,title=_a.title,page=_a.page;var user=useCurrentUser();var preferredLanguage=NewsService.getLanguageForContent(page.contents,user);var titleHighlight=tryFindHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"],["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$c||(templateObject_2$c=__makeTemplateObject(["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"],["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$g$1,templateObject_2$c,templateObject_3$a$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"],["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"],["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"],["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n  align-self: flex-start;\n  z-index: 1;\n"],["\n  align-self: flex-start;\n  z-index: 1;\n"])));var templateObject_1$f$1,templateObject_2$b$1,templateObject_3$9$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$e$1||(templateObject_1$e$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"],["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$a$1||(templateObject_2$a$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  ","\n"],["\n  padding: 0;\n  margin: 0;\n  ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"],["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$1=__makeTemplateObject(["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"],["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$9$1||(templateObject_2$9$1=__makeTemplateObject(["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$7$1||(templateObject_3$7$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n  flex: 1 1 auto;\n  width: ","%;\n"],["\n  flex: 1 1 auto;\n  width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var templateObject_1$d$1,templateObject_2$9$1,templateObject_3$7$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
+	$$1$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{endsWith:function endsWith(searchString/* , endPosition = @length */){var that=String(requireObjectCoercible$d(this));notARegExp(searchString);var endPosition=arguments.length>1?arguments[1]:undefined;var len=toLength$2(that.length);var end=endPosition===undefined?len:min$1(toLength$2(endPosition),len);var search=String(searchString);return nativeEndsWith?nativeEndsWith.call(that,search,end):that.slice(end-search.length,end)===search;}});var SearchHighlighter=function SearchHighlighter(_a){var highlight=_a.highlight;if(!highlight){return null;}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:highlight.texts.map(function(t){return jsxRuntime.jsxs(TextEntry,__assign({highlight:t.type==='hit'},{children:[t.value.startsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null,t.value.trim(),t.value.endsWith(' ')?jsxRuntime.jsx(jsxRuntime.Fragment,{children:"\u00A0"},void 0):null]}),void 0);})},void 0);};var TextEntry=_styled__default["default"].span.withConfig({displayName:"SearchHighlighter__TextEntry",componentId:"sc-1a25f6p-0"})(templateObject_2$d$1||(templateObject_2$d$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),function(p){return p.highlight&&_styled.css(templateObject_1$h$1||(templateObject_1$h$1=__makeTemplateObject(["\n      background-color: yellow;\n    "],["\n      background-color: yellow;\n    "])));});function tryFindHighlight(highlights,preferredLanguage){if(!highlights){return null;}return highlights.find(function(h){return h.language===preferredLanguage;})||highlights[0];}var templateObject_1$h$1,templateObject_2$d$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=tryFindHighlight((_b=page.searchHighlights)===null||_b===void 0?void 0:_b.title,preferredLanguage);if(titleHighlight){return jsxRuntime.jsx(SearchHighlighter,{highlight:titleHighlight},void 0);}return jsxRuntime.jsx(Highlighter,{searchWords:[search],autoEscape:true,textToHighlight:title},void 0);};var Title$1$1=_styled__default["default"].h2.withConfig({displayName:"PageTitle__Title",componentId:"sc-gsx6ad-0"})(templateObject_1$g$1||(templateObject_1$g$1=__makeTemplateObject(["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"],["\n  display: flex;\n  margin: ","px 0 ","px 0;\n  font-weight: bold;\n  font-size: ","px;\n  padding: 0;\n"])),spacingS+5,spacingS,fontSizeMedium);var FileIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PageTitle__FileIcon",componentId:"sc-gsx6ad-1"})(templateObject_2$c$1||(templateObject_2$c$1=__makeTemplateObject(["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"],["\n  font-size: ","px;\n  margin-right: ","px;\n  align-self: flex-start;\n"])),fontSizeMedium+4,spacingS);var StyledNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PageTitle__StyledNavLink",componentId:"sc-gsx6ad-2"})(templateObject_3$a$1||(templateObject_3$a$1=__makeTemplateObject(["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"],["\n  && {\n    position: relative;\n    z-index: 1;\n    color: ",";\n    display: block;\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$g$1,templateObject_2$c$1,templateObject_3$a$1;_styled__default["default"].div.withConfig({displayName:"PageCard__PageModifiedInfo",componentId:"sc-13xtreq-0"})(templateObject_1$f$1||(templateObject_1$f$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageTitle).withConfig({displayName:"PageCard__StyledPageTitle",componentId:"sc-13xtreq-1"})(templateObject_2$b$1||(templateObject_2$b$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"],["\n  && {\n    margin: 0;\n    flex: 1 1 auto;\n  }\n"])));_styled__default["default"](Intro$3).withConfig({displayName:"PageCard__StyledIntro",componentId:"sc-13xtreq-2"})(templateObject_3$9$1||(templateObject_3$9$1=__makeTemplateObject(["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"],["\n  && {\n    margin-top: ","px;\n    margin-bottom: ","px;\n  }\n"])),spacingS,spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Keywords",componentId:"sc-13xtreq-3"})(templateObject_4$6$1||(templateObject_4$6$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"],["\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageCard__Inner",componentId:"sc-13xtreq-4"})(templateObject_5$5$1||(templateObject_5$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"],["\n  display: flex;\n  align-items: center;\n  margin: ","px 0 ","px 0;\n"])),spacingM,spacingS);_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"PageCard__StyledDocumentDownloadButton",componentId:"sc-13xtreq-5"})(templateObject_6$2$1||(templateObject_6$2$1=__makeTemplateObject(["\n  align-self: flex-start;\n  z-index: 1;\n"],["\n  align-self: flex-start;\n  z-index: 1;\n"])));var templateObject_1$f$1,templateObject_2$b$1,templateObject_3$9$1,templateObject_4$6$1,templateObject_5$5$1,templateObject_6$2$1;_styled__default["default"].p.withConfig({displayName:"PageListItemBody__FullContent",componentId:"sc-7voum-0"})(templateObject_1$e$1||(templateObject_1$e$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"],["\n  padding: 0;\n  margin: 0 0 ","px 0;\n  font-size: ","px;\n  line-height: 1.5;\n"])),spacingM-5,fontSizeSmall);_styled__default["default"].div.withConfig({displayName:"PageListItemBody__CutContentContainer",componentId:"sc-7voum-1"})(templateObject_2$a$1||(templateObject_2$a$1=__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ","px;\n"])),spacingM-5);_styled__default["default"].p.withConfig({displayName:"PageListItemBody__CutContent",componentId:"sc-7voum-2"})(templateObject_3$8$1||(templateObject_3$8$1=__makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  ","\n"],["\n  padding: 0;\n  margin: 0;\n  ","\n"])),LineClamp(5,fontSizeSmall,1.5));_styled__default["default"](ActionButton).withConfig({displayName:"PageListItemBody__StyledActionButton",componentId:"sc-7voum-3"})(templateObject_4$5$1||(templateObject_4$5$1=__makeTemplateObject(["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"],["\n  && {\n    height: auto;\n    margin: 0 0 0 auto;\n    padding: ","px ","px 0 ","px;\n    font-size: ","px;\n    z-index: 1;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n"])),spacingXs,spacingXs,spacingXs,fontSizeSmaller);var templateObject_1$e$1,templateObject_2$a$1,templateObject_3$8$1,templateObject_4$5$1;_styled__default["default"].div.withConfig({displayName:"PageListItem__Host",componentId:"sc-lz5d51-0"})(templateObject_1$d$1||(templateObject_1$d$1=__makeTemplateObject(["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"],["\n  ",";\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  width: 100%;\n\n  padding: ","px;\n"])),CardBorderInline(2,2),spacingM);_styled__default["default"].div.withConfig({displayName:"PageListItem__Keywords",componentId:"sc-lz5d51-1"})(templateObject_2$9$1||(templateObject_2$9$1=__makeTemplateObject(["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  position: relative;\n  font-size: ","px;\n  color: ",";\n  padding-bottom: ","px;\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;},spacingS);_styled__default["default"].div.withConfig({displayName:"PageListItem__LastUpdated",componentId:"sc-lz5d51-2"})(templateObject_3$7$1||(templateObject_3$7$1=__makeTemplateObject(["\n  font-size: ","px;\n  color: ",";\n"],["\n  font-size: ","px;\n  color: ",";\n"])),fontSizeSmall,function(p){return p.theme.palette.neutralSecondaryAlt;});_styled__default["default"](PageBreadcrumb).withConfig({displayName:"PageListItem__StyledPageBreadcrumb",componentId:"sc-lz5d51-3"})(templateObject_4$4$1||(templateObject_4$4$1=__makeTemplateObject(["\n  flex: 1 1 auto;\n  width: ","%;\n"],["\n  flex: 1 1 auto;\n  width: ","%;\n"])),function(p){return p.maxWidth;});_styled__default["default"].div.withConfig({displayName:"PageListItem__Inner",componentId:"sc-lz5d51-4"})(templateObject_5$4$1||(templateObject_5$4$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var templateObject_1$d$1,templateObject_2$9$1,templateObject_3$7$1,templateObject_4$4$1,templateObject_5$4$1;var PagesDetailViewNavigation=function PagesDetailViewNavigation(_a){var basePath=_a.basePath,navigationContext=_a.navigationContext,activePageId=_a.activePageId,className=_a.className;var features=useFeatures();var user=useCurrentUser();if(!features.inPageNavigation){return null;}var currentPage=navigationContext.siblings.find(function(s){return s.id===activePageId;});if(currentPage==null){return null;}// sort by group and position only the root pages
 	var pages=!navigationContext.parent||!navigationContext.parent.id?sortPageNodesByGroupAndPosition(user.groups,navigationContext.siblings):navigationContext.siblings;var previousPage=getSibling(-1);var nextPage=getSibling(1);return jsxRuntime.jsxs(Host$2$1,__assign({className:className,"data-detail-page-navigation":activePageId},{children:[previousPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:false,basePath:basePath,page:previousPage,icon:"ChevronLeftSmall","data-detail-page-navigation-previous-node":previousPage.id,"data-detail-page-navigation-node":previousPage.id},void 0),nextPage&&jsxRuntime.jsx(PageLinkButton,{isNextNode:true,className:"next-page-link-button",basePath:basePath,page:nextPage,icon:"ChevronRightSmall","data-detail-page-navigation-next-node":nextPage.id,"data-detail-page-navigation-node":nextPage.id},void 0)]}),void 0);function getSibling(offset){var index=pages.findIndex(function(s){return s.id===activePageId;});return pages[index+offset];}};var Host$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Host",componentId:"sc-19ae9g3-0"})(templateObject_1$c$1||(templateObject_1$c$1=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n"])));var PageLinkButton=function PageLinkButton(_a){var basePath=_a.basePath,page=_a.page,icon=_a.icon,isNextNode=_a.isNextNode,className=_a.className,props=__rest(_a,["basePath","page","icon","isNextNode","className"]);var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var title=getTitle(page,user,formatMessage);return jsxRuntime.jsxs(Link,__assign({to:getUrl(),className:className},{children:[!isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0),jsxRuntime.jsx(Content$2$1,__assign({},props,{isNextNode:isNextNode},{children:jsxRuntime.jsx("div",__assign({title:title},{children:title}),void 0)}),void 0),isNextNode&&jsxRuntime.jsx(LinkIcon,{iconName:icon},void 0)]}),void 0);function getUrl(){var baseUrl=NewsService.getNewsRoute(basePath,page.id,title);return page.useExternalContent?baseUrl+"?"+queryString.stringify({noRedirect:true}):baseUrl;}};var Link=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesDetailViewNavigation__Link",componentId:"sc-19ae9g3-1"})(templateObject_2$8$1||(templateObject_2$8$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin-bottom: 2px;\n\n  max-width: 45%;\n  width: auto;\n  border-radius: 5px;\n\n  &.next-page-link-button {\n    margin-left: auto;\n  }\n\n  @media (max-width: ","px) {\n    max-width: 100% !important;\n    margin-bottom: ","px;\n  }\n\n  background-color: ",";\n  && {\n    color: ",";\n  }\n"])),spacingS,spacingS,maxScreenSize.small,spacingS,function(p){return p.theme.palette.neutralLight;},function(p){return p.theme.textColors.default;});var LinkIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"PagesDetailViewNavigation__LinkIcon",componentId:"sc-19ae9g3-2"})(templateObject_3$6$1||(templateObject_3$6$1=__makeTemplateObject(["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"],["\n  && {\n    display: flex;\n    justify-content: center;\n    font-size: ","px;\n    padding: 0 ","px;\n  }\n"])),fontSizeNormal,spacingM);var Content$2$1=_styled__default["default"].div.withConfig({displayName:"PagesDetailViewNavigation__Content",componentId:"sc-19ae9g3-3"})(templateObject_5$3$1||(templateObject_5$3$1=__makeTemplateObject(["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"],["\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  padding-right: 23px;\n\n  white-space: nowrap;\n  overflow: hidden;\n\n  div {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  ","\n"])),function(p){return p.isNextNode&&_styled.css(templateObject_4$3$1||(templateObject_4$3$1=__makeTemplateObject(["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "],["\n      margin-left: auto;\n      padding-left: 23px;\n      padding-right: 0;\n    "])));});var templateObject_1$c$1,templateObject_2$8$1,templateObject_3$6$1,templateObject_4$3$1,templateObject_5$3$1;_styled__default["default"](Dropdown).withConfig({displayName:"PagesGroupsSelector__StyledDropdown",componentId:"sc-13yd888-0"})(templateObject_1$b$1||(templateObject_1$b$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PagesGroupsSelector__DropdownOption",componentId:"sc-13yd888-1"})(templateObject_2$7$1||(templateObject_2$7$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$5$1||(templateObject_3$5$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$b$1,templateObject_2$7$1,templateObject_3$5$1;_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Host",componentId:"sc-1z0rxrb-0"})(templateObject_1$a$1||(templateObject_1$a$1=__makeTemplateObject(["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"],["\n  width: 400px;\n\n  @media (max-width: ","px) {\n    width: 100%;\n  }\n"])),maxScreenSize.small);_styled__default["default"].h2.withConfig({displayName:"GroupNotificationsSettings__Title",componentId:"sc-1z0rxrb-1"})(templateObject_2$6$1||(templateObject_2$6$1=__makeTemplateObject(["\n  margin-top: 0;\n"],["\n  margin-top: 0;\n"])));_styled__default["default"].div.withConfig({displayName:"GroupNotificationsSettings__Infos",componentId:"sc-1z0rxrb-2"})(templateObject_3$4$1||(templateObject_3$4$1=__makeTemplateObject(["\n  color: ",";\n  padding-left: 55px;\n"],["\n  color: ",";\n  padding-left: 55px;\n"])),function(p){return p.theme.palette.neutralTertiaryAlt;});var templateObject_1$a$1,templateObject_2$6$1,templateObject_3$4$1;function getPostGroups(user){return getGroupsWithExplicitMinRole(GroupRoles.LimitedReader,user,function(g){return g.allowPosts;});}function getPostsBaseRoute(post,user){var _a;var postGroups=getPostGroups(user);var subscriptionHandle=(_a=user.subscription.subscriptionHandle)!==null&&_a!==void 0?_a:user.subscription.id;return postGroups.length>1?"/"+subscriptionHandle+"/posts/groups/"+((post===null||post===void 0?void 0:post.groupId)||''):"/"+subscriptionHandle+"/posts";}function getPostsHashtagFilterRoute(post,user,hashtag){return getPostsBaseRoute(post,user)+"?"+queryString.stringify({search:""+hashtag});}var PostReplies=function PostReplies(_a){var className=_a.className,post=_a.post,comments=_a.comments,initialPageSize=_a.initialPageSize,autoFocusReplyField=_a.autoFocusReplyField,onReplyAdded=_a.onReplyAdded,onReplyDeleted=_a.onReplyDeleted,onThreadReply=_a.onThreadReply;var user=useCurrentUser();var searchPostMentionUsers=usePostsApi().searchPostMentionUsers;if(!post||!post.id){return null;}return jsxRuntime.jsx(StyledPagedCommentsSection,{className:className,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},type:ItemResourceTypes.Posts,scope:ConversationScope.Posts,itemId:post.id,groupIds:[post.groupId],readOnly:false,pageSize:5,initialPageSize:initialPageSize,initialComments:comments,onCommentAdded:onReplyAdded,onCommentDeleted:onReplyDeleted,noItemsYetStringResourceKey:"Posts.replies.empty",autoFocusReplyField:autoFocusReplyField,baseAttachmentPath:"/posts/"+post.id+"/comments",getHashtagFilterRoute:function(hashtag){return getPostsHashtagFilterRoute(post,user,hashtag);},onThreadReply:onThreadReply},post.id);};var StyledPagedCommentsSection=_styled__default["default"](PagedCommentsSection).withConfig({displayName:"PostReplies__StyledPagedCommentsSection",componentId:"sc-8mrgcg-0"})(templateObject_1$9$1||(templateObject_1$9$1=__makeTemplateObject(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"],["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  > div {\n    width: 100%;\n  }\n"])));var templateObject_1$9$1;var PostEditor=function PostEditor(_a){var className=_a.className,post=_a.post,onBeforeSave=_a.onBeforeSave,onSaved=_a.onSaved,onCancel=_a.onCancel,keywordSettings=_a.keywordSettings;var features=useFeatures();var _b=usePostsApi(),searchPostMentionUsers=_b.searchPostMentionUsers,updatePost=_b.updatePost;var _c=React$d.useContext(LazySubscriptionContext),allKeywords=_c.allKeywords,keywordsByGroupId=_c.keywordsByGroupId;var _d=useNotificationContext(),showToast=_d.showToast,showError=_d.showError;if(allKeywords==null||keywordsByGroupId==null){return null;}return jsxRuntime.jsx(EditCommentWithAttachments,{className:className,onCancel:onCancel,content:post.content,onSave:handleSavePost,mentionSearchHandler:function(text){return searchPostMentionUsers(text,post.groupId);},inputTheme:"dark",item:post,basePath:'/posts',allowKeywords:features.keywords&&features.postKeywords,availableKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords,mandatoryKeywords:keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords,keywords:post.keywords,saveOnCtrlEnter:true},void 0);function handleSavePost(newContent,attachments,keywords){return __awaiter(this,void 0,void 0,function(){var updatedPost,error_1;return __generator(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,,3]);onBeforeSave(__assign(__assign({},post),{content:newContent,attachments:attachments,keywords:keywords}));return [4/*yield*/,updatePost(post.id,newContent,attachments,keywords)];case 1:updatedPost=_a.sent();onSaved(updatedPost);showToast('Posts.successfullyUpdated');return [3/*break*/,3];case 2:error_1=_a.sent();logger.error(error_1);showError('Generic.error');return [3/*break*/,3];case 3:return [2/*return*/];}});});}};_styled__default["default"](IconButton).withConfig({displayName:"PostFollowButton__StyledIconButton",componentId:"sc-1i97syp-0"})(templateObject_1$8$1||(templateObject_1$8$1=__makeTemplateObject(["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"],["\n  && {\n    margin: 0;\n    font-size: inherit;\n\n    &[disabled] {\n      background: transparent;\n    }\n  }\n\n  i {\n    font-size: 20px;\n  }\n  user-select: none;\n"])));var templateObject_1$8$1;var PostGroup=function PostGroup(_a){var groupId=_a.groupId,to=_a.to,className=_a.className;var intl=useIntl();var user=useCurrentUser();var group=user.groups.find(function(g){return g.id===groupId;});var groupName=getGroupName(group,user,intl);return jsxRuntime.jsx(Group,__assign({"data-post-group":groupId,title:groupName,to:to,className:className},{children:jsxRuntime.jsx("span",{children:groupName},void 0)}),void 0);};var Group=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroup__Group",componentId:"sc-182l34m-0"})(templateObject_1$7$1||(templateObject_1$7$1=__makeTemplateObject(["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"],["\n  font-size: ","px;\n  height: 100%;\n\n  span {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  ","\n"])),fontSizeSmall,function(){return HighlightBubble();});var templateObject_1$7$1;_styled__default["default"].div.withConfig({displayName:"PostDisplay__Host",componentId:"sc-1tope3b-0"})(templateObject_1$6$1||(templateObject_1$6$1=__makeTemplateObject(["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"],["\n  ",";\n\n  position: relative;\n\n  // TODO: The font-sizes should be cleaned up as well,\n  // there are too many different places where these are set\n  // We set it here to 14px in order to have the same font-size as in the comment editor / comment input\n  font-size: ","px;\n  line-height: ","px;\n\n  display: flex;\n  flex-direction: column;\n  .ms-layer {\n    display: none;\n  }\n"])),CardBorderInline(2,2),fontSizeSmall,spacingM);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Header",componentId:"sc-1tope3b-1"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n"],["\n  display: flex;\n  align-items: flex-start;\n"])));var avatarWidth=40;var maxButtonsWidth=120;// max 4 buttons at 30 px each (translate, notifications, like and context menu)
-	var paddingLeft=spacingS;var postGroupWidth=250;var postGroupWidthSmall=215;_styled__default["default"].div.withConfig({displayName:"PostDisplay__HeaderMetadata",componentId:"sc-1tope3b-2"})(templateObject_3$3$1||(templateObject_3$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"])),fontSizeSmall,paddingLeft,avatarWidth,maxButtonsWidth,paddingLeft,function(p){return p.addSafetySpace?postGroupWidth:0;},maxScreenSize.medium,avatarWidth,maxButtonsWidth,paddingLeft);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Content",componentId:"sc-1tope3b-3"})(templateObject_4$2$1||(templateObject_4$2$1=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__ActionButtons",componentId:"sc-1tope3b-4"})(templateObject_5$2$1||(templateObject_5$2$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__PostDisplayName",componentId:"sc-1tope3b-5"})(templateObject_6$1$1||(templateObject_6$1$1=__makeTemplateObject(["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PostDisplay__PostDateTime",componentId:"sc-1tope3b-6"})(templateObject_7$1$1||(templateObject_7$1$1=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);_styled__default["default"](ActionButton).withConfig({displayName:"PostDisplay__AddReplyButton",componentId:"sc-1tope3b-7"})(templateObject_8$1$1||(templateObject_8$1$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"],["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"])),spacingM,function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"PostDisplay__InnerHost",componentId:"sc-1tope3b-8"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"],["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),postsSectionPadding,function(p){return p.highlight&&_styled.css(templateObject_9$1$1||(templateObject_9$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.accent;});});_styled__default["default"](PostReplies).withConfig({displayName:"PostDisplay__StyledPostComments",componentId:"sc-1tope3b-9"})(templateObject_11$8||(templateObject_11$8=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});_styled__default["default"](PostEditor).withConfig({displayName:"PostDisplay__StyledPostEditor",componentId:"sc-1tope3b-10"})(templateObject_12$7||(templateObject_12$7=__makeTemplateObject(["\n  margin-top: 7px;\n  position: relative;\n"],["\n  margin-top: 7px;\n  position: relative;\n"])));_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostDisplay__PostLink",componentId:"sc-1tope3b-11"})(templateObject_13$6||(templateObject_13$6=__makeTemplateObject(["\n  display: block;\n  width: 100%;\n"],["\n  display: block;\n  width: 100%;\n"])));_styled__default["default"](PostGroup).withConfig({displayName:"PostDisplay__StyledPostGroup",componentId:"sc-1tope3b-12"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject(["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"],["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"])),spacingM,postGroupWidth,maxScreenSize.medium,spacingS,postGroupWidthSmall);_styled__default["default"](LikeButton).withConfig({displayName:"PostDisplay__StyledLikeButton",componentId:"sc-1tope3b-13"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"],["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"])));_styled__default["default"](ImagesAndFilesList).withConfig({displayName:"PostDisplay__StyledImagesAndFilesList",componentId:"sc-1tope3b-14"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](IconButton).withConfig({displayName:"PostDisplay__MenuButton",componentId:"sc-1tope3b-15"})(templateObject_17$5||(templateObject_17$5=__makeTemplateObject(["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"],["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"])));_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostDisplay__StyledKeywordsInfo",componentId:"sc-1tope3b-16"})(templateObject_18$4||(templateObject_18$4=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](ThreadView).withConfig({displayName:"PostDisplay__StyledThreadView",componentId:"sc-1tope3b-17"})(templateObject_19$4||(templateObject_19$4=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});var templateObject_1$6$1,templateObject_2$5$1,templateObject_3$3$1,templateObject_4$2$1,templateObject_5$2$1,templateObject_6$1$1,templateObject_7$1$1,templateObject_8$1$1,templateObject_9$1$1,templateObject_10$d,templateObject_11$8,templateObject_12$7,templateObject_13$6,templateObject_14$6,templateObject_15$6,templateObject_16$6,templateObject_17$5,templateObject_18$4,templateObject_19$4;_styled__default["default"](Dropdown).withConfig({displayName:"PostGroupsSelector__StyledDropdown",componentId:"sc-g6rhck-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroupsSelector__DropdownOption",componentId:"sc-g6rhck-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$5$1,templateObject_2$4$1,templateObject_3$2$1;var isArray$1=isArray$3;var toLength$1=toLength$b;var bind=functionBindContext;// `FlattenIntoArray` abstract operation
+	var paddingLeft=spacingS;var postGroupWidth=250;var postGroupWidthSmall=215;_styled__default["default"].div.withConfig({displayName:"PostDisplay__HeaderMetadata",componentId:"sc-1tope3b-2"})(templateObject_3$3$1||(templateObject_3$3$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"],["\n  display: flex;\n  align-items: center;\n\n  font-size: ","px;\n  padding-left: ","px;\n  max-width: calc(\n    100% - ","px - ","px - ","px -\n      ","px\n  );\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    max-width: calc(\n      100% - ","px - ","px - ","px\n    );\n  }\n"])),fontSizeSmall,paddingLeft,avatarWidth,maxButtonsWidth,paddingLeft,function(p){return p.addSafetySpace?postGroupWidth:0;},maxScreenSize.medium,avatarWidth,maxButtonsWidth,paddingLeft);_styled__default["default"].div.withConfig({displayName:"PostDisplay__Content",componentId:"sc-1tope3b-3"})(templateObject_4$2$1||(templateObject_4$2$1=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__ActionButtons",componentId:"sc-1tope3b-4"})(templateObject_5$2$1||(templateObject_5$2$1=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"],["\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n"])));_styled__default["default"].div.withConfig({displayName:"PostDisplay__PostDisplayName",componentId:"sc-1tope3b-5"})(templateObject_6$1$1||(templateObject_6$1$1=__makeTemplateObject(["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"],["\n  font-weight: bold;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));_styled__default["default"](DateTime).withConfig({displayName:"PostDisplay__PostDateTime",componentId:"sc-1tope3b-6"})(templateObject_7$1$1||(templateObject_7$1$1=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);_styled__default["default"](ActionButton).withConfig({displayName:"PostDisplay__AddReplyButton",componentId:"sc-1tope3b-7"})(templateObject_8$1$1||(templateObject_8$1$1=__makeTemplateObject(["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"],["\n  margin-top: ","px;\n\n  && {\n    height: auto;\n    min-height: 20px;\n    border: none;\n    padding: 0;\n    color: ",";\n    align-self: flex-start;\n  }\n"])),spacingM,function(p){return p.theme.palette.accent;});_styled__default["default"].div.withConfig({displayName:"PostDisplay__InnerHost",componentId:"sc-1tope3b-8"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"],["\n  position: relative;\n  padding: ","px;\n  display: flex;\n  flex-direction: column;\n\n  ","\n"])),postsSectionPadding,function(p){return p.highlight&&_styled.css(templateObject_9$1$1||(templateObject_9$1$1=__makeTemplateObject(["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "],["\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 6px;\n        display: block;\n        background-color: ",";\n      }\n    "])),function(p){return p.theme.palette.accent;});});_styled__default["default"](PostReplies).withConfig({displayName:"PostDisplay__StyledPostComments",componentId:"sc-1tope3b-9"})(templateObject_11$8||(templateObject_11$8=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});_styled__default["default"](PostEditor).withConfig({displayName:"PostDisplay__StyledPostEditor",componentId:"sc-1tope3b-10"})(templateObject_12$7||(templateObject_12$7=__makeTemplateObject(["\n  margin-top: 7px;\n  position: relative;\n"],["\n  margin-top: 7px;\n  position: relative;\n"])));_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostDisplay__PostLink",componentId:"sc-1tope3b-11"})(templateObject_13$6||(templateObject_13$6=__makeTemplateObject(["\n  display: block;\n  width: 100%;\n"],["\n  display: block;\n  width: 100%;\n"])));_styled__default["default"](PostGroup).withConfig({displayName:"PostDisplay__StyledPostGroup",componentId:"sc-1tope3b-12"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject(["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"],["\n  margin-left: ","px;\n  max-width: ","px;\n\n  @media (max-width: ","px) {\n    margin-left: 0;\n    margin-top: ","px;\n    max-width: ","px;\n    align-self: flex-start;\n  }\n"])),spacingM,postGroupWidth,maxScreenSize.medium,spacingS,postGroupWidthSmall);_styled__default["default"](LikeButton).withConfig({displayName:"PostDisplay__StyledLikeButton",componentId:"sc-1tope3b-13"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject(["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"],["\n  min-width: 1px;\n  margin: 0;\n  margin-right: 0 !important; /* IE fix */\n  padding: 0 4px;\n  i {\n    font-size: 20px;\n  }\n"])));_styled__default["default"](ImagesAndFilesList).withConfig({displayName:"PostDisplay__StyledImagesAndFilesList",componentId:"sc-1tope3b-14"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](IconButton).withConfig({displayName:"PostDisplay__MenuButton",componentId:"sc-1tope3b-15"})(templateObject_17$5||(templateObject_17$5=__makeTemplateObject(["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"],["\n  && {\n    padding: 0;\n    i {\n      margin: 0;\n      font-size: 20px;\n    }\n  }\n"])));_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostDisplay__StyledKeywordsInfo",componentId:"sc-1tope3b-16"})(templateObject_18$4||(templateObject_18$4=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);_styled__default["default"](ThreadView).withConfig({displayName:"PostDisplay__StyledThreadView",componentId:"sc-1tope3b-17"})(templateObject_19$4||(templateObject_19$4=__makeTemplateObject(["\n  padding: ","px;\n  background-color: ",";\n"],["\n  padding: ","px;\n  background-color: ",";\n"])),postsSectionPadding,function(p){return p.theme.palette.neutralLight;});var templateObject_1$6$1,templateObject_2$5$1,templateObject_3$3$1,templateObject_4$2$1,templateObject_5$2$1,templateObject_6$1$1,templateObject_7$1$1,templateObject_8$1$1,templateObject_9$1$1,templateObject_10$d,templateObject_11$8,templateObject_12$7,templateObject_13$6,templateObject_14$6,templateObject_15$6,templateObject_16$6,templateObject_17$5,templateObject_18$4,templateObject_19$4;_styled__default["default"](Dropdown).withConfig({displayName:"PostGroupsSelector__StyledDropdown",componentId:"sc-g6rhck-0"})(templateObject_1$5$1||(templateObject_1$5$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarDropdownStyles);_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"PostGroupsSelector__DropdownOption",componentId:"sc-g6rhck-1"})(templateObject_2$4$1||(templateObject_2$4$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarOptionStyles);_styled.createGlobalStyle(templateObject_3$2$1||(templateObject_3$2$1=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),ToolbarGlobalDropdownStyles);var templateObject_1$5$1,templateObject_2$4$1,templateObject_3$2$1;var isArray$1=isArray$3;var toLength$1$1=toLength$b;var bind=functionBindContext;// `FlattenIntoArray` abstract operation
 	// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
-	var flattenIntoArray$1=function(target,original,source,sourceLen,start,depth,mapper,thisArg){var targetIndex=start;var sourceIndex=0;var mapFn=mapper?bind(mapper,thisArg,3):false;var element;while(sourceIndex<sourceLen){if(sourceIndex in source){element=mapFn?mapFn(source[sourceIndex],sourceIndex,original):source[sourceIndex];if(depth>0&&isArray$1(element)){targetIndex=flattenIntoArray$1(target,original,element,toLength$1(element.length),targetIndex,depth-1)-1;}else {if(targetIndex>=0x1FFFFFFFFFFFFF)throw TypeError('Exceed the acceptable array length');target[targetIndex]=element;}targetIndex++;}sourceIndex++;}return targetIndex;};var flattenIntoArray_1=flattenIntoArray$1;var isObject=isObject$c;var isArray=isArray$3;var wellKnownSymbol$m=wellKnownSymbol$l;var SPECIES$5=wellKnownSymbol$m('species');// `ArraySpeciesCreate` abstract operation
+	var flattenIntoArray$1=function(target,original,source,sourceLen,start,depth,mapper,thisArg){var targetIndex=start;var sourceIndex=0;var mapFn=mapper?bind(mapper,thisArg,3):false;var element;while(sourceIndex<sourceLen){if(sourceIndex in source){element=mapFn?mapFn(source[sourceIndex],sourceIndex,original):source[sourceIndex];if(depth>0&&isArray$1(element)){targetIndex=flattenIntoArray$1(target,original,element,toLength$1$1(element.length),targetIndex,depth-1)-1;}else {if(targetIndex>=0x1FFFFFFFFFFFFF)throw TypeError('Exceed the acceptable array length');target[targetIndex]=element;}targetIndex++;}sourceIndex++;}return targetIndex;};var flattenIntoArray_1=flattenIntoArray$1;var isObject=isObject$c;var isArray=isArray$3;var wellKnownSymbol$m=wellKnownSymbol$l;var SPECIES$5=wellKnownSymbol$m('species');// `ArraySpeciesCreate` abstract operation
 	// https://tc39.github.io/ecma262/#sec-arrayspeciescreate
 	var arraySpeciesCreate$1=function(originalArray,length){var C;if(isArray(originalArray)){C=originalArray.constructor;// cross-realm fallback
 	if(typeof C=='function'&&(C===Array||isArray(C.prototype)))C=undefined;else if(isObject(C)){C=C[SPECIES$5];if(C===null)C=undefined;}}return new(C===undefined?Array:C)(length===0?0:length);};var $$h=_export;var flattenIntoArray=flattenIntoArray_1;var toObject=toObject$7;var toLength$c=toLength$b;var aFunction=aFunction$7;var arraySpeciesCreate=arraySpeciesCreate$1;// `Array.prototype.flatMap` method
@@ -131748,9 +131748,9 @@
 	var DetailMetaInfo = _styled__default["default"](ItemMetaInfo).withConfig({
 	  displayName: "NewsDetailViewMetaInfo__DetailMetaInfo",
 	  componentId: "sc-1v9a7tf-0"
-	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
+	})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$l(["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  font-size: 12px;\n  margin-top: 12px;\n\n  @media (min-width: ", "px) {\n    font-size: 14px;\n  }\n"])), minScreenSize.small);
 
-	var templateObject_1$j;
+	var templateObject_1$n;
 
 	var NewsItemContextProvider = function NewsItemContextProvider(_a) {
 	  var itemId = _a.itemId,
@@ -131786,7 +131786,7 @@
 	  }
 
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host$d, __assign$g({
+	    return jsxRuntime.jsx(Host$f, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemContextProvider, __assign$g({
@@ -131801,7 +131801,7 @@
 	    }), void 0);
 	  }
 
-	  return jsxRuntime.jsx(Host$d, __assign$g({
+	  return jsxRuntime.jsx(Host$f, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailInternal, {
@@ -131853,19 +131853,19 @@
 	  }, void 0);
 	};
 
-	var Host$d = _styled__default["default"].div.withConfig({
+	var Host$f = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetail__Host",
 	  componentId: "sc-6rz5th-0"
-	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$l([""], [""])));
 
-	var templateObject_1$i;
+	var templateObject_1$m;
 
-	var anObject$2 = anObject$v;
+	var anObject$3 = anObject$v;
 
 	// `RegExp.prototype.flags` getter implementation
 	// https://tc39.github.io/ecma262/#sec-get-regexp.prototype.flags
 	var regexpFlags$1 = function () {
-	  var that = anObject$2(this);
+	  var that = anObject$3(this);
 	  var result = '';
 	  if (that.global) result += 'g';
 	  if (that.ignoreCase) result += 'i';
@@ -131878,7 +131878,7 @@
 
 	var regexpStickyHelpers = {};
 
-	var fails$3 = fails$w;
+	var fails$4 = fails$w;
 
 	// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
 	// so we use an intermediate function.
@@ -131886,14 +131886,14 @@
 	  return RegExp(s, f);
 	}
 
-	regexpStickyHelpers.UNSUPPORTED_Y = fails$3(function () {
+	regexpStickyHelpers.UNSUPPORTED_Y = fails$4(function () {
 	  // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 	  var re = RE('a', 'y');
 	  re.lastIndex = 2;
 	  return re.exec('abcd') != null;
 	});
 
-	regexpStickyHelpers.BROKEN_CARET = fails$3(function () {
+	regexpStickyHelpers.BROKEN_CARET = fails$4(function () {
 	  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
 	  var re = RE('^r', 'gy');
 	  re.lastIndex = 2;
@@ -131985,10 +131985,10 @@
 	  };
 	}
 
-	var regexpExec$2 = patchedExec;
+	var regexpExec$3 = patchedExec;
 
 	var $$1 = _export$7;
-	var exec = regexpExec$2;
+	var exec = regexpExec$3;
 
 	$$1({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 	  exec: exec
@@ -131997,14 +131997,14 @@
 	// TODO: Remove from `core-js@4` since it's moved to entry points
 
 	var redefine$1 = redefine$k.exports;
-	var fails$2 = fails$w;
+	var fails$3 = fails$w;
 	var wellKnownSymbol = wellKnownSymbol$E;
-	var regexpExec$1 = regexpExec$2;
+	var regexpExec$2 = regexpExec$3;
 	var createNonEnumerableProperty = createNonEnumerableProperty$k;
 
 	var SPECIES = wellKnownSymbol('species');
 
-	var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$2(function () {
+	var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$3(function () {
 	  // #replace needs built-in support for named groups.
 	  // #match works fine because it just return the exec results, even if it has
 	  // a "grops" property.
@@ -132034,7 +132034,7 @@
 
 	// Chrome 51 has a buggy "split" implementation when RegExp#exec !== nativeExec
 	// Weex JS has frozen built-in prototypes, so use try / catch wrapper
-	var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails$2(function () {
+	var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails$3(function () {
 	  var re = /(?:)/;
 	  var originalExec = re.exec;
 	  re.exec = function () { return originalExec.apply(this, arguments); };
@@ -132045,14 +132045,14 @@
 	var fixRegexpWellKnownSymbolLogic = function (KEY, length, exec, sham) {
 	  var SYMBOL = wellKnownSymbol(KEY);
 
-	  var DELEGATES_TO_SYMBOL = !fails$2(function () {
+	  var DELEGATES_TO_SYMBOL = !fails$3(function () {
 	    // String methods call symbol-named RegEp methods
 	    var O = {};
 	    O[SYMBOL] = function () { return 7; };
 	    return ''[KEY](O) != 7;
 	  });
 
-	  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$2(function () {
+	  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$3(function () {
 	    // Symbol-named RegExp methods call .exec
 	    var execCalled = false;
 	    var re = /a/;
@@ -132088,7 +132088,7 @@
 	  ) {
 	    var nativeRegExpMethod = /./[SYMBOL];
 	    var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-	      if (regexp.exec === regexpExec$1) {
+	      if (regexp.exec === regexpExec$2) {
 	        if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
 	          // The native String method already delegates to @@method (this
 	          // polyfilled function), leasing to infinite recursion.
@@ -132120,12 +132120,12 @@
 	};
 
 	var toInteger = toInteger$e;
-	var requireObjectCoercible$2 = requireObjectCoercible$m;
+	var requireObjectCoercible$3 = requireObjectCoercible$m;
 
 	// `String.prototype.{ codePointAt, at }` methods implementation
 	var createMethod$1 = function (CONVERT_TO_STRING) {
 	  return function ($this, pos) {
-	    var S = String(requireObjectCoercible$2($this));
+	    var S = String(requireObjectCoercible$3($this));
 	    var position = toInteger(pos);
 	    var size = S.length;
 	    var first, second;
@@ -132151,12 +132151,12 @@
 
 	// `AdvanceStringIndex` abstract operation
 	// https://tc39.github.io/ecma262/#sec-advancestringindex
-	var advanceStringIndex$1 = function (S, index, unicode) {
+	var advanceStringIndex$2 = function (S, index, unicode) {
 	  return index + (unicode ? charAt(S, index).length : 1);
 	};
 
 	var classof = classofRaw$9;
-	var regexpExec = regexpExec$2;
+	var regexpExec$1 = regexpExec$3;
 
 	// `RegExpExec` abstract operation
 	// https://tc39.github.io/ecma262/#sec-regexpexec
@@ -132174,23 +132174,23 @@
 	    throw TypeError('RegExp#exec called on incompatible receiver');
 	  }
 
-	  return regexpExec.call(R, S);
+	  return regexpExec$1.call(R, S);
 	};
 
-	var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-	var anObject$1 = anObject$v;
-	var toLength = toLength$l;
-	var requireObjectCoercible$1 = requireObjectCoercible$m;
-	var advanceStringIndex = advanceStringIndex$1;
+	var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
+	var anObject$2 = anObject$v;
+	var toLength$1 = toLength$l;
+	var requireObjectCoercible$2 = requireObjectCoercible$m;
+	var advanceStringIndex$1 = advanceStringIndex$2;
 	var regExpExec = regexpExecAbstract;
 
 	// @@match logic
-	fixRegExpWellKnownSymbolLogic('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
+	fixRegExpWellKnownSymbolLogic$1('match', 1, function (MATCH, nativeMatch, maybeCallNative) {
 	  return [
 	    // `String.prototype.match` method
 	    // https://tc39.github.io/ecma262/#sec-string.prototype.match
 	    function match(regexp) {
-	      var O = requireObjectCoercible$1(this);
+	      var O = requireObjectCoercible$2(this);
 	      var matcher = regexp == undefined ? undefined : regexp[MATCH];
 	      return matcher !== undefined ? matcher.call(regexp, O) : new RegExp(regexp)[MATCH](String(O));
 	    },
@@ -132200,7 +132200,7 @@
 	      var res = maybeCallNative(nativeMatch, regexp, this);
 	      if (res.done) return res.value;
 
-	      var rx = anObject$1(regexp);
+	      var rx = anObject$2(regexp);
 	      var S = String(this);
 
 	      if (!rx.global) return regExpExec(rx, S);
@@ -132213,7 +132213,7 @@
 	      while ((result = regExpExec(rx, S)) !== null) {
 	        var matchStr = String(result[0]);
 	        A[n] = matchStr;
-	        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
+	        if (matchStr === '') rx.lastIndex = advanceStringIndex$1(S, toLength$1(rx.lastIndex), fullUnicode);
 	        n++;
 	      }
 	      return n === 0 ? null : A;
@@ -132232,7 +132232,7 @@
 	      showDialog = _b[0],
 	      setShowDialog = _b[1];
 
-	  return jsxRuntime.jsxs(Host$c, {
+	  return jsxRuntime.jsxs(Host$e, {
 	    children: [jsxRuntime.jsx(Tooltip, __assign$g({
 	      resourceKey: "Pages.pagesTableOfContents"
 	    }, {
@@ -132257,11 +132257,11 @@
 	    }, void 0)]
 	  }, void 0);
 	};
-	var Host$c = _styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n  && {\n    margin-top: ", "px;\n  }\n"], ["\n  && {\n    margin-top: ", "px;\n  }\n"])), spacingXs);
-	var PageTableOfContentsButton = _styled__default["default"](officeUiFabricReact.IconButton)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
+	var Host$e = _styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __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$d || (templateObject_2$d = __makeTemplateObject$l(["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"], ["\n  && {\n    padding: 0;\n    margin: 0;\n    width: 22px;\n    height: 22px;\n\n    i {\n      font-size: 20px;\n      color: ", ";\n    }\n  }\n"])), function (p) {
 	  return p.theme.textColors.default;
 	});
-	var templateObject_1$h, templateObject_2$b;
+	var templateObject_1$l, templateObject_2$d;
 
 	var PageDetail = function PageDetail(props) {
 	  var routeMatch = ReactRouterDom.useRouteMatch();
@@ -132294,7 +132294,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsx(Host$b, __assign$g({
+	  return jsxRuntime.jsx(Host$d, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132352,15 +132352,15 @@
 	  }, void 0);
 	};
 
-	var Host$b = _styled__default["default"].div.withConfig({
+	var Host$d = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__Host",
 	  componentId: "sc-22rpk8-0"
-	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l([""], [""])));
 
 	var PageHeader = _styled__default["default"].div.withConfig({
 	  displayName: "PageDetail__PageHeader",
 	  componentId: "sc-22rpk8-1"
-	})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
+	})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: ", "px;\n"])), spacingM);
 
 	var ConsumerBreadcrumbWrapper = function ConsumerBreadcrumbWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132375,7 +132375,7 @@
 	var StyledPageBreadcrumb = _styled__default["default"](PageBreadcrumb).withConfig({
 	  displayName: "PageDetail__StyledPageBreadcrumb",
 	  componentId: "sc-22rpk8-2"
-	})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$l(["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"], ["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"])), spacingS);
+	})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject$l(["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"], ["\n  flex-grow: 1;\n  box-sizing: border-box;\n  max-width: calc(100% - 22px); /* 22px is for the ToC button */\n  padding-right: ", "px;\n"])), spacingS);
 
 	var PageTableOfContentsWrapper = function PageTableOfContentsWrapper() {
 	  var item = useDetailViewContext().item;
@@ -132414,8 +132414,8 @@
 	var StyledPagesDetailViewNavigation = _styled__default["default"](PagesDetailViewNavigation).withConfig({
 	  displayName: "PageDetail__StyledPagesDetailViewNavigation",
 	  componentId: "sc-22rpk8-3"
-	})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-	  return p.applyMarginTop && _styled.css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
+	})(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	  return p.applyMarginTop && _styled.css(templateObject_4$b || (templateObject_4$b = __makeTemplateObject$l(["\n      margin-top: ", "px;\n    "], ["\n      margin-top: ", "px;\n    "])), spacingL);
 	});
 
 	var InlinePageListWrapper = function InlinePageListWrapper() {
@@ -132432,7 +132432,7 @@
 	  return jsxRuntime.jsx(InlinePageList, {}, void 0);
 	};
 
-	var templateObject_1$g, templateObject_2$a, templateObject_3$a, templateObject_4$9, templateObject_5$7;
+	var templateObject_1$k, templateObject_2$c, templateObject_3$c, templateObject_4$b, templateObject_5$9;
 
 	var EventDetail = function EventDetail(_a) {
 	  var itemId = _a.itemId,
@@ -132447,7 +132447,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsx(Host$a, __assign$g({
+	  return jsxRuntime.jsx(Host$c, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(DetailViewContextProvider, __assign$g({
@@ -132497,29 +132497,29 @@
 	  }), void 0);
 	};
 
-	var Host$a = _styled__default["default"].div.withConfig({
+	var Host$c = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__Host",
 	  componentId: "sc-hrm4yl-0"
-	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$l([""], [""])));
 
 	var EventDateAndRecurrenceInfo = _styled__default["default"].div.withConfig({
 	  displayName: "EventDetail__EventDateAndRecurrenceInfo",
 	  componentId: "sc-hrm4yl-1"
-	})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+	})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
 
 	var DatesInfo = _styled__default["default"](EventDetailViewDatesInfo).withConfig({
 	  displayName: "EventDetail__DatesInfo",
 	  componentId: "sc-hrm4yl-2"
-	})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$l(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacingM);
+	})(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$l(["\n  margin-right: ", "px;\n"], ["\n  margin-right: ", "px;\n"])), spacingM);
 
 	var EventRecurrenceSeriesInfoLink = _styled__default["default"].a.withConfig({
 	  displayName: "EventDetail__EventRecurrenceSeriesInfoLink",
 	  componentId: "sc-hrm4yl-3"
-	})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
+	})(templateObject_4$a || (templateObject_4$a = __makeTemplateObject$l(["\n  color: ", ";\n  margin-bottom: ", "px;\n"], ["\n  color: ", ";\n  margin-bottom: ", "px;\n"])), function (p) {
 	  return p.theme.textColors.default;
 	}, spacingM);
 
-	var templateObject_1$f, templateObject_2$9, templateObject_3$9, templateObject_4$8;
+	var templateObject_1$j, templateObject_2$b, templateObject_3$b, templateObject_4$a;
 
 	function useNewsItemClickHandler() {
 	  var user = useCurrentUserContext().user;
@@ -132664,7 +132664,7 @@
 	  var icon = getNewsCardIcon(item, intl);
 	  var preferredContentLanguage = getPreferredContentLanguage(user);
 	  var url = getExternalContentUrl(item, preferredContentLanguage);
-	  return jsxRuntime.jsxs(Host$9, __assign$g({
+	  return jsxRuntime.jsxs(Host$b, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Overlay, {
@@ -132727,34 +132727,34 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title, item.useExternalContent);
 	  }
 	};
-	var Host$9 = _styled__default["default"].div.withConfig({
+	var Host$b = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Host",
 	  componentId: "sc-16ovog0-0"
-	})(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
+	})(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: ", "px;\n  background-color: ", ";\n"])), BannerSize, function (p) {
 	  return p.theme.palette.white;
 	});
 
-	var TextStyle = _styled.css(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
+	var TextStyle = _styled.css(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$l(["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"], ["\n  font-size: ", "px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n"])), fontSizeSmall);
 
 	var Inner$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Inner",
 	  componentId: "sc-16ovog0-1"
-	})(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"], ["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"])), BannerSize);
+	})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$l(["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"], ["\n  max-width: calc(100% - ", "px);\n  width: 100%;\n  display: flex;\n  align-items: center;\n"])), BannerSize);
 
 	var Content$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsCompactCard__Content",
 	  componentId: "sc-16ovog0-2"
-	})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"])), spacingXs, spacingS + 5, TextStyle);
+	})(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  box-sizing: border-box;\n  padding: ", "px ", "px;\n\n  ", "\n"])), spacingXs, spacingS + 5, TextStyle);
 
 	var Date$1 = _styled__default["default"](DateTime).withConfig({
 	  displayName: "NewsCompactCard__Date",
 	  componentId: "sc-16ovog0-3"
-	})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
+	})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), TextStyle);
 
 	var Intro$1 = _styled__default["default"].p.withConfig({
 	  displayName: "NewsCompactCard__Intro",
 	  componentId: "sc-16ovog0-4"
-	})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  ", "\n"])), TextStyle);
+	})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  ", "\n"], ["\n  margin: 0;\n  padding: 0;\n  ", "\n"])), TextStyle);
 
 	var Title$3 = _styled__default["default"].span.withConfig({
 	  displayName: "NewsCompactCard__Title",
@@ -132828,10 +132828,10 @@
 	  });
 	});
 
-	var templateObject_1$e, templateObject_2$8, templateObject_3$8, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
+	var templateObject_1$i, templateObject_2$a, templateObject_3$a, templateObject_4$9, templateObject_5$8, templateObject_6$7, templateObject_7$4, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$1;
 
 	var EmptyNewsList = function EmptyNewsList() {
-	  return jsxRuntime.jsxs(Host$8, {
+	  return jsxRuntime.jsxs(Host$a, {
 	    children: [jsxRuntime.jsx(StyledIcon$3, {
 	      iconName: "News"
 	    }, void 0), jsxRuntime.jsx(Message, {
@@ -132842,22 +132842,22 @@
 	  }, void 0);
 	};
 
-	var Host$8 = _styled__default["default"].div.withConfig({
+	var Host$a = _styled__default["default"].div.withConfig({
 	  displayName: "EmptyNewsList__Host",
 	  componentId: "sc-11ktr8s-0"
-	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
+	})(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: auto 0;\n  padding: ", "px 0;\n"])), spacingM);
 
 	var StyledIcon$3 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "EmptyNewsList__StyledIcon",
 	  componentId: "sc-11ktr8s-1"
-	})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
+	})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"], ["\n  font-size: ", "px;\n  opacity: 0.8;\n  margin-bottom: ", "px;\n"])), fontSizeLarger, spacingM);
 
 	var Message = _styled__default["default"].p.withConfig({
 	  displayName: "EmptyNewsList__Message",
 	  componentId: "sc-11ktr8s-2"
-	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"], ["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"])));
+	})(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$l(["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"], ["\n  text-align: center;\n  padding: 0;\n  margin: 0;\n"])));
 
-	var templateObject_1$d, templateObject_2$7, templateObject_3$7;
+	var templateObject_1$h, templateObject_2$9, templateObject_3$9;
 
 	exports.ItemLayoutMode = void 0;
 
@@ -132955,7 +132955,7 @@
 	  var formatMessage = useIntl().formatMessage;
 	  var webAppUrl = useSubscriptionWebAppUrl();
 	  var handleClick = useNewsItemClickHandler();
-	  return jsxRuntime.jsx(Host$7, __assign$g({
+	  return jsxRuntime.jsx(Host$9, __assign$g({
 	    className: className
 	  }, {
 	    children: items.map(function (item) {
@@ -133020,34 +133020,34 @@
 	  }), void 0);
 	};
 
-	var Host$7 = _styled__default["default"].div.withConfig({
+	var Host$9 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsList__Host",
 	  componentId: "sc-1d0bzx1-0"
-	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$l([""], [""])));
 
 	var CompactList = _styled__default["default"].ul.withConfig({
 	  displayName: "NewsList__CompactList",
 	  componentId: "sc-1d0bzx1-1"
-	})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
+	})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$l(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"], ["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li:not(:first-child) {\n    margin-top: ", "px;\n  }\n"])), spacingS);
 
 	var StyledNewsItemTile = _styled__default["default"](NewsItemTile).withConfig({
 	  displayName: "NewsList__StyledNewsItemTile",
 	  componentId: "sc-1d0bzx1-2"
-	})(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"], ["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"])), spacingM, function (p) {
-	  return p.showHighlight && _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "], ["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])), p.theme.palette.accent);
+	})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject$l(["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"], ["\n  :not(:last-child) {\n    margin-bottom: ", "px;\n  }\n\n  ", ";\n"])), spacingM, function (p) {
+	  return p.showHighlight && _styled.css(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$l(["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "], ["\n      position: relative;\n\n      &::after {\n        content: '';\n        border-right-width: 6px;\n        border-right-color: ", ";\n        border-right-style: solid;\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n      }\n    "])), p.theme.palette.accent);
 	});
 
 	var Comments = _styled__default["default"].a.withConfig({
 	  displayName: "NewsList__Comments",
 	  componentId: "sc-1d0bzx1-3"
-	})(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (p) {
+	})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (p) {
 	  return p.theme.textColors.default;
 	});
 
 	var StyledIcon$2 = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
 	  displayName: "NewsList__StyledIcon",
 	  componentId: "sc-1d0bzx1-4"
-	})(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
 	  return p.highlight && unreadCommentHighlight;
 	});
 
@@ -133063,7 +133063,7 @@
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$c, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$3, templateObject_8$3;
+	var templateObject_1$g, templateObject_2$8, templateObject_3$8, templateObject_4$8, templateObject_5$7, templateObject_6$6, templateObject_7$3, templateObject_8$3;
 
 	var ManageChannels = function ManageChannels(_a) {
 	  var className = _a.className;
@@ -133087,7 +133087,7 @@
 	    }, void 0);
 	  }
 
-	  return jsxRuntime.jsxs(Host$6, __assign$g({
+	  return jsxRuntime.jsxs(Host$8, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(Title$2, {
@@ -133226,25 +133226,25 @@
 	  }
 	};
 
-	var Host$6 = _styled__default["default"].div.withConfig({
+	var Host$8 = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__Host",
 	  componentId: "sc-yyoxfw-0"
-	})(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
+	})(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$l(["\n  padding: ", "px ", "px;\n"], ["\n  padding: ", "px ", "px;\n"])), spacingX, spacingM);
 
 	var Title$2 = _styled__default["default"].h3.withConfig({
 	  displayName: "ManageChannels__Title",
 	  componentId: "sc-yyoxfw-1"
-	})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
+	})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$l(["\n  margin: 0;\n"], ["\n  margin: 0;\n"])));
 
 	var Description = _styled__default["default"].span.withConfig({
 	  displayName: "ManageChannels__Description",
 	  componentId: "sc-yyoxfw-2"
-	})(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
 
 	var ChannelList = _styled__default["default"].ul.withConfig({
 	  displayName: "ManageChannels__ChannelList",
 	  componentId: "sc-yyoxfw-3"
-	})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"], ["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"])), spacingS);
+	})(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"], ["\n  list-style: none;\n\n  && {\n    margin-top: ", "px;\n    padding-left: 0;\n  }\n"])), spacingS);
 
 	var ChannelItem = function ChannelItem(_a) {
 	  var channel = _a.channel,
@@ -133283,12 +133283,12 @@
 	var ChannelHost = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__ChannelHost",
 	  componentId: "sc-yyoxfw-4"
-	})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+	})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 
 	var NotificationButton = _styled__default["default"].div.withConfig({
 	  displayName: "ManageChannels__NotificationButton",
 	  componentId: "sc-yyoxfw-5"
-	})(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$l(["\n  margin-left: auto;\n  align-self: flex-start;\n"], ["\n  margin-left: auto;\n  align-self: flex-start;\n"])));
+	})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n  margin-left: auto;\n  align-self: flex-start;\n"], ["\n  margin-left: auto;\n  align-self: flex-start;\n"])));
 
 	var ChannelToggle = _styled__default["default"](ToggleWithLabel).withConfig({
 	  displayName: "ManageChannels__ChannelToggle",
@@ -133302,7 +133302,7 @@
 	  return p.theme.textColors.default;
 	});
 
-	var templateObject_1$b, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$4, templateObject_6$3, templateObject_7$2, templateObject_8$2;
+	var templateObject_1$f, templateObject_2$7, templateObject_3$7, templateObject_4$7, templateObject_5$6, templateObject_6$5, templateObject_7$2, templateObject_8$2;
 
 	var NewsGridCard = function NewsGridCard(_a) {
 	  var _b;
@@ -133333,7 +133333,7 @@
 	  var channels = newsItem.channels;
 	  var userLanguage = getPreferredContentLanguage(user);
 	  var icon = getNewsCardIcon(item, intl);
-	  return jsxRuntime.jsxs(Host$5, __assign$g({
+	  return jsxRuntime.jsxs(Host$7, __assign$g({
 	    className: className,
 	    showHighlight: !!user.unreadNews.find(function (n) {
 	      return n.itemId === item.id;
@@ -133409,19 +133409,19 @@
 	    return NewsService.getNewsRoute(baseRoute, item.id, title);
 	  }
 	};
-	var Host$5 = _styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-shadow: 1px 1px 4px grey;\n  box-sizing: border-box;\n  position: relative;\n\n  ", "\n"])), function (p) {
-	  return p.showHighlight && _styled.css(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
+	var Host$7 = _styled__default["default"].div(templateObject_2$6 || (templateObject_2$6 = __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$e || (templateObject_1$e = __makeTemplateObject$l(["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "], ["\n      position: relative;\n      &::after {\n        ", ";\n      }\n    "])), BannerHighlightStyle);
 	});
-	var BannerHighlightStyle = _styled.css(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$l(["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"], ["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"])), spacingXs, function (p) {
+	var BannerHighlightStyle = _styled.css(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$l(["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"], ["\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: ", "px;\n  display: block;\n  background-color: ", ";\n"])), spacingXs, function (p) {
 	  return p.theme.palette.accent;
 	});
-	var Content$1 = _styled__default["default"].div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$l(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"])), function (p) {
+	var Content$1 = _styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$l(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: auto;\n  min-height: ", "px;\n  padding: ", "px;\n  box-sizing: border-box;\n  background-color: ", ";\n"])), function (p) {
 	  return p.contentHeight;
 	}, spacingM, function (p) {
 	  return p.theme.palette.white;
 	});
-	var MetaInfo = _styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
-	var DateAndIcon = _styled__default["default"].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+	var MetaInfo = _styled__default["default"].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n  font-size: ", "px;\n"], ["\n  font-size: ", "px;\n"])), fontSizeSmall);
+	var DateAndIcon = _styled__default["default"].div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$l(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 	var PublishingDate = _styled__default["default"](DateTime)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject$l(["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  align-self: center;\n"], ["\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  align-self: center;\n"])));
 	var NewsCardIcon = _styled__default["default"].div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject$l(["\n  display: flex;\n  margin-left: auto;\n  z-index: 10;\n"], ["\n  display: flex;\n  margin-left: auto;\n  z-index: 10;\n"])));
 	var StyledIcon$1 = _styled__default["default"](officeUiFabricReact.Icon)(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n  cursor: pointer;\n\n  background-color: ", ";\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n  cursor: pointer;\n\n  background-color: ", ";\n  color: ", ";\n"])), fontSizeSmaller, spacingXs, function (p) {
@@ -133437,24 +133437,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$a, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
+	var templateObject_1$e, templateObject_2$6, templateObject_3$6, templateObject_4$6, templateObject_5$5, templateObject_6$4, templateObject_7$1, templateObject_8$1, templateObject_9$1, templateObject_10$1, templateObject_11$1, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1;
 
 	var ErrorContainer = function ErrorContainer() {
-	  return jsxRuntime.jsx(Host$4, {
+	  return jsxRuntime.jsx(Host$6, {
 	    children: jsxRuntime.jsx(FormattedMessage$1, {
 	      id: "NewsList.error"
 	    }, void 0)
 	  }, void 0);
 	};
 
-	var Host$4 = _styled__default["default"].p.withConfig({
+	var Host$6 = _styled__default["default"].p.withConfig({
 	  displayName: "ErrorContainer__Host",
 	  componentId: "sc-499uwc-0"
-	})(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
+	})(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$l(["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  padding: ", "px 0;\n  text-align: center;\n"])), function (p) {
 	  return p.theme.palette.red;
 	}, spacingM);
 
-	var templateObject_1$9;
+	var templateObject_1$d;
 
 	var NewsGrid = function NewsGrid(_a) {
 	  var filter = _a.filter,
@@ -133497,7 +133497,7 @@
 	    return jsxRuntime.jsx(EmptyNewsList, {}, void 0);
 	  }
 
-	  return jsxRuntime.jsxs(Host$3, {
+	  return jsxRuntime.jsxs(Host$5, {
 	    children: [jsxRuntime.jsx(Inner$1, __assign$g({
 	      className: className,
 	      columnCount: columnCount
@@ -133538,95 +133538,26 @@
 	  }
 	};
 
-	var Host$3 = _styled__default["default"].div.withConfig({
+	var Host$5 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Host",
 	  componentId: "sc-8ugpfz-0"
-	})(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$l([""], [""])));
 
 	var Inner$1 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Inner",
 	  componentId: "sc-8ugpfz-1"
-	})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
-	  return _styled.css(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+	})(templateObject_3$5 || (templateObject_3$5 = __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$5 || (templateObject_2$5 = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
 	});
 
 	_styled__default["default"](NewsGridCard).withConfig({
 	  displayName: "NewsGrid__IELegacyGridCard",
 	  componentId: "sc-8ugpfz-2"
-	})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$l(["\n  margin: ", "px;\n  ", ";\n"], ["\n  margin: ", "px;\n  ", ";\n"])), spacingM / 2, function (p) {
-	  return _styled.css(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
+	})(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$l(["\n  margin: ", "px;\n  ", ";\n"], ["\n  margin: ", "px;\n  ", ";\n"])), spacingM / 2, function (p) {
+	  return _styled.css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$l(["\n    width: calc(100% / ", " - ", "px);\n  "], ["\n    width: calc(100% / ", " - ", "px);\n  "])), p.columnCount, spacingM);
 	});
 
-	var templateObject_1$8, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2;
-
-	var Hero = function Hero(_a) {
-	  var items = _a.items,
-	      itemResourceType = _a.itemResourceType,
-	      baseRoute = _a.baseRoute,
-	      disableAutoplay = _a.disableAutoplay,
-	      autoplayInterval = _a.autoplayInterval,
-	      _b = _a.width,
-	      width = _b === void 0 ? '100%' : _b,
-	      _c = _a.height,
-	      height = _c === void 0 ? '100%' : _c;
-
-	  var _d = React$d.useState(false),
-	      forceDisableAutoplay = _d[0],
-	      setForceDisableAutoplay = _d[1];
-
-	  if (!items || items.length === 0) {
-	    return null;
-	  }
-
-	  var hasMoreItems = items.length > 1;
-	  return jsxRuntime.jsx(StyledCarousel, __assign$g({
-	    autoplay: !disableAutoplay && !forceDisableAutoplay,
-	    autoplayInterval: autoplayInterval !== null && autoplayInterval !== void 0 ? autoplayInterval : 5000,
-	    wrapAround: true,
-	    pauseOnHover: true,
-	    renderBottomCenterControls: function (props) {
-	      return hasMoreItems && !forceDisableAutoplay ? jsxRuntime.jsx("div", __assign$g({
-	        "data-dark-paging-indicator": !items[props.currentSlide].item.bannerInfo
-	      }, {
-	        children: jsxRuntime.jsx(PagingDots, __assign$g({}, props), void 0)
-	      }), void 0) : null;
-	    },
-	    renderCenterLeftControls: null,
-	    renderCenterRightControls: null,
-	    swiping: hasMoreItems,
-	    defaultControlsConfig: {
-	      pagingDotsContainerClassName: 'hero-paging'
-	    },
-	    transitionMode: "fade",
-	    width: typeof width === 'number' ? width + "px" : width,
-	    height: typeof height === 'number' ? height + "px" : height
-	  }, {
-	    children: items.map(function (i) {
-	      return jsxRuntime.jsx(HeroSlide, {
-	        item: i.item,
-	        icons: i.icons,
-	        itemResourceType: itemResourceType,
-	        baseRoute: baseRoute,
-	        additionalMetadata: i.additionalMetadata,
-	        onClick: i.onClick,
-	        onToggleVideo: function (isPlayerActive) {
-	          return setForceDisableAutoplay(isPlayerActive);
-	        },
-	        width: width,
-	        height: height
-	      }, i.item.id);
-	    })
-	  }), void 0);
-	};
-
-	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
-	  displayName: "Hero__StyledCarousel",
-	  componentId: "sc-1hutyg7-0"
-	})(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$l(["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging {\n    display: flex;\n    width: 100%;\n    top: -2px !important;\n\n    > li {\n      flex: 1;\n      margin: 0 2px;\n\n      > button {\n        width: 100%;\n        display: flex;\n        padding: 0;\n\n        height: 30px;\n\n        position: relative;\n        z-index: 1;\n\n        &::after {\n          content: '';\n          height: 3px;\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 10px !important;\n        }\n\n        > svg {\n          display: none;\n        }\n      }\n    }\n  }\n\n  [data-dark-paging-indicator='true'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n\n  [data-dark-paging-indicator='false'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n"], ["\n  .slider-list {\n    height: 100% !important;\n\n    > li {\n      height: 100% !important;\n    }\n  }\n\n  .slider-control-bottomcenter {\n    left: ", "px !important;\n    right: ", "px !important;\n    transform: none !important;\n  }\n\n  .hero-paging {\n    display: flex;\n    width: 100%;\n    top: -2px !important;\n\n    > li {\n      flex: 1;\n      margin: 0 2px;\n\n      > button {\n        width: 100%;\n        display: flex;\n        padding: 0;\n\n        height: 30px;\n\n        position: relative;\n        z-index: 1;\n\n        &::after {\n          content: '';\n          height: 3px;\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 10px !important;\n        }\n\n        > svg {\n          display: none;\n        }\n      }\n    }\n  }\n\n  [data-dark-paging-indicator='true'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n\n  [data-dark-paging-indicator='false'] {\n    .hero-paging > li > button::after {\n      background: ", " !important;\n    }\n  }\n"])), spacingL, spacingL, function (p) {
-	  return p.theme.palette.black;
-	}, function (p) {
-	  return p.theme.palette.white;
-	});
+	var templateObject_1$c, templateObject_2$5, templateObject_3$5, templateObject_4$5, templateObject_5$4;
 
 	var HeroSlide = function HeroSlide(_a) {
 	  var item = _a.item,
@@ -133662,7 +133593,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$2, __assign$g({
+	  return jsxRuntime.jsxs(Host$4, __assign$g({
 	    showBorder: !hasBanner,
 	    applyOverlay: hasImageBanner,
 	    width: hostWidth,
@@ -133682,7 +133613,9 @@
 	          id: 'Generic.exitVideoPlayer'
 	        })
 	      }, void 0)
-	    }), void 0), jsxRuntime.jsxs(Content, {
+	    }), void 0), jsxRuntime.jsxs(Content, __assign$g({
+	      applyBackgroundColor: !hasBanner
+	    }, {
 	      children: [hasBanner && jsxRuntime.jsx(BannerWrapper, {
 	        children: jsxRuntime.jsx(Banner, {
 	          itemId: item.id,
@@ -133756,7 +133689,7 @@
 	          }, void 0)]
 	        }, void 0)]
 	      }, void 0)]
-	    }, void 0)]
+	    }), void 0)]
 	  }), void 0);
 
 	  function handleToggleVideo(showPlayer) {
@@ -133765,129 +133698,350 @@
 	  }
 	};
 
-	var Host$2 = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Host",
-	  componentId: "sc-1hutyg7-1"
-	})(templateObject_8 || (templateObject_8 = __makeTemplateObject$l(["\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  position: relative;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (p) {
-	  return p.width ? _styled.css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
+	var Host$4 = _styled__default["default"].div.withConfig({
+	  displayName: "HeroSlide__Host",
+	  componentId: "sc-3yofth-0"
+	})(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n  position: relative;\n\n  ", "\n\n  ", "\n  \n    ", "\n  \n    ", "\n"], ["\n  position: relative;\n\n  ", "\n\n  ", "\n  \n    ", "\n  \n    ", "\n"])), function (p) {
+	  return p.width ? _styled.css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$l(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), p.width) : _styled.css(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$l(["\n          width: 100%;\n        "], ["\n          width: 100%;\n        "])));
 	}, function (p) {
-	  return p.height ? _styled.css(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
+	  return p.height ? _styled.css(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$l(["\n          height: ", ";\n        "], ["\n          height: ", ";\n        "])), p.height) : _styled.css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$l(["\n          height: 100%;\n        "], ["\n          height: 100%;\n        "])));
 	}, function (p) {
-	  return p.showBorder && _styled.css(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "], ["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "])), p.theme.palette.neutralTertiaryAlt);
+	  return p.showBorder && _styled.css(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject$l(["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "], ["\n      border: 1px solid ", ";\n      box-sizing: border-box;\n    "])), p.theme.palette.neutralTertiaryAlt);
 	}, function (p) {
-	  return p.applyOverlay && _styled.css(templateObject_7 || (templateObject_7 = __makeTemplateObject$l(["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "], ["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "])));
+	  return p.applyOverlay && _styled.css(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$l(["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "], ["\n      background-color: rgba(0, 0, 0, 0.33);\n\n      .bannerImage {\n        z-index: -1;\n      }\n    "])));
 	});
 
 	var Content = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Content",
-	  componentId: "sc-1hutyg7-2"
-	})(templateObject_9 || (templateObject_9 = __makeTemplateObject$l(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n"])));
+	  displayName: "HeroSlide__Content",
+	  componentId: "sc-3yofth-1"
+	})(templateObject_8 || (templateObject_8 = __makeTemplateObject$l(["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  ", ";\n"], ["\n  position: relative;\n  height: 100%;\n  width: 100%;\n  ", ";\n"])), function (p) {
+	  return p.applyBackgroundColor && "background-color: " + p.theme.palette.white;
+	});
 
 	var Inner = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Inner",
-	  componentId: "sc-1hutyg7-3"
-	})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 50px ", "px;\n"], ["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 50px ", "px;\n"])), spacingL, spacingL, spacingL);
+	  displayName: "HeroSlide__Inner",
+	  componentId: "sc-3yofth-2"
+	})(templateObject_9 || (templateObject_9 = __makeTemplateObject$l(["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 80px ", "px;\n"], ["\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ", "px ", "px 80px ", "px;\n"])), spacingL, spacingL, spacingL);
 
 	var CloseButtonHost = _styled__default["default"](Tooltip).withConfig({
-	  displayName: "Hero__CloseButtonHost",
-	  componentId: "sc-1hutyg7-4"
-	})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"])), spacingS, spacingS);
+	  displayName: "HeroSlide__CloseButtonHost",
+	  componentId: "sc-3yofth-3"
+	})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"], ["\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  z-index: 2;\n"])), spacingS, spacingS);
 
 	var CloseButtonSize = 20;
 
 	var CloseButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
-	  displayName: "Hero__CloseButton",
-	  componentId: "sc-1hutyg7-5"
-	})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
+	  displayName: "HeroSlide__CloseButton",
+	  componentId: "sc-3yofth-4"
+	})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  && {\n    height: ", "px;\n    width: ", "px;\n    color: ", ";\n    padding: 0;\n\n    &:hover {\n      color: ", ";\n    }\n\n    i {\n      font-size: ", "px;\n    }\n  }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
 	  return p.theme.palette.white;
 	}, function (p) {
 	  return p.theme.palette.white;
 	}, fontSizeMedium);
 
 	var BannerWrapper = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__BannerWrapper",
-	  componentId: "sc-1hutyg7-6"
-	})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+	  displayName: "HeroSlide__BannerWrapper",
+	  componentId: "sc-3yofth-5"
+	})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 
 	var Banner = _styled__default["default"](PublishableItemBanner).withConfig({
-	  displayName: "Hero__Banner",
-	  componentId: "sc-1hutyg7-7"
-	})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"], ["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"])), function (p) {
+	  displayName: "HeroSlide__Banner",
+	  componentId: "sc-3yofth-6"
+	})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"], ["\n  width: 100%;\n\n  &&.video-view-container {\n    background-color: ", "; // in case video control does not fill the entire space\n  }\n\n  &&.video-view-container > iframe {\n    top: ", "px; // safety space\n    left: ", "px;\n    height: calc(100% - ", "px);\n    width: calc(100% - ", "px);\n  }\n"])), function (p) {
 	  return p.theme.palette.black;
 	}, spacingS, CloseButtonSize, spacingS * 2, CloseButtonSize * 2);
 
 	var Header = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Header",
-	  componentId: "sc-1hutyg7-8"
-	})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__Header",
+	  componentId: "sc-3yofth-7"
+	})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  z-index: 1;\n"])));
 
 	var TitleWrapper = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__TitleWrapper",
-	  componentId: "sc-1hutyg7-9"
-	})(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n  max-width: calc(100% - 110px);\n"], ["\n  max-width: calc(100% - 110px);\n"])));
+	  displayName: "HeroSlide__TitleWrapper",
+	  componentId: "sc-3yofth-8"
+	})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n  max-width: calc(100% - 110px);\n"], ["\n  max-width: calc(100% - 110px);\n"])));
 
 	var Icons = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Icons",
-	  componentId: "sc-1hutyg7-10"
-	})(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__Icons",
+	  componentId: "sc-3yofth-9"
+	})(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  margin-left: auto;\n  z-index: 1;\n"])));
 
-	var IconStyle = _styled.css(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"], ["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
+	var IconStyle = _styled.css(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"], ["\n  font-size: ", "px;\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
 
 	var StyledIcon = _styled__default["default"](officeUiFabricReact.Icon).withConfig({
-	  displayName: "Hero__StyledIcon",
-	  componentId: "sc-1hutyg7-11"
-	})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n  ", "\n  ", "\n\n  ", "\n"], ["\n  ", "\n  ", "\n\n  ", "\n"])), IconStyle, function (p) {
-	  return p.backgroundColor && _styled.css(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), p.backgroundColor);
+	  displayName: "HeroSlide__StyledIcon",
+	  componentId: "sc-3yofth-10"
+	})(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n  ", "\n  ", "\n\n", "\n"], ["\n  ", "\n  ", "\n\n", "\n"])), IconStyle, function (p) {
+	  return p.backgroundColor && _styled.css(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), p.backgroundColor);
 	}, function (p) {
-	  return p.color ? _styled.css(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  return p.color ? _styled.css(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
 	var Headline = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Headline",
-	  componentId: "sc-1hutyg7-12"
-	})(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"])), fontSizeMedium, function (p) {
+	  displayName: "HeroSlide__Headline",
+	  componentId: "sc-3yofth-11"
+	})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"], ["\n  font-size: ", "px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: ", ";\n"])), fontSizeMedium, function (p) {
 	  return p.color || p.theme.textColors.default;
 	});
 
 	var Title$1 = _styled__default["default"].h3.withConfig({
-	  displayName: "Hero__Title",
-	  componentId: "sc-1hutyg7-13"
-	})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n    :link,\n    :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"], ["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n    :link,\n    :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"])), function (p) {
+	  displayName: "HeroSlide__Title",
+	  componentId: "sc-3yofth-12"
+	})(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n  :link,\n  :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"], ["\n  padding: 0;\n  margin: 0 auto 0 0;\n  font-weight: normal;\n  color: ", ";\n\n  a {\n    ", "\n\n    &,\n  :link,\n  :visited {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  ", "\n"])), function (p) {
 	  return p.color || p.theme.textColors.default;
 	}, LineClamp(2, fontSizeLarge, 1.2), function (p) {
-	  return p.applyClickableOverlay && _styled.css(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "], ["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "])));
+	  return p.applyClickableOverlay && _styled.css(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "], ["\n      a::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n      }\n    "])));
 	});
 
 	var MetadataHost = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__MetadataHost",
-	  componentId: "sc-1hutyg7-14"
-	})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"])));
+	  displayName: "HeroSlide__MetadataHost",
+	  componentId: "sc-3yofth-13"
+	})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-top: auto;\n  z-index: 1;\n"])));
 
 	var Metadata = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__Metadata",
-	  componentId: "sc-1hutyg7-15"
-	})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"])), spacingS);
+	  displayName: "HeroSlide__Metadata",
+	  componentId: "sc-3yofth-14"
+	})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  margin-left: ", "px;\n"])), spacingS);
 
 	var AdditionalMetadata = _styled__default["default"].div.withConfig({
-	  displayName: "Hero__AdditionalMetadata",
-	  componentId: "sc-1hutyg7-16"
-	})(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"], ["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
+	  displayName: "HeroSlide__AdditionalMetadata",
+	  componentId: "sc-3yofth-15"
+	})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"], ["\n  flex: 1;\n  padding: ", "px 0;\n  max-width: 100%;\n  font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
 
 	var AuthorName = _styled__default["default"](PersonaCard).withConfig({
-	  displayName: "Hero__AuthorName",
-	  componentId: "sc-1hutyg7-17"
-	})(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
-	  return p.color ? _styled.css(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  displayName: "HeroSlide__AuthorName",
+	  componentId: "sc-3yofth-16"
+	})(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), function (p) {
+	  return p.color ? _styled.css(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
 	var StyledDateTime = _styled__default["default"](DateTime).withConfig({
-	  displayName: "Hero__StyledDateTime",
-	  componentId: "sc-1hutyg7-18"
-	})(templateObject_34 || (templateObject_34 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"], ["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
-	  return p.color ? _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
+	  displayName: "HeroSlide__StyledDateTime",
+	  componentId: "sc-3yofth-17"
+	})(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"], ["\n  font-size: ", "px;\n  margin-top: ", "px;\n  ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
+	  return p.color ? _styled.css(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.color) : _styled.css(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n          color: ", ";\n        "], ["\n          color: ", ";\n        "])), p.theme.textColors.default);
 	});
 
-	var templateObject_1$7, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34;
+	var templateObject_1$b, templateObject_2$4, templateObject_3$4, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33;
+
+	var HeroPaging = function HeroPaging(_a) {
+	  var items = _a.items,
+	      goToSlide = _a.goToSlide,
+	      currentSlide = _a.currentSlide,
+	      frameWidth = _a.frameWidth,
+	      slideCount = _a.slideCount,
+	      autoplay = _a.autoplay,
+	      className = _a.className;
+	  var user = useCurrentUserContext().user;
+	  var formatMessage = useIntl().formatMessage;
+	  var palette = React$d.useContext(ThemeContext$1).theme.palette;
+
+	  var _b = React$d.useState(false),
+	      showArrows = _b[0],
+	      setShowArrows = _b[1];
+
+	  var _c = React$d.useState(0),
+	      startIndex = _c[0],
+	      setStartIndex = _c[1];
+
+	  var _d = React$d.useState(0),
+	      visibleItemsLength = _d[0],
+	      setVisibleItemsLength = _d[1];
+
+	  React$d.useEffect(function () {
+	    var containerWidth = frameWidth - 60; // margins are extracted
+
+	    var maxNumberOfItems = Math.floor(containerWidth / 150); // 150 - min-width + gap
+
+	    setVisibleItemsLength(maxNumberOfItems);
+	    setShowArrows(maxNumberOfItems < slideCount); // reset the active slide - ensure the first slide is active when resizing
+
+	    reset(); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [frameWidth]);
+	  React$d.useEffect(function () {
+	    if (!autoplay || !showArrows) {
+	      return;
+	    } // ensure first paging button is marked as active when first slide becomes active again
+
+
+	    if (currentSlide === 0 && startIndex > 0) {
+	      reset();
+	      return;
+	    } // update the visible paging buttons when currenSlide has the corresponding paging button outside of the visible area
+
+
+	    if (currentSlide === startIndex + visibleItemsLength) {
+	      handleVisiblePagingItems(startIndex + visibleItemsLength);
+	    }
+	  }, [currentSlide, autoplay, showArrows]);
+	  var pagingItems = items.map(function (i) {
+	    return {
+	      title: getTitle(i.item, user, formatMessage),
+	      id: i.item.id
+	    };
+	  });
+	  var pagingColor = items[currentSlide].item.bannerInfo ? palette.white : palette.black;
+	  var currentSlideId = items[currentSlide].item.id;
+	  return jsxRuntime.jsxs(PagingHost, __assign$g({
+	    className: className
+	  }, {
+	    children: [showArrows && startIndex >= visibleItemsLength && jsxRuntime.jsx(PagingArrow, {
+	      iconProps: {
+	        iconName: 'ChevronLeft',
+	        style: {
+	          fontSize: 22
+	        }
+	      },
+	      onClick: function () {
+	        return handleVisiblePagingItems(startIndex - visibleItemsLength);
+	      },
+	      color: pagingColor,
+	      "data-paging-back": true
+	    }, void 0), jsxRuntime.jsx(Paging, {
+	      children: pagingItems.map(function (item, index) {
+	        var isActive = currentSlideId === item.id;
+	        var isVisible = index >= startIndex && index < startIndex + visibleItemsLength;
+	        return jsxRuntime.jsx(PagingItem, __assign$g({
+	          className: classNames({
+	            'paging-item--active': isActive,
+	            'paging-item--visible': isVisible
+	          }),
+	          visibleItemsLength: showArrows ? visibleItemsLength : null
+	        }, {
+	          children: jsxRuntime.jsx(PagingButton, __assign$g({
+	            onClick: function () {
+	              return goToSlide(index);
+	            },
+	            color: pagingColor
+	          }, {
+	            children: item.title
+	          }), void 0)
+	        }), item.id);
+	      })
+	    }, void 0), showArrows && startIndex < slideCount - visibleItemsLength && jsxRuntime.jsx(PagingArrow, {
+	      iconProps: {
+	        iconName: 'ChevronRight',
+	        style: {
+	          fontSize: 22
+	        }
+	      },
+	      onClick: function () {
+	        return handleVisiblePagingItems(startIndex + visibleItemsLength);
+	      },
+	      color: pagingColor,
+	      "data-paging-next": true
+	    }, void 0)]
+	  }), void 0);
+
+	  function handleVisiblePagingItems(index) {
+	    setStartIndex(index);
+	    goToSlide(index);
+	  }
+
+	  function reset() {
+	    handleVisiblePagingItems(0);
+	  }
+	};
+
+	var PagingHost = _styled__default["default"].div.withConfig({
+	  displayName: "HeroPaging__PagingHost",
+	  componentId: "sc-1y3j8qb-0"
+	})(templateObject_1$a || (templateObject_1$a = __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$3 || (templateObject_2$3 = __makeTemplateObject$l(["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"], ["\n  display: flex;\n  width: 100%;\n  list-style: none;\n  margin: 0 0 ", "px 0;\n  padding: 0;\n"])), spacingM);
+
+	var PagingItem = _styled__default["default"].li.withConfig({
+	  displayName: "HeroPaging__PagingItem",
+	  componentId: "sc-1y3j8qb-2"
+	})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$l(["\n  display: none;\n  flex: 1;\n  min-width: 140px;\n  margin: 0 5px;\n\n  ", "\n\n  &:not(.paging-item--active) {\n    opacity: 0.6;\n  }\n\n  &.paging-item--visible {\n    display: block;\n  }\n"], ["\n  display: none;\n  flex: 1;\n  min-width: 140px;\n  margin: 0 5px;\n\n  ", "\n\n  &:not(.paging-item--active) {\n    opacity: 0.6;\n  }\n\n  &.paging-item--visible {\n    display: block;\n  }\n"])), function (p) {
+	  return p.visibleItemsLength && _styled.css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject$l(["\n      max-width: calc(100% / ", " - 10px);\n    "], ["\n      max-width: calc(100% / ", " - 10px);\n    "])), p.visibleItemsLength);
+	});
+
+	var PagingButton = _styled__default["default"](ActionButton).withConfig({
+	  displayName: "HeroPaging__PagingButton",
+	  componentId: "sc-1y3j8qb-3"
+	})(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$l(["\n  && {\n    width: 100%;\n    height: auto;\n    text-align: left;\n    padding: ", "px 0 2px 0;\n    margin: 0;\n\n    &:before {\n      content: '';\n      position: absolute;\n      bottom: 100%;\n      left: 0;\n      right: 0;\n      border-top: 3px solid ", ";\n    }\n  }\n\n  .ms-Button-label {\n    padding: 0;\n\n    ", "\n  }\n"], ["\n  && {\n    width: 100%;\n    height: auto;\n    text-align: left;\n    padding: ", "px 0 2px 0;\n    margin: 0;\n\n    &:before {\n      content: '';\n      position: absolute;\n      bottom: 100%;\n      left: 0;\n      right: 0;\n      border-top: 3px solid ", ";\n    }\n  }\n\n  .ms-Button-label {\n    padding: 0;\n\n    ", "\n  }\n"])), spacingS, function (p) {
+	  return p.color;
+	}, LineClamp(2, fontSizeSmall, 1.2));
+
+	var PagingArrow = _styled__default["default"](IconButton).withConfig({
+	  displayName: "HeroPaging__PagingArrow",
+	  componentId: "sc-1y3j8qb-4"
+	})(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$l(["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"], ["\n  position: absolute;\n  top: 50%;\n\n  && {\n    padding: 0;\n  }\n\n  &[data-paging-next] {\n    left: 100%;\n    transform: translate(-5px, -50%);\n  }\n\n  &[data-paging-back] {\n    right: 100%;\n    transform: translate(5px, -50%);\n  }\n"])));
+
+	var templateObject_1$a, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2;
+
+	var Hero = function Hero(_a) {
+	  var items = _a.items,
+	      itemResourceType = _a.itemResourceType,
+	      baseRoute = _a.baseRoute,
+	      disableAutoplay = _a.disableAutoplay,
+	      autoplayInterval = _a.autoplayInterval,
+	      _b = _a.width,
+	      width = _b === void 0 ? '100%' : _b,
+	      _c = _a.height,
+	      height = _c === void 0 ? '100%' : _c;
+
+	  var _d = React$d.useState(false),
+	      forceDisableAutoplay = _d[0],
+	      setForceDisableAutoplay = _d[1];
+
+	  if (!items || items.length === 0) {
+	    return null;
+	  }
+
+	  var hasMoreItems = items.length > 1;
+	  var autoplay = !disableAutoplay && !forceDisableAutoplay;
+	  return jsxRuntime.jsx(StyledCarousel, __assign$g({
+	    autoplay: autoplay,
+	    autoplayInterval: autoplayInterval !== null && autoplayInterval !== void 0 ? autoplayInterval : 5000,
+	    wrapAround: true,
+	    pauseOnHover: true,
+	    renderBottomCenterControls: function (props) {
+	      return hasMoreItems ? jsxRuntime.jsx(HeroPaging, __assign$g({
+	        items: items,
+	        autoplay: autoplay,
+	        className: classNames({
+	          'hero-paging--hidden': forceDisableAutoplay
+	          /* ensure paging is hidden when video player is active */
+
+	        })
+	      }, props), void 0) : null;
+	    },
+	    renderCenterLeftControls: null,
+	    renderCenterRightControls: null,
+	    swiping: hasMoreItems,
+	    transitionMode: "fade",
+	    width: typeof width === 'number' ? width + "px" : width,
+	    height: typeof height === 'number' ? height + "px" : height
+	  }, {
+	    children: items.map(function (i) {
+	      return jsxRuntime.jsx(HeroSlide, {
+	        item: i.item,
+	        icons: i.icons,
+	        itemResourceType: itemResourceType,
+	        baseRoute: baseRoute,
+	        additionalMetadata: i.additionalMetadata,
+	        onClick: i.onClick,
+	        onToggleVideo: function (isPlayerActive) {
+	          return setForceDisableAutoplay(isPlayerActive);
+	        },
+	        width: width,
+	        height: height
+	      }, i.item.id);
+	    })
+	  }), void 0);
+	};
+
+	var StyledCarousel = _styled__default["default"](Carousel).withConfig({
+	  displayName: "Hero__StyledCarousel",
+	  componentId: "sc-55ys37-0"
+	})(templateObject_1$9 || (templateObject_1$9 = __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$9;
 
 	var NewsHero = function NewsHero(_a) {
 	  var filter = _a.filter,
@@ -134022,15 +134176,15 @@
 	var StyledChannels = _styled__default["default"](ChannelList$1).withConfig({
 	  displayName: "NewsHero__StyledChannels",
 	  componentId: "sc-i9ar0j-0"
-	})(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$l(["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"], ["\n  [data-channels] {\n    justify-content: flex-end;\n  }\n"])));
+	})(templateObject_1$8 || (templateObject_1$8 = __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$6;
+	var templateObject_1$8;
 
 	// a string of all valid unicode whitespaces
 	// eslint-disable-next-line max-len
 	var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
-	var requireObjectCoercible = requireObjectCoercible$m;
+	var requireObjectCoercible$1 = requireObjectCoercible$m;
 	var whitespaces$1 = whitespaces$2;
 
 	var whitespace = '[' + whitespaces$1 + ']';
@@ -134040,7 +134194,7 @@
 	// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
 	var createMethod = function (TYPE) {
 	  return function ($this) {
-	    var string = String(requireObjectCoercible($this));
+	    var string = String(requireObjectCoercible$1($this));
 	    if (TYPE & 1) string = string.replace(ltrim, '');
 	    if (TYPE & 2) string = string.replace(rtrim, '');
 	    return string;
@@ -134059,7 +134213,7 @@
 	  trim: createMethod(3)
 	};
 
-	var fails$1 = fails$w;
+	var fails$2 = fails$w;
 	var whitespaces = whitespaces$2;
 
 	var non = '\u200B\u0085\u180E';
@@ -134067,7 +134221,7 @@
 	// check that a method works with the correct list
 	// of whitespaces and has a correct name
 	var stringTrimForced = function (METHOD_NAME) {
-	  return fails$1(function () {
+	  return fails$2(function () {
 	    return !!whitespaces[METHOD_NAME]() || non[METHOD_NAME]() != non || whitespaces[METHOD_NAME].name !== METHOD_NAME;
 	  });
 	};
@@ -134085,15 +134239,15 @@
 	});
 
 	var redefine = redefine$k.exports;
-	var anObject = anObject$v;
-	var fails = fails$w;
+	var anObject$1 = anObject$v;
+	var fails$1 = fails$w;
 	var flags = regexpFlags$1;
 
 	var TO_STRING = 'toString';
 	var RegExpPrototype = RegExp.prototype;
 	var nativeToString = RegExpPrototype[TO_STRING];
 
-	var NOT_GENERIC = fails(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
+	var NOT_GENERIC = fails$1(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
 	// FF44- RegExp#toString has a wrong name
 	var INCORRECT_NAME = nativeToString.name != TO_STRING;
 
@@ -134101,7 +134255,7 @@
 	// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
 	if (NOT_GENERIC || INCORRECT_NAME) {
 	  redefine(RegExp.prototype, TO_STRING, function toString() {
-	    var R = anObject(this);
+	    var R = anObject$1(this);
 	    var p = String(R.source);
 	    var rf = R.flags;
 	    var f = String(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);
@@ -134192,7 +134346,7 @@
 	var StyledDropdown = _styled__default["default"](Dropdown).withConfig({
 	  displayName: "GroupsDropdown__StyledDropdown",
 	  componentId: "sc-cmsnyu-0"
-	})(templateObject_1$5 || (templateObject_1$5 = __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$7 || (templateObject_1$7 = __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;
@@ -134203,16 +134357,16 @@
 	var DropdownOption = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__DropdownOption",
 	  componentId: "sc-cmsnyu-1"
-	})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
+	})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject$l(["\n  ", "\n"], ["\n  ", "\n"])), ToolbarOptionStyles);
 
 	var Title = _styled__default["default"].div.withConfig({
 	  displayName: "GroupsDropdown__Title",
 	  componentId: "sc-cmsnyu-2"
-	})(templateObject_3$1 || (templateObject_3$1 = __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$2 || (templateObject_3$2 = __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$1 || (templateObject_4$1 = __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$2 || (templateObject_4$2 = __makeTemplateObject$l(["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"], ["\n  .ms-Dropdown-item {\n    i {\n      width: auto;\n      margin: 0 ", "px 0 0;\n    }\n  }\n"])), spacingS);
 
-	var templateObject_1$5, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+	var templateObject_1$7, templateObject_2$2, templateObject_3$2, templateObject_4$2;
 
 	var TaskButton = function TaskButton(_a) {
 	  var count = _a.count,
@@ -134254,9 +134408,9 @@
 	var ToggleButton = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
 	  displayName: "TaskButton__ToggleButton",
 	  componentId: "sc-8eylsw-0"
-	})(templateObject_1$4 || (templateObject_1$4 = __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$6 || (templateObject_1$6 = __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$4;
+	var templateObject_1$6;
 
 	var TaskButtons = function TaskButtons(_a) {
 	  var type = _a.type,
@@ -134274,7 +134428,7 @@
 	    return null;
 	  }
 
-	  return jsxRuntime.jsxs(Host$1, __assign$g({
+	  return jsxRuntime.jsxs(Host$3, __assign$g({
 	    className: className
 	  }, {
 	    children: [jsxRuntime.jsx(TaskButton, {
@@ -134319,12 +134473,12 @@
 	  }), void 0);
 	};
 
-	var Host$1 = _styled__default["default"].div.withConfig({
+	var Host$3 = _styled__default["default"].div.withConfig({
 	  displayName: "TaskButtons__Host",
 	  componentId: "sc-sw0zei-0"
-	})(templateObject_1$3 || (templateObject_1$3 = __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$5 || (templateObject_1$5 = __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$3;
+	var templateObject_1$5;
 
 	var NewArticleButton = function NewArticleButton(_a) {
 	  var groupId = _a.groupId,
@@ -134466,34 +134620,34 @@
 	    }).length;
 	  }
 	};
-	var MessageBarStyle = _styled.createGlobalStyle(templateObject_1$2 || (templateObject_1$2 = __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$4 || (templateObject_1$4 = __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 || (templateObject_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$1 || (templateObject_2$1 = __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 || (templateObject_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);
+	})(templateObject_3$1 || (templateObject_3$1 = __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 || (templateObject_4 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject$l([""], [""])));
 
 	var Filters = _styled__default["default"].div.withConfig({
 	  displayName: "NewsEditorDashboard__Filters",
 	  componentId: "sc-vv9dzu-3"
-	})(templateObject_5 || (templateObject_5 = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"])), spacingM);
+	})(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject$l(["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n\n  > * {\n    margin-right: ", "px;\n  }\n"])), spacingM);
 
 	var StyledNewArticleButton = _styled__default["default"](NewArticleButton).withConfig({
 	  displayName: "NewsEditorDashboard__StyledNewArticleButton",
 	  componentId: "sc-vv9dzu-4"
-	})(templateObject_6 || (templateObject_6 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"])), spacingXs);
+	})(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"], ["\n  margin-bottom: ", "px;\n  align-self: flex-start;\n"])), spacingXs);
 
-	var templateObject_1$2, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+	var templateObject_1$4, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1;
 
 	// NOTE: This component exists in this project and not in the ui/common/toolbar because it uses DetailViewContext placed in feature/content/
 	// Also a generic component `ToolbarLanguageSelector` in ui/common/toolbar complicates the flow and requires some code duplication
@@ -134534,9 +134688,9 @@
 	var LanguageMenuButton = _styled__default["default"](LanguageSelector).withConfig({
 	  displayName: "ToolbarNewsLanguageSelector__LanguageMenuButton",
 	  componentId: "sc-1xe5l19-0"
-	})(templateObject_1$1 || (templateObject_1$1 = __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$3 || (templateObject_1$3 = __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$1;
+	var templateObject_1$3;
 
 	var ToolbarManageNewsItemButton = function ToolbarManageNewsItemButton(_a) {
 	  var onClick = _a.onClick;
@@ -134632,7 +134786,7 @@
 	  }
 
 	  if (!itemContext) {
-	    return jsxRuntime.jsx(Host, __assign$g({
+	    return jsxRuntime.jsx(Host$2, __assign$g({
 	      className: className
 	    }, {
 	      children: jsxRuntime.jsx(NewsItemPreviewContextProvider, __assign$g({
@@ -134644,7 +134798,7 @@
 	    }), void 0);
 	  }
 
-	  return jsxRuntime.jsx(Host, __assign$g({
+	  return jsxRuntime.jsx(Host$2, __assign$g({
 	    className: className
 	  }, {
 	    children: jsxRuntime.jsx(NewsDetailPreviewInternal, {}, void 0)
@@ -134659,12 +134813,328 @@
 	  }), void 0);
 	};
 
-	var Host = _styled__default["default"].div.withConfig({
+	var Host$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsDetailPreview__Host",
 	  componentId: "sc-17gmqax-0"
-	})(templateObject_1 || (templateObject_1 = __makeTemplateObject$l([""], [""])));
+	})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject$l([""], [""])));
+
+	var templateObject_1$2;
+
+	var FilterContext = /*#__PURE__*/React$d.createContext(null);
+	var FilterContextProvider = function FilterContextProvider(_a) {
+	  var filter = _a.filter,
+	      onChange = _a.onChange,
+	      children = _a.children;
+	  return jsxRuntime.jsx(FilterContext.Provider, __assign$g({
+	    value: {
+	      filter: filter,
+	      onChange: onChange
+	    }
+	  }, {
+	    children: children
+	  }), void 0);
+	};
+
+	var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
+	  var filter = _a.filter,
+	      onChange = _a.onChange,
+	      children = _a.children;
+	  return jsxRuntime.jsx(FilterContextProvider, __assign$g({
+	    filter: filter,
+	    onChange: onChange
+	  }, {
+	    children: jsxRuntime.jsx(Host$1, {
+	      children: children
+	    }, void 0)
+	  }), void 0);
+	};
+
+	var Host$1 = _styled__default["default"].div.withConfig({
+	  displayName: "ToolbarFilterPanel__Host",
+	  componentId: "sc-118p488-0"
+	})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject$l([""], [""])));
+
+	var templateObject_1$1;
+
+	var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
+	var isRegExp = isRegexp$1;
+	var anObject = anObject$v;
+	var requireObjectCoercible = requireObjectCoercible$m;
+	var speciesConstructor = speciesConstructor$9;
+	var advanceStringIndex = advanceStringIndex$2;
+	var toLength = toLength$l;
+	var callRegExpExec = regexpExecAbstract;
+	var regexpExec = regexpExec$3;
+	var fails = fails$w;
+
+	var arrayPush = [].push;
+	var min = Math.min;
+	var MAX_UINT32 = 0xFFFFFFFF;
+
+	// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+	var SUPPORTS_Y = !fails(function () { return !RegExp(MAX_UINT32, 'y'); });
+
+	// @@split logic
+	fixRegExpWellKnownSymbolLogic('split', 2, function (SPLIT, nativeSplit, maybeCallNative) {
+	  var internalSplit;
+	  if (
+	    'abbc'.split(/(b)*/)[1] == 'c' ||
+	    'test'.split(/(?:)/, -1).length != 4 ||
+	    'ab'.split(/(?:ab)*/).length != 2 ||
+	    '.'.split(/(.?)(.?)/).length != 4 ||
+	    '.'.split(/()()/).length > 1 ||
+	    ''.split(/.?/).length
+	  ) {
+	    // based on es5-shim implementation, need to rework it
+	    internalSplit = function (separator, limit) {
+	      var string = String(requireObjectCoercible(this));
+	      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+	      if (lim === 0) return [];
+	      if (separator === undefined) return [string];
+	      // If `separator` is not a regex, use native split
+	      if (!isRegExp(separator)) {
+	        return nativeSplit.call(string, separator, lim);
+	      }
+	      var output = [];
+	      var flags = (separator.ignoreCase ? 'i' : '') +
+	                  (separator.multiline ? 'm' : '') +
+	                  (separator.unicode ? 'u' : '') +
+	                  (separator.sticky ? 'y' : '');
+	      var lastLastIndex = 0;
+	      // Make `global` and avoid `lastIndex` issues by working with a copy
+	      var separatorCopy = new RegExp(separator.source, flags + 'g');
+	      var match, lastIndex, lastLength;
+	      while (match = regexpExec.call(separatorCopy, string)) {
+	        lastIndex = separatorCopy.lastIndex;
+	        if (lastIndex > lastLastIndex) {
+	          output.push(string.slice(lastLastIndex, match.index));
+	          if (match.length > 1 && match.index < string.length) arrayPush.apply(output, match.slice(1));
+	          lastLength = match[0].length;
+	          lastLastIndex = lastIndex;
+	          if (output.length >= lim) break;
+	        }
+	        if (separatorCopy.lastIndex === match.index) separatorCopy.lastIndex++; // Avoid an infinite loop
+	      }
+	      if (lastLastIndex === string.length) {
+	        if (lastLength || !separatorCopy.test('')) output.push('');
+	      } else output.push(string.slice(lastLastIndex));
+	      return output.length > lim ? output.slice(0, lim) : output;
+	    };
+	  // Chakra, V8
+	  } else if ('0'.split(undefined, 0).length) {
+	    internalSplit = function (separator, limit) {
+	      return separator === undefined && limit === 0 ? [] : nativeSplit.call(this, separator, limit);
+	    };
+	  } else internalSplit = nativeSplit;
+
+	  return [
+	    // `String.prototype.split` method
+	    // https://tc39.github.io/ecma262/#sec-string.prototype.split
+	    function split(separator, limit) {
+	      var O = requireObjectCoercible(this);
+	      var splitter = separator == undefined ? undefined : separator[SPLIT];
+	      return splitter !== undefined
+	        ? splitter.call(separator, O, limit)
+	        : internalSplit.call(String(O), separator, limit);
+	    },
+	    // `RegExp.prototype[@@split]` method
+	    // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@split
+	    //
+	    // NOTE: This cannot be properly polyfilled in engines that don't support
+	    // the 'y' flag.
+	    function (regexp, limit) {
+	      var res = maybeCallNative(internalSplit, regexp, this, limit, internalSplit !== nativeSplit);
+	      if (res.done) return res.value;
 
-	var templateObject_1;
+	      var rx = anObject(regexp);
+	      var S = String(this);
+	      var C = speciesConstructor(rx, RegExp);
+
+	      var unicodeMatching = rx.unicode;
+	      var flags = (rx.ignoreCase ? 'i' : '') +
+	                  (rx.multiline ? 'm' : '') +
+	                  (rx.unicode ? 'u' : '') +
+	                  (SUPPORTS_Y ? 'y' : 'g');
+
+	      // ^(? + rx + ) is needed, in combination with some S slicing, to
+	      // simulate the 'y' flag.
+	      var splitter = new C(SUPPORTS_Y ? rx : '^(?:' + rx.source + ')', flags);
+	      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+	      if (lim === 0) return [];
+	      if (S.length === 0) return callRegExpExec(splitter, S) === null ? [S] : [];
+	      var p = 0;
+	      var q = 0;
+	      var A = [];
+	      while (q < S.length) {
+	        splitter.lastIndex = SUPPORTS_Y ? q : 0;
+	        var z = callRegExpExec(splitter, SUPPORTS_Y ? S : S.slice(q));
+	        var e;
+	        if (
+	          z === null ||
+	          (e = min(toLength(splitter.lastIndex + (SUPPORTS_Y ? 0 : q)), S.length)) === p
+	        ) {
+	          q = advanceStringIndex(S, q, unicodeMatching);
+	        } else {
+	          A.push(S.slice(p, q));
+	          if (A.length === lim) return A;
+	          for (var i = 1; i <= z.length - 1; i++) {
+	            A.push(z[i]);
+	            if (A.length === lim) return A;
+	          }
+	          q = p = e;
+	        }
+	      }
+	      A.push(S.slice(p));
+	      return A;
+	    }
+	  ];
+	}, !SUPPORTS_Y);
+
+	var ChannelFilter = function ChannelFilter(_a) {
+	  var _b;
+
+	  var channels = _a.channels;
+	  var channelRef = React$d.useRef();
+	  var user = useCurrentUser();
+	  var formatMessage = useIntl().formatMessage;
+	  var allChannels = React$d.useContext(LazySubscriptionContext).channels;
+
+	  var _c = React$d.useContext(FilterContext),
+	      filter = _c.filter,
+	      onChange = _c.onChange;
+
+	  var _d = React$d.useState(false),
+	      showChannels = _d[0],
+	      setShowChannels = _d[1];
+
+	  var availableChannels = (_b = channels === null || channels === void 0 ? void 0 : channels.map(function (c) {
+	    return allChannels.find(function (channel) {
+	      return channel.name === c;
+	    });
+	  }).filter(function (c) {
+	    return !!c;
+	  })) !== null && _b !== void 0 ? _b : allChannels;
+	  var channelsFromFilter = getChannelsFromFilter();
+	  return jsxRuntime.jsxs("div", __assign$g({
+	    ref: channelRef
+	  }, {
+	    children: [jsxRuntime.jsx(ChannelsButton, __assign$g({
+	      iconProps: {
+	        iconName: showChannels ? 'ChevronUp' : 'ChevronDown'
+	      },
+	      text: !channelsFromFilter.length ? formatMessage({
+	        id: 'FilterPanel.channels'
+	      }) : null,
+	      onClick: function () {
+	        return setShowChannels(!showChannels);
+	      }
+	    }, {
+	      children: channelsFromFilter.length > 0 && jsxRuntime.jsxs(SelectedChannelsLabel, {
+	        children: [jsxRuntime.jsx(ChannelTitle, {
+	          channel: channelsFromFilter[0],
+	          language: user.preferredUiLanguage
+	        }, void 0), ' ', channelsFromFilter.length > 1 && "(+" + (channelsFromFilter.length - 1) + ")"]
+	      }, void 0)
+	    }), void 0), showChannels && jsxRuntime.jsx(Callout, __assign$g({
+	      target: channelRef.current,
+	      onDismiss: function () {
+	        return setShowChannels(false);
+	      },
+	      isBeakVisible: false,
+	      calloutWidth: 240,
+	      styles: {
+	        calloutMain: {
+	          padding: spacingM
+	        }
+	      }
+	    }, {
+	      children: jsxRuntime.jsxs(Host, {
+	        children: [jsxRuntime.jsx(Channels, {
+	          children: availableChannels.map(function (c) {
+	            var checked = isChannelSelected(c);
+	            return jsxRuntime.jsx(StyledCheckbox, {
+	              onRenderLabel: function () {
+	                return jsxRuntime.jsx(ChannelTitle, {
+	                  channel: c,
+	                  language: user.preferredUiLanguage
+	                }, void 0);
+	              },
+	              onChange: function (_e, isChecked) {
+	                return handleChange(isChecked, c);
+	              },
+	              checked: checked
+	            }, c.id);
+	          })
+	        }, void 0), jsxRuntime.jsx(ClearFilterButton, {
+	          text: "Clear filter",
+	          iconProps: {
+	            iconName: 'ClearFilter'
+	          },
+	          onClick: handleClearFilter
+	        }, void 0)]
+	      }, void 0)
+	    }), void 0)]
+	  }), void 0);
+
+	  function getChannelsFromFilter() {
+	    return ((filter === null || filter === void 0 ? void 0 : filter.channels) || '').split(',').filter(function (s) {
+	      return s && s.length > 0;
+	    });
+	  }
+
+	  function handleChange(checked, channel) {
+	    var newChannels = checked ? __spreadArray$8(__spreadArray$8([], channelsFromFilter), [channel.name]) : channelsFromFilter.filter(function (c) {
+	      return c !== channel.name;
+	    });
+	    onChange(__assign$g(__assign$g({}, filter), {
+	      channels: newChannels.join(',')
+	    }));
+	  }
+
+	  function handleClearFilter() {
+	    onChange(__assign$g(__assign$g({}, filter), {
+	      channels: null
+	    }));
+	  }
+
+	  function isChannelSelected(channel) {
+	    return channelsFromFilter.findIndex(function (c) {
+	      return c === channel.name;
+	    }) > -1;
+	  }
+	};
+
+	var Host = _styled__default["default"].div.withConfig({
+	  displayName: "ChannelFilter__Host",
+	  componentId: "sc-1ju8xwz-0"
+	})(templateObject_1 || (templateObject_1 = __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 || (templateObject_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 || (templateObject_3 = __makeTemplateObject$l(["\n  font-weight: bold;\n"], ["\n  font-weight: bold;\n"])));
+
+	var Channels = _styled__default["default"].div.withConfig({
+	  displayName: "ChannelFilter__Channels",
+	  componentId: "sc-1ju8xwz-3"
+	})(templateObject_4 || (templateObject_4 = __makeTemplateObject$l(["\n  margin-bottom: ", "px;\n"], ["\n  margin-bottom: ", "px;\n"])), spacingM);
+
+	var StyledCheckbox = _styled__default["default"](officeUiFabricReact.Checkbox).withConfig({
+	  displayName: "ChannelFilter__StyledCheckbox",
+	  componentId: "sc-1ju8xwz-4"
+	})(templateObject_5 || (templateObject_5 = __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 = _styled__default["default"](officeUiFabricReact.DefaultButton).withConfig({
+	  displayName: "ChannelFilter__ClearFilterButton",
+	  componentId: "sc-1ju8xwz-5"
+	})(templateObject_6 || (templateObject_6 = __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, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 	/* @generated */
 	// prettier-ignore
@@ -135589,11 +136059,10 @@
 	  "AccessDenied.loginExplanation": "Sie müssen sich anmelden, um diese Seite zu besuchen.",
 	  "AccessDenied.registerExplanation": "Sie müssen sich registrieren um diese Webseite besuchen zu können.",
 	  "AccessDenied.subscriptionInfo": "Auch wenn Sie nicht die Berechtigungen für die beantragte Resource haben, können Sie noch immer eines Ihrer anderen Abonnements nutzen:",
-	  "Subscription.productInfo.title": "LiveTiles Reach – Gezielte Kommunikation mit Mitarbeitern, Kunden und Partnern",
+	  "Subscription.productInfo.title": "Gezielte Kommunikation mit Mitarbeitern, Kunden und Partnern",
 	  "Subscription.productInfo.description1": "Viele Unternehmen stehen vor der Herausforderung, ihren Mitarbeitern, Kunden und Partnern wichtige Informationen und Neuigkeiten auf effiziente Art und Weise mitzuteilen. Der Informationsfluss ist oft schwierig zu messen und zu kontrollieren.",
 	  "Subscription.productInfo.description2": "Mit LiveTiles Reach kommunizieren Sie über eine schöne, fokussierte App, die den Benutzer auf ideale Weise führt. Klar definierbare Zielgruppen können spielend leicht Informationen von überall her konsumieren und Ihre Kommunikationsspezialisten haben ein einfaches und dennoch leistungsfähiges Werkzeug, um Inhalte zu erstellen und gezielt zu veröffentlichen. Leistungsfähige Analysewerkzeuge helfen, den Informationsfluss zu regeln und auszuwerten.",
 	  "Subscription.productInfo.description3": "Intranets und Projekte in der Unternehmenskommunikation sind seit vielen Jahren unsere Leidenschaft. Wir haben diesen gesammelten Wissensschatz genutzt, um LiveTiles Reach zu bauen.",
-	  "Subscription.productInfo.learnMore": "Klicken Sie hier um mehr zu erfahren",
 	  "Subscription.create.caption": "Erstellen",
 	  "Subscription.create.cancelSignIn": "Zurück zur Anmeldeseite",
 	  "Subscription.create.cancelPrevious": "Zurück zur vorherigen Seite",
@@ -135630,21 +136099,20 @@
 	  "FatalError.newsNotLoaded": "Beim Laden des Artikels ist etwas ist schief gelaufen.",
 	  "FatalError.genericLoginError": "Es ist ein Anmeldefehler aufgetreten",
 	  "FatalError.ieLoginError": "Eine stillschweigende Anmeldung wurde versucht, aber es ist kein Benutzer angemeldet. Die Cookies, welche diese Benutzersitzung repräsentieren, fehlten in der Anfrage an das Azure AD. Das kann passieren, wenn Internet Explorer oder Edge benutzt werden und die Web-App, welche die Anmeldeanforderung schickt, sich in einer anderen IE Sicherheitszone befindet als der Azure AD Endpunkt (login.microsoftonline.com).",
-	  "About.title": "Über",
-	  "About.subscriptionContact": "Ihre Kontaktperson für LiveTiles Reach",
+	  "About.title": "Über LiveTiles Reach",
+	  "About.subscriptionContact": "Ihre Support-Kontakt",
 	  "About.subscriptionCompany": "Firma",
-	  "About.changeSubscriptionContact": "Ändern",
 	  "About.failedToLoadSubscription": "Das LiveTiles Reach Abo konnte nicht geladen werden",
-	  "About.loadingSubscription": "LiveTiles Reach Abo wird geladen...",
 	  "About.noSubscriptionContact": "Kein Kontakt ausgewählt",
 	  "About.selectSubscriptionContact": "Kontakt auswählen",
 	  "About.condense.doYouWantTo": "Möchten Sie LiveTiles Reach mit Ihren Freunden, Ihrer Firma, Ihrer Schule oder Ihrem Sport Verein nutzen?",
 	  "About.condense.createSubscriptionText": "Erstellen Sie Ihr eigenes, kostenloses Abonnement!",
 	  "About.condense.createSubscriptionButton": "Abonnement erstellen",
-	  "About.version": "Version",
-	  "About.support": "Support",
-	  "About.privacy": "Datenschutz",
-	  "About.liveTilesReachWebsite": "LiveTiles Reach Website",
+	  "About.version": "Technische Informationen",
+	  "About.privacy": "Datenschutzbestimmungen",
+	  "About.liveTilesReachWebsite": "Website",
+	  "About.knowledgeBase": "Wissensdatenbank",
+	  "About.releaseNotes": "Versionshinweise",
 	  "About.setContactError": "Der Kontakt konnte nicht gesetzt werden.",
 	  "EmptySearchResult.info": "Für Ihre Suchabfrage konnte nichts gefunden werden.",
 	  "KeywordPicker.emptySearch": "Es konnten keine Schlagwörter gefunden werden.",
@@ -137567,7 +138035,6 @@
 	  "Subscription.productInfo.description1": "De nombreuses organisations sont confrontées à la difficulté de livrer efficacement des messages et informations importantes à leurs employés. Le flux d'informations est souvent difficile à mesurer et à contrôler.",
 	  "Subscription.productInfo.description2": "Nous avons créé une application belle et simplifiée qui valorise l'utilisateur. Elle lui donne une expérience enjouée pour consommer de l'information n'importe où et n'importe quand. Le créateur de contenu dispose d'une interface simple mais puissante pour créer et gérer ses messages, complétée par une aide analytique qui permet de contrôler et analyser le flux d'informations.",
 	  "Subscription.productInfo.description3": "Les intranets et projets dans la communication d'entreprise sont notre passion depuis de nombreuses années. Nous avons tiré profit de ce réservoir de connaissances pour créer LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Cliquer ici pour en savoir plus :",
 	  "Subscription.create.caption": "Créer",
 	  "Subscription.create.cancelSignIn": "Je ne veux pas faire ça. Ramenez-moi à l'écran de connexion.",
 	  "Subscription.create.cancelPrevious": "Je ne veux pas faire ça. Ramenez-moi à l'écran précédent.",
@@ -137607,18 +138074,17 @@
 	  "About.title": "À propos de LiveTiles Reach",
 	  "About.subscriptionContact": "Contact",
 	  "About.subscriptionCompany": "Société",
-	  "About.changeSubscriptionContact": "Modifier",
 	  "About.failedToLoadSubscription": "Impossible de charger les informations d'abonnement",
-	  "About.loadingSubscription": "Chargement de l'abonnement…",
 	  "About.noSubscriptionContact": "Aucun contact d'abonnement",
 	  "About.selectSubscriptionContact": "Sélectionner un contact",
 	  "About.condense.doYouWantTo": "Do you want to use LiveTiles Reach with your friends, company, school or sports club?",
 	  "About.condense.createSubscriptionText": "Create your own subscription - it's free!",
 	  "About.condense.createSubscriptionButton": "Create Subscription",
 	  "About.version": "Version",
-	  "About.support": "Support",
 	  "About.privacy": "Vie privée",
 	  "About.liveTilesReachWebsite": "Site Web LiveTiles Reach",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Impossible de définir le contact",
 	  "EmptySearchResult.info": "Aucune correspondance avec vos critères de recherche",
 	  "KeywordPicker.emptySearch": "Nous n'avons pas pu trouver de tags pour votre recherche.",
@@ -139541,7 +140007,6 @@
 	  "Subscription.productInfo.description1": "Muchas organizaciones enfrentan el desafío de entregar información y mensajes importante de manera eficiente a sus empleados, clientes y socios. El flujo de la información es a menudo difícil de medir y controlar.",
 	  "Subscription.productInfo.description2": "Con LiveTiles Reach, usted se comunica a través de una aplicación enfocada y hermosa que guía al usuario de una manera ideal. Las audiencias claramente definidas pueden fácilmente consumir información desde cualquier lugar y sus profesionales de la comunicación tienen una herramienta simple pero poderosa para crear y publicar contenido. Las potentes herramientas de análisis ayudan a evaluar y controlar el flujo de información.",
 	  "Subscription.productInfo.description3": "Los proyectos y redes internas en comunicaciones corporativas han sido nuestra pasión por años. Aprovechamos este conjunto de conocimiento para construir LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Haga clic aquí para más información:",
 	  "Subscription.create.caption": "Crear",
 	  "Subscription.create.cancelSignIn": "No quiero hacer esto. Regresara la pantalla de inicio de sesión.",
 	  "Subscription.create.cancelPrevious": "No quiero hacer esto. Regresar a la pantalla anterior.",
@@ -139581,18 +140046,17 @@
 	  "About.title": "Sobre",
 	  "About.subscriptionContact": "Contactar",
 	  "About.subscriptionCompany": "Empresa",
-	  "About.changeSubscriptionContact": "Cambiar",
 	  "About.failedToLoadSubscription": "No se puede cargar la información de la suscripción",
-	  "About.loadingSubscription": "Cargando suscripción...",
 	  "About.noSubscriptionContact": "Sin contacto de suscripción",
 	  "About.selectSubscriptionContact": "Seleccionar contacto",
 	  "About.condense.doYouWantTo": "¿Quieres usar LiveTiles Reach con tus amigos, empresa, escuela o club deportivo?",
 	  "About.condense.createSubscriptionText": "Cree su propia suscripción, ¡es gratis!",
 	  "About.condense.createSubscriptionButton": "Crear suscripción",
 	  "About.version": "Versión",
-	  "About.support": "Soporte",
 	  "About.privacy": "Privacidad",
 	  "About.liveTilesReachWebsite": "Sitio web de LiveTiles Reach",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "¡No se pudo establecer el contacto!",
 	  "EmptySearchResult.info": "Nada coincide con su criterio de búsqueda",
 	  "KeywordPicker.emptySearch": "No pudimos encontrar ninguna palabra clave para su búsqueda.",
@@ -141514,7 +141978,6 @@
 	  "Subscription.productInfo.description1": "許多組織面臨著向其員工、客戶和合作夥伴有效傳遞重要資訊和消息的挑戰。 資訊流通常很難測量和控制。",
 	  "Subscription.productInfo.description2": "借助 LiveTiles Reach，您可以通過美觀、專注的應用程式進行交流，以理想的方式指導使用者。 明確定義的受眾可以輕鬆地從任何地方使用資訊，並且您的傳播專業人員將擁有一個簡單而強大的內容創建和發佈工具。 強大的分析工具可説明評估和控制資訊流。",
 	  "Subscription.productInfo.description3": "多年來，公司溝通中的內聯網和專案一直是我們的激情所在。 我們利用這些知識來構建LiveTiles Reach。 ",
-	  "Subscription.productInfo.learnMore": "點擊這裡瞭解更多：",
 	  "Subscription.create.caption": "創建",
 	  "Subscription.create.cancelSignIn": "請轉至登錄螢幕。",
 	  "Subscription.create.cancelPrevious": "請轉至上一個螢幕。",
@@ -141554,18 +142017,17 @@
 	  "About.title": "關於",
 	  "About.subscriptionContact": "您的LiveTiles Reach聯繫人",
 	  "About.subscriptionCompany": "公司",
-	  "About.changeSubscriptionContact": "更改",
 	  "About.failedToLoadSubscription": "無法載入訂閱資訊",
-	  "About.loadingSubscription": "正在載入訂閱...",
 	  "About.noSubscriptionContact": "沒有訂閱聯繫",
 	  "About.selectSubscriptionContact": "選擇連絡人",
 	  "About.condense.doYouWantTo": "您想與您的朋友、公司、學校或體育俱樂部一起使用LiveTiles Reach嗎？",
 	  "About.condense.createSubscriptionText": "創建您自己的訂閱-免費！",
 	  "About.condense.createSubscriptionButton": "創建訂閱",
 	  "About.version": "版本",
-	  "About.support": "支持",
 	  "About.privacy": "隱私",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach 網站",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "無法設置連絡人",
 	  "EmptySearchResult.info": "沒有符合您的搜尋條件",
 	  "KeywordPicker.emptySearch": "我們找不到適合您搜索的關鍵字。",
@@ -143473,7 +143935,6 @@
 	  "Subscription.productInfo.description1": "许多组织面临着向其员工、客户和合作伙伴有效传递重要信息和消息的挑战。信息流通常很难测量和控制。",
 	  "Subscription.productInfo.description2": "借助LiveTiles Reach，您可以通过美观、专注的应用程序进行交流，以理想的方式指导用户。明确定义的受众可以轻松地从任何地方使用信息，并且您的传播专业人员将拥有一个简单而强大的内容创建和发布工具。强大的分析工具可帮助评估和控制信息流。",
 	  "Subscription.productInfo.description3": "多年来，公司沟通中的内联网和项目一直是我们的激情所在。我们利用这些知识来构建LiveTiles Reach。",
-	  "Subscription.productInfo.learnMore": "点击这里了解更多：",
 	  "Subscription.create.caption": "创建",
 	  "Subscription.create.cancelSignIn": "请转至登录屏幕。",
 	  "Subscription.create.cancelPrevious": "请转至上一个屏幕。",
@@ -143513,18 +143974,17 @@
 	  "About.title": "关于",
 	  "About.subscriptionContact": "您的LiveTiles Reach联系人",
 	  "About.subscriptionCompany": "公司",
-	  "About.changeSubscriptionContact": "更改",
 	  "About.failedToLoadSubscription": "无法加载订阅信息",
-	  "About.loadingSubscription": "正在加载订阅...",
 	  "About.noSubscriptionContact": "没有订阅联系",
 	  "About.selectSubscriptionContact": "选择联系人",
 	  "About.condense.doYouWantTo": "您想与您的朋友、公司、学校或体育俱乐部一起使用LiveTiles Reach吗？",
 	  "About.condense.createSubscriptionText": "创建您自己的订阅-免费！",
 	  "About.condense.createSubscriptionButton": "创建订阅",
 	  "About.version": "版本",
-	  "About.support": "支持",
 	  "About.privacy": "隐私",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach网站",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "无法设置联系人",
 	  "EmptySearchResult.info": "没有符合您的搜索条件",
 	  "KeywordPicker.emptySearch": "我们找不到适合您搜索的关键字。",
@@ -145446,7 +145906,6 @@
 	  "Subscription.productInfo.description1": "多くの企業では、重要な情報とメッセージをどのように従業員、顧客、パートナーに効率的に配信するべきかという課題に直面しています。情報の流れは測定と制御が困難だからです。",
 	  "Subscription.productInfo.description2": "LiveTiles Reachをでは、ユーザーを理想的な方法で誘導するアプリを通じてコミュニケーションをとることができます。明確に定義されたオーディエンスはどこからでも簡単に情報を利用でき、コミュニケーション担当者はコンテンツを作成および公開するためのシンプルで強力なツールを使用できます。強力な分析ツールは、情報の流れを評価および管理するのに役立ちます。",
 	  "Subscription.productInfo.description3": "当社は企業コミュニケーションにおけるイントラネットとプロジェクトに長年情熱を寄せてきました。そこで構築した知識を活用してLiveTiles Reachを立ち上げたのです。",
-	  "Subscription.productInfo.learnMore": "詳細については、ここをクリックしてください：",
 	  "Subscription.create.caption": "作成",
 	  "Subscription.create.cancelSignIn": "実行したくありません、サインイン画面に戻ります。",
 	  "Subscription.create.cancelPrevious": "実行したくありません、前の画面に戻ります。",
@@ -145486,18 +145945,17 @@
 	  "About.title": "概要",
 	  "About.subscriptionContact": "お問い合わせ",
 	  "About.subscriptionCompany": "企業",
-	  "About.changeSubscriptionContact": "変更",
 	  "About.failedToLoadSubscription": "サブスクリプション情報を読み込む事ができません",
-	  "About.loadingSubscription": "サブスクリプションを読み込んでいます…",
 	  "About.noSubscriptionContact": "サブスクリプションコンタクトなし",
 	  "About.selectSubscriptionContact": "コンタクトを選択",
 	  "About.condense.doYouWantTo": "友達、会社、学校、スポーツクラブでLiveTiles Reachを使用しますか？",
 	  "About.condense.createSubscriptionText": "独自のサブスクリプションを作成-無料です！",
 	  "About.condense.createSubscriptionButton": "サブスクリプション作成",
 	  "About.version": "バージョン",
-	  "About.support": "サポート",
 	  "About.privacy": "プライバシー",
 	  "About.liveTilesReachWebsite": "LiveTiles Reachウェブサイト",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "コンタクトの設定に失敗しました",
 	  "EmptySearchResult.info": "検索基準に一致しませんでした",
 	  "KeywordPicker.emptySearch": "検索用のキーワードを見つけられませんでした。",
@@ -147420,7 +147878,6 @@
 	  "Subscription.productInfo.description1": "Birçok kuruluş, çalışanlarına, müşterilerine ve ortaklarına önemli bilgi ve mesajları verimli bir şekilde iletme konusunda zorlanmaktadır. Bilgi akışını ölçmek ve kontrol etmek genellikle zordur.",
 	  "Subscription.productInfo.description2": "LiveTiles Reach ile kullanıcıyı ideal bir şekilde yönlendiren güzel, odaklanmış bir uygulama aracılığıyla iletişim kurarsınız. Açıkça tanımlanmış kitleler her yerden kolayca bilgi alabilirler ve iletişim uzmanlarınız içerik oluşturmak ve yayınlamak için basit ama güçlü bir araca sahip olur. Güçlü analiz araçları, bilgi akışını değerlendirmeye ve yönetmeye yardımcı olur.",
 	  "Subscription.productInfo.description3": "Kurumsal iletişimdeki intranetler ve projeler yıllardır tutkumuz olmuştur. LiveTiles Reach'i inşa etmek için bu bilgi havuzundan yararlandık.",
-	  "Subscription.productInfo.learnMore": "Daha fazlasını öğrenmek için buraya tıklayın:",
 	  "Subscription.create.caption": "Oluştur",
 	  "Subscription.create.cancelSignIn": "Oturum açma ekranına geri dön",
 	  "Subscription.create.cancelPrevious": "Önceki ekrana geri dön",
@@ -147460,18 +147917,17 @@
 	  "About.title": "Hakkında",
 	  "About.subscriptionContact": "LiveTiles Reach için irtibatınız",
 	  "About.subscriptionCompany": "Şirket",
-	  "About.changeSubscriptionContact": "Değiştir",
 	  "About.failedToLoadSubscription": "Abonelik bilgisi yüklenemiyor",
-	  "About.loadingSubscription": "Abonelik yükleniyor...",
 	  "About.noSubscriptionContact": "Abonelik kişisi yok",
 	  "About.selectSubscriptionContact": "Kişi seç",
 	  "About.condense.doYouWantTo": "LiveTiles Reach'i arkadaşlarınız, şirketiniz, okulunuz veya spor kulübünüzle kullanmak ister misiniz?",
 	  "About.condense.createSubscriptionText": "Kendi aboneliğinizi oluşturun - ücretsizdir!",
 	  "About.condense.createSubscriptionButton": "Abonelik Oluştur",
 	  "About.version": "Versiyon",
-	  "About.support": "Destek",
 	  "About.privacy": "Gizlilik",
 	  "About.liveTilesReachWebsite": "LiveTiles Reach Website",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Kişi ayarlanamadı",
 	  "EmptySearchResult.info": "Arama kriterlerinize uygun hiçbir şey yok",
 	  "KeywordPicker.emptySearch": "Aramanız için hiçbir anahtar kelime bulamadık.",
@@ -149395,7 +149851,6 @@
 	  "Subscription.productInfo.description1": "Molte organizzazioni devono affrontare la sfida di fornire in modo efficiente informazioni e messaggi importanti ai propri dipendenti, clienti e partner. Il flusso di informazioni è spesso difficile da misurare e controllare.",
 	  "Subscription.productInfo.description2": "Con LiveTiles Reach si comunica attraverso un'app intuitiva e mirata che guida l'utente in modo ideale. Un pubblico chiaramente definito può facilmente assorbire informazioni da qualsiasi luogo e i professionisti della comunicazione dispongono di uno strumento semplice ma potente per creare e pubblicare contenuti. Grazie agli strumenti di analisi avanzati è possibile valutare e controllare il flusso di informazioni.",
 	  "Subscription.productInfo.description3": "Le intranet e i progetti di comunicazione aziendale sono la nostra passione da molti anni. Abbiamo sfruttato questo pool di conoscenze per costruire LiveTiles Reach.",
-	  "Subscription.productInfo.learnMore": "Clicca qui per saperne di più:",
 	  "Subscription.create.caption": "Crea",
 	  "Subscription.create.cancelSignIn": "Non voglio farlo. Riportatemi al segno sullo schermo.",
 	  "Subscription.create.cancelPrevious": "Non voglio farlo. Riportami alla schermata precedente.",
@@ -149435,18 +149890,17 @@
 	  "About.title": "Circa",
 	  "About.subscriptionContact": "Contatto",
 	  "About.subscriptionCompany": "Compagnia",
-	  "About.changeSubscriptionContact": "Cambia",
 	  "About.failedToLoadSubscription": "Impossibile caricare le informazioni relative all'abbonamento",
-	  "About.loadingSubscription": "Caricamento abbonamento...",
 	  "About.noSubscriptionContact": "Nessun contatto per l'abbonamento",
 	  "About.selectSubscriptionContact": "Seleziona il contatto",
 	  "About.condense.doYouWantTo": "Do you want to use LiveTiles Reach with your friends, company, school or sports club?",
 	  "About.condense.createSubscriptionText": "Create your own subscription - it's free!",
 	  "About.condense.createSubscriptionButton": "Create Subscription",
 	  "About.version": "Versione",
-	  "About.support": "Supporto",
 	  "About.privacy": "Privacy",
 	  "About.liveTilesReachWebsite": "LiveTiles Raggiungi il sito web",
+	  "About.knowledgeBase": "Knowledge base",
+	  "About.releaseNotes": "Release notes",
 	  "About.setContactError": "Impossibile impostare il contatto",
 	  "EmptySearchResult.info": "Niente corrisponde ai tuoi criteri di ricerca",
 	  "KeywordPicker.emptySearch": "Non siamo riusciti a trovare nessuna parola chiave per la tua ricerca.",
@@ -211936,6 +212390,7 @@
 	});
 
 	exports.Avatar = Avatar;
+	exports.ChannelFilter = ChannelFilter;
 	exports.EventDetail = EventDetail;
 	exports.ManageChannels = ManageChannels;
 	exports.NewsDetail = NewsDetail;
@@ -211951,6 +212406,7 @@
 	exports.Toolbar = Toolbar$1;
 	exports.ToolbarChannelSelector = ToolbarChannelSelector;
 	exports.ToolbarCloseButton = ToolbarCloseButton;
+	exports.ToolbarFilterPanel = ToolbarFilterPanel;
 	exports.ToolbarIconButton = ToolbarIconButton;
 	exports.ToolbarManageNewsItemButton = ToolbarManageNewsItemButton;
 	exports.ToolbarMarkAllEventsAsReadButton = ToolbarMarkAllEventsAsReadButton;