@livetiles/reach-components-react 0.3.53 → 0.3.63

package/en.async.esm.esm.js

@@ -1224,6 +1224,7 @@ var en = {
   "Customization.applicationLogoInfo3": "Recommended size: {dimensions}. Width or height can be reduced as required by your logo. If both dimensions are less than the recommended values the logo might look blurry on high resolution devices.",
   "Customization.applicationLogoInfo3.dimensions.small": "855px width by 150px height",
   "Customization.applicationLogoInfo3.dimensions.large": "1500px width by 465px height",
+  "Customization.applicationLogo.large.legacy.info": "No logo has been uploaded for the sign-in dialog. The available logo for app and emails will be used until a new one has been uploaded. We recommend uploading a larger logo for a better user experience.",
   "Customization.applicationLogo.dialog.title": "Logo preview",
   "Customization.applicationLogo.dialog.description": "This is how your logo will look:",
   "Customization.applicationLogo.dialog.example.appBar": "App bar (large screens)",

package/index.d.ts

@@ -233,7 +233,6 @@ interface BaseSubscription {
     contact: Account;
     theme: Theme;
     defaultLanguage: string;
-    logoUrl: string;
     faviconUrl?: string;
     navigation: NavigationNode[];
     regionSettings?: RegionSettings;
@@ -242,6 +241,12 @@ interface BaseSubscription {
     hasUnreadItems: boolean;
     pageTrackingInfo: PageTrackingInfo;
     termsAndConditionsHash?: string;
+    logoInfo: LogoInfo;
+}
+interface LogoInfo {
+    smallUrl: string;
+    largeUrl: string;
+    isLegacyLogo: boolean;
 }
 interface PageTrackingInfo {
     type: string;

package/index.esm2.js

@@ -51010,6 +51010,13 @@ var AudienceMatchMode;
   AudienceMatchMode[AudienceMatchMode["AnyGroupAndAnyProperty"] = 1] = "AnyGroupAndAnyProperty";
 })(AudienceMatchMode || (AudienceMatchMode = {}));
 
+var LogoSize;
+
+(function (LogoSize) {
+  LogoSize["large"] = "large";
+  LogoSize["small"] = "small";
+})(LogoSize || (LogoSize = {}));
+
 var LinkDirectoryResultType;
 
 (function (LinkDirectoryResultType) {
@@ -53377,7 +53384,7 @@ fixRegExpWellKnownSymbolLogic$3$1('replace', 2, function (REPLACE, nativeReplace
   }
 });
 
-function usePluginStorage() {
+function usePluginDeviceStore() {
   var storage = useContext(PluginContext).storage;
   return storage;
 }
@@ -53476,6 +53483,210 @@ function getStorageWrapper(pluginId, storage) {
   }
 }
 
+function silenceNotFound(reason) {
+  var _a;
+
+  if (((_a = reason === null || reason === void 0 ? void 0 : reason.response) === null || _a === void 0 ? void 0 : _a.statusCode) === 404) {
+    return undefined;
+  }
+
+  throw reason;
+}
+
+function usePluginUserStore() {
+  var userStore = useContext(PluginContext).userStore;
+  return userStore;
+}
+
+function usePluginUserStoreValue(key, deps) {
+  var _this = this;
+
+  var userStore = useContext(PluginContext).userStore;
+
+  var _a = usePromise$2(function () {
+    return userStore.get(key).catch(silenceNotFound);
+  }, undefined, __spreadArray$4(__spreadArray$4([], deps || []), [key])),
+      data = _a[0],
+      isLoading = _a[1],
+      error = _a[2],
+      setState = _a[3],
+      refresh = _a[4];
+
+  return {
+    data: data,
+    set: function (newValue) {
+      return __awaiter$7(_this, void 0, void 0, function () {
+        var prevValue;
+        return __generator$7(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+              setState(newValue);
+              return [4
+              /*yield*/
+              , userStore.set(key, newValue).catch(function (reason) {
+                setState(prevValue);
+                return silenceNotFound(reason);
+              })];
+
+            case 1:
+              return [2
+              /*return*/
+              , _a.sent()];
+          }
+        });
+      });
+    },
+    isLoading: isLoading,
+    error: error,
+    refresh: refresh,
+    remove: function () {
+      return __awaiter$7(_this, void 0, void 0, function () {
+        var prevValue;
+        return __generator$7(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+              setState(undefined);
+              return [4
+              /*yield*/
+              , userStore.delete(key).catch(function (reason) {
+                setState(prevValue);
+                return silenceNotFound(reason);
+              })];
+
+            case 1:
+              return [2
+              /*return*/
+              , _a.sent()];
+          }
+        });
+      });
+    }
+  };
+}
+
+function getPluginUserStoreWrapper(pluginId, api) {
+  return {
+    get: getPluginUserValue,
+    set: setPluginUserValue,
+    delete: deletePluginUserValue
+  };
+
+  function getPluginUserValue(key) {
+    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").get().then(function (res) {
+      return res.body().data();
+    });
+  }
+
+  function setPluginUserValue(key, value) {
+    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").put(value).then(function (res) {
+      return res.body().data();
+    });
+  }
+
+  function deletePluginUserValue(key) {
+    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").delete();
+  }
+}
+
+function usePluginSubscriptionStore() {
+  var subscriptionStore = useContext(PluginContext).subscriptionStore;
+  return subscriptionStore;
+}
+
+function usePluginSubscriptionStoreValue(key, deps) {
+  var _this = this;
+
+  var subscriptionStore = useContext(PluginContext).subscriptionStore;
+
+  var _a = usePromise$2(function () {
+    return subscriptionStore.get(key).catch(silenceNotFound);
+  }, undefined, __spreadArray$4(__spreadArray$4([], deps || []), [key])),
+      data = _a[0],
+      isLoading = _a[1],
+      error = _a[2],
+      setState = _a[3],
+      refresh = _a[4];
+
+  return {
+    data: data,
+    set: function (newValue) {
+      return __awaiter$7(_this, void 0, void 0, function () {
+        var prevValue;
+        return __generator$7(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+              setState(newValue);
+              return [4
+              /*yield*/
+              , subscriptionStore.set(key, newValue).catch(function (reason) {
+                setState(prevValue);
+                return silenceNotFound(reason);
+              })];
+
+            case 1:
+              return [2
+              /*return*/
+              , _a.sent()];
+          }
+        });
+      });
+    },
+    isLoading: isLoading,
+    error: error,
+    refresh: refresh,
+    remove: function () {
+      return __awaiter$7(_this, void 0, void 0, function () {
+        var prevValue;
+        return __generator$7(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+              setState(undefined);
+              return [4
+              /*yield*/
+              , subscriptionStore.delete(key).catch(function (reason) {
+                setState(prevValue);
+                return silenceNotFound(reason);
+              })];
+
+            case 1:
+              return [2
+              /*return*/
+              , _a.sent()];
+          }
+        });
+      });
+    }
+  };
+}
+
+function getPluginSubscriptionStoreWrapper(pluginId, api) {
+  return {
+    get: getPluginSubscriptionValue,
+    set: setPluginSubscriptionValue,
+    delete: deletePluginSubscriptionValue
+  };
+
+  function getPluginSubscriptionValue(key) {
+    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").get().then(function (res) {
+      return res.body().data();
+    });
+  }
+
+  function setPluginSubscriptionValue(key, value) {
+    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").put(value).then(function (res) {
+      return res.body().data();
+    });
+  }
+
+  function deletePluginSubscriptionValue(key) {
+    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").delete();
+  }
+}
+
 var PluginWrapper = function PluginWrapper(_a) {
   var pluginId = _a.pluginId,
       componentName = _a.componentName,
@@ -53485,6 +53696,7 @@ var PluginWrapper = function PluginWrapper(_a) {
       props = __rest$2(_a, ["pluginId", "componentName", "settings", "bundleUrl", "bundleModificationDate"]);
 
   var storage = useStorage();
+  var api = useApi();
   var getPluginFileUrl = usePluginApi().getPluginFileUrl;
   var LazyComponent = useMemo(function () {
     return /*#__PURE__*/lazy$1(function () {
@@ -53494,9 +53706,11 @@ var PluginWrapper = function PluginWrapper(_a) {
   var pluginContext = useMemo(function () {
     return {
       settings: settings,
-      storage: getStorageWrapper(pluginId, storage)
+      storage: getStorageWrapper(pluginId, storage),
+      userStore: getPluginUserStoreWrapper(pluginId, api),
+      subscriptionStore: getPluginSubscriptionStoreWrapper(pluginId, api)
     };
-  }, [pluginId, settings, storage]);
+  }, [pluginId, settings, storage, api]);
   return jsx$1(Suspense, __assign$a({
     fallback: jsx$1("div", {}, void 0)
   }, {
@@ -54416,16 +54630,19 @@ function getTheme$1(settings) {
 }
 
 function getTextColor(bgColor) {
-  var contrastWithBlack = s(bgColor, defaultDarkColor);
-  var contrastWithWhite = s(bgColor, defaultLightColor);
-
-  if (contrastWithBlack > contrastWithWhite) {
+  if (shouldUseDarkForegroundColor(bgColor)) {
     return defaultDarkColor;
   }
 
   return defaultLightColor;
 }
 
+function shouldUseDarkForegroundColor(bgColor) {
+  var contrastWithBlack = s(bgColor, defaultDarkColor);
+  var contrastWithWhite = s(bgColor, defaultLightColor);
+  return contrastWithBlack > contrastWithWhite;
+}
+
 var ThemeContext$1 = /*#__PURE__*/createContext(null);
 
 var ThemeContextProvider = function ThemeContextProvider(_a) {
@@ -83805,7 +84022,7 @@ function isChannel(value) {
 var Host$c$1 = _styled.ul.withConfig({
   displayName: "ClickableChannelTitles__Host",
   componentId: "sc-1a7ny18-0"
-})(templateObject_1$q$2 || (templateObject_1$q$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"])), fontSizeSmall);
+})(templateObject_1$q$2 || (templateObject_1$q$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"])), fontSizeSmall);
 
 var ChannelBubble = _styled.div.withConfig({
   displayName: "ClickableChannelTitles__ChannelBubble",
@@ -83936,7 +84153,7 @@ var Toolbar$1 = function Toolbar(_a) {
 var Host$b$1 = _styled.div.withConfig({
   displayName: "Toolbar__Host",
   componentId: "sc-16ftbxt-0"
-})(templateObject_1$o$2 || (templateObject_1$o$2 = __makeTemplateObject$1(["\n  display: flex;\n  align-self: flex-start;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])), function (p) {
+})(templateObject_1$o$2 || (templateObject_1$o$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])), function (p) {
   return p.theme.palette.white;
 }, spacingXxs);
 
@@ -87393,7 +87610,12 @@ var ReachCore = /*#__PURE__*/Object.freeze({
   createId: createId,
   ResourceContext: ResourceContext,
   usePluginSettings: usePluginSettings,
-  usePluginStorage: usePluginStorage,
+  usePluginStorage: usePluginDeviceStore,
+  usePluginDeviceStore: usePluginDeviceStore,
+  usePluginSubscriptionStore: usePluginSubscriptionStore,
+  usePluginSubscriptionStoreValue: usePluginSubscriptionStoreValue,
+  usePluginUserStore: usePluginUserStore,
+  usePluginUserStoreValue: usePluginUserStoreValue,
   useReachApiEndPoints: useReachApiEndPoints,
   AccountType: AccountType,
   PeoplePicker: PeoplePicker,
@@ -87587,9 +87809,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.3.53";
-var buildId = "100755";
-var commitId = "7a22378ca3f2c703b91c6d26e6ef1504cfeb9b6c";
+var version$1 = "0.3.63";
+var buildId = "101357";
+var commitId = "f078b425a853f8d5cf68defe05c48b15ccafda0c";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -131851,7 +132073,7 @@ $$4({target:'Array',proto:true},{flatMap:function flatMap(callbackfn/* , thisArg
 // in popular engines, so it's moved to a separate module
 var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var KeywordsInfo=function KeywordsInfo(_a){var keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var flatKeywords=getFlatKeywordList(keywords);var hasKeywords=flatKeywords&&flatKeywords.length>0;if(!hasKeywords){return null;}return jsx$1(Host$Q,__assign({"data-keywords":true},{children:renderKeywords()}),void 0);function renderKeywords(){var keywordsGroupsIds=Object.keys(keywords||[]);return keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).map(function(groupId){return keywords[groupId].length>0&&jsx$1(KeywordsGroup,{groupId:groupId,groupName:availableKeywordGroups[groupId].name,language:language,keywords:keywords,className:className,filterBaseUrl:filterBaseUrl},groupId);});}};var KeywordsGroup=function KeywordsGroup(_a){var groupId=_a.groupId,groupName=_a.groupName,keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;return jsxs(KeywordsList$1,__assign({className:classNames('ms-fontColor-neutralSecondaryAlt',className)},{children:[jsxs(KeywordsListTitle,{children:[jsx$1(KeywordTitle,{groupName:groupName,language:language},void 0),":"]},void 0),keywords[groupId].map(function(k){var Title=jsx$1(KeywordTitle,{groupName:groupName,keywordName:k.name,language:language},void 0);return jsx$1(KeywordsListItem,{children:filterBaseUrl?jsx$1(NavLink,__assign({"data-keyword":true,className:"ms-fontColor-neutralSecondaryAlt",to:filterBaseUrl+"?"+queryString.stringify({keywords:k.id})},{children:Title}),void 0):jsxs(Fragment,{children:[" ",Title," "]},void 0)},groupName+k.name);})]}),void 0);};var Host$Q=_styled.div.withConfig({displayName:"KeywordsInfo__Host",componentId:"sc-woteiy-0"})(templateObject_1$2d||(templateObject_1$2d=__makeTemplateObject(["\n  padding-right: ","px;\n  flex: 1; /* IE fix */\n  @media (min-width: 700px) {\n    padding-right: ","px;\n  }\n"],["\n  padding-right: ","px;\n  flex: 1; /* IE fix */\n  @media (min-width: 700px) {\n    padding-right: ","px;\n  }\n"])),spacingM,spacingXl);var KeywordsList$1=_styled.dl.withConfig({displayName:"KeywordsInfo__KeywordsList",componentId:"sc-woteiy-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n  width: 100%;\n  margin: 0;\n\n  + dl {\n    margin-top: 5px;\n  }\n"],["\n  width: 100%;\n  margin: 0;\n\n  + dl {\n    margin-top: 5px;\n  }\n"])));var KeywordsListTitle=_styled.dt.withConfig({displayName:"KeywordsInfo__KeywordsListTitle",componentId:"sc-woteiy-2"})(templateObject_3$Y||(templateObject_3$Y=__makeTemplateObject(["\n  display: inline-block;\n  padding-right: 5px;\n  word-break: normal;\n"],["\n  display: inline-block;\n  padding-right: 5px;\n  word-break: normal;\n"])));var KeywordsListItem=_styled.dd.withConfig({displayName:"KeywordsInfo__KeywordsListItem",componentId:"sc-woteiy-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n  display: inline-block;\n  margin: 0;\n\n  text-decoration: underline;\n\n  &:not(:last-child) span::after {\n    content: ',';\n    padding-right: 5px;\n  }\n"],["\n  display: inline-block;\n  margin: 0;\n\n  text-decoration: underline;\n\n  &:not(:last-child) span::after {\n    content: ',';\n    padding-right: 5px;\n  }\n"])));var FlatKeywords=function FlatKeywords(_a){var keywords=_a.item.keywords,filterBaseUrl=_a.filterBaseUrl,className=_a.className,useGridKeywordTitle=_a.useGridKeywordTitle,onClick=_a.onClick,showAllKeywordsInCallout=_a.showAllKeywordsInCallout;var location=useLocation$1();var currentParamsObject=queryString.parse(location.search);var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var keywordsGroupsIds=Object.keys(keywords||[]);var flatKeywords=keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).flatMap(function(groupId){return keywords[groupId].map(function(keyword){return keyword;});});var flatKeywordsList=getFlatKeywordsList();if(showAllKeywordsInCallout){return jsx$1(Tooltip// Give the user more time to interact with the tooltip before it closes
 ,__assign({// Give the user more time to interact with the tooltip before it closes
-closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$1,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$1,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "],["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "])));});var KeywordItem$1=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2d,templateObject_2$1q,templateObject_3$Y,templateObject_4$H,templateObject_5$B,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2c||(templateObject_1$2c=__makeTemplateObject(["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"],["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$X||(templateObject_3$X=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var templateObject_1$2c,templateObject_2$1p,templateObject_3$X;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$8,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$W||(templateObject_3$W=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"],["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2b||(templateObject_1$2b=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):css$2(templateObject_2$1o||(templateObject_2$1o=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"],["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"],["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"])),spacingM);var templateObject_1$2b,templateObject_2$1o,templateObject_3$W,templateObject_4$G,templateObject_5$A,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$P,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$P,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath("/events?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$P=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2a||(templateObject_1$2a=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1n||(templateObject_2$1n=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$V||(templateObject_3$V=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$F||(templateObject_4$F=__makeTemplateObject(["\n  text-decoration: underline;\n"],["\n  text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"],["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "],["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingS);var templateObject_1$2a,templateObject_2$1n,templateObject_3$V,templateObject_4$F,templateObject_5$z,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$O,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$O=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$29||(templateObject_1$29=__makeTemplateObject(["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"],["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"])));var templateObject_1$29;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
+closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$1,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$1,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "],["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "])));});var KeywordItem$1=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2d,templateObject_2$1q,templateObject_3$Y,templateObject_4$H,templateObject_5$B,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2c||(templateObject_1$2c=__makeTemplateObject(["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"],["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$X||(templateObject_3$X=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var templateObject_1$2c,templateObject_2$1p,templateObject_3$X;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$8,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$W||(templateObject_3$W=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"],["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2b||(templateObject_1$2b=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):css$2(templateObject_2$1o||(templateObject_2$1o=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"],["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"],["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"])),spacingM);var templateObject_1$2b,templateObject_2$1o,templateObject_3$W,templateObject_4$G,templateObject_5$A,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$P,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$P,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath("/events?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$P=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2a||(templateObject_1$2a=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1n||(templateObject_2$1n=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$V||(templateObject_3$V=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$F||(templateObject_4$F=__makeTemplateObject(["\n  text-decoration: underline;\n"],["\n  text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"],["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "],["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingS);var templateObject_1$2a,templateObject_2$1n,templateObject_3$V,templateObject_4$F,templateObject_5$z,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$O,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$O=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$29||(templateObject_1$29=__makeTemplateObject(["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"],["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"])));var templateObject_1$29;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
      * Retrieve information on a given image. Does not return the actual image.
      */function getImageInfo(itemId,identifier,resourceType){var path="editor/"+resourceType+"/"+itemId+"/images/"+identifier;return api.custom(path+"/info").get().then(function(res){return res.body().data();});}function getImageEditorUrl(itemId,subscriptionId,identifier,resourceType){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();return [2/*return*/,getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType)];}});});}function getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType,width,height){var url=width?"/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/"+width+"/"+(height||''):"/editor/"+resourceType+"/"+itemId+"/images/"+identifier;return createApiUrl(url,{access_token:token,subscriptionId:subscriptionId});}function getOriginalImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType){return createApiUrl("/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/original",{access_token:token,subscriptionId:subscriptionId});}function uploadImage(subscriptionId,resourceType,newImage){return __awaiter(this,void 0,void 0,function(){var fd,token,config;return __generator(this,function(_a){switch(_a.label){case 0:// validate or set defaults
 if(!newImage.identifier){// identifer defaults to 'banner'
@@ -131891,7 +132113,7 @@ var fallbackCompare=function fallbackCompare(){var _a;return ((_a=a.id)===null||
 var numberParseInt=FORCED?function parseInt(string,radix){var S=trim(String(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10));}:$parseInt;var $$2$1=_export;var parseIntImplementation=numberParseInt;// `parseInt` method
 // https://tc39.github.io/ecma262/#sec-parseint-string-radix
 $$2$1({global:true,forced:parseInt!=parseIntImplementation},{parseInt:parseIntImplementation});function getMaxImageWidth(defaultMaxWidth){return defaultMaxWidth!==null&&defaultMaxWidth!==void 0?defaultMaxWidth:maxContentWidth;}function getImageWidth(image){var width=typeof image==='string'?parseInt(image):image===null||image===void 0?void 0:image.width;if(!width||isNaN(width)){return getMaxImageWidth();}return Math.min(width,getMaxImageWidth());}function getNewsCardIcon(item,intl){if(hasFlag(item.knownState,KnownNewsState.Alert)){return {name:'Warning',backgroundColor:'red',tooltipText:intl.formatMessage({id:'NewsArticle.alert'})};}if(hasFlag(item.knownState,KnownNewsState.Unconfirmed)){return {name:'Completed',backgroundColor:'green',tooltipText:intl.formatMessage({id:'NewsArticle.confirmationRequired'})};}return null;}var ItemTileLayoutMode;(function(ItemTileLayoutMode){ItemTileLayoutMode["BannerTopMode"]="bannerTop";ItemTileLayoutMode["BannerLeftMode"]="bannerLeft";})(ItemTileLayoutMode||(ItemTileLayoutMode={}));var NewsItemTile=function NewsItemTile(_a){var item=_a.item,baseRoute=_a.baseRoute,layoutMode=_a.layoutMode,filterBaseUrl=_a.filterBaseUrl,dateLabelResourceKey=_a.dateLabelResourceKey,buttons=_a.buttons,openTargetInNewWindow=_a.openTargetInNewWindow,onClick=_a.onClick,onChannelClick=_a.onChannelClick,onKeywordClick=_a.onKeywordClick,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,className=_a.className;var user=useCurrentUserContext().user;var token=useCurrentToken();var intl=useIntl();var features=useFeatures();var title=getTitle(item,user,intl.formatMessage);var headline=getHeadline(item,user);var language=NewsService.getLanguageForPublishableItem(item,user);var handleExternalContentClick=useExternalContentClickHandler();var targetRoute=NewsService.getNewsRouteWithRedirect(baseRoute,item.id,title,item.useExternalContent);var hasKeywords=Object.keys(item.keywords).length>0;var content=item.contents[language];var hasIntro=content.intro&&content.intro.length>0;var icon=getNewsCardIcon(item,intl);var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);return jsxs(Host$H,__assign({hasBanner:item.bannerInfo!=null,layoutMode:layoutMode,styleDefinition:styleDefinition,"data-item-id":item.id,className:className},{children:[!readOnly&&jsx$1(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.News,baseRoute:baseRoute,onClick:onClick,title:title,openTargetInNewWindow:openTargetInNewWindow,isExternalContent:item.useExternalContent},void 0),jsx$1(Banner$1$1,{item:item,token:item.fileAccessToken||token,resourceType:ItemResourceTypes.News,layoutMode:layoutMode,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,showPlaceholderIfNoBannerInfo:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showPlaceholderIfNoBannerInfo},void 0),jsxs(Content$5,{children:[jsxs(MetaInfoAndIcon,{children:[jsxs(MetaInfo$2,__assign({showChannelsToTheRight:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showChannelsToTheRight},{children:[dateLabelResourceKey&&jsxs(Fragment,{children:[jsx$1(FormattedMessage$1,{id:dateLabelResourceKey},void 0),":\u00A0"]},void 0),jsx$1(DateTime,{value:item.publishingDate},void 0),jsxs(Fragment,{children:["\u2002",jsx$1(StyledClickableChannelTitles,{channels:item.channels.map(function(c){return c.name;}),language:getPreferredContentLanguage(user),channelBackgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.channelsBackgroundColor,onClick:onChannelClick},void 0)]},void 0)]}),void 0),icon&&jsx$1(NewsCardIcon$1,{children:jsx$1(Tooltip,__assign({text:icon.tooltipText},{children:jsx$1(StyledIcon$4$1,{iconName:icon.name,backgroundColor:icon.backgroundColor},void 0)}),item.id+"-"+icon.name)},void 0)]},void 0),features.contentHeadline&&!!headline&&jsx$1(Headline$2,{children:headline},void 0),jsx$1(StyledTitle$2,{title:title,targetRoute:targetRoute,readOnly:readOnly,openTargetInNewWindow:openTargetInNewWindow,onClick:function(e){if(onClick){onClick(e,true);}else {handleExternalContentClick(e,item,ItemResourceTypes.News);}},isExternalContent:item.useExternalContent,resourceKey:"ExternalLinkButton.news.navigateTo",resourceValues:url},void 0),hasIntro&&jsx$1(Intro$1$1,{children:content.intro},void 0),hasKeywords&&jsx$1(StyledKeywords,{item:item,filterBaseUrl:filterBaseUrl,onClick:onKeywordClick},void 0),buttons&&jsx$1(Footer,__assign({alignItemsToTheRight:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showChannelsToTheRight},{children:buttons}),void 0)]},void 0)]}),void 0);};var Host$H=_styled.article.withConfig({displayName:"NewsItemTile__Host",componentId:"sc-15drgb8-0"})(templateObject_4$v||(templateObject_4$v=__makeTemplateObject(["\n  ","\n  ",";\n\n  ","\n\n  ","\n\n  ","\n\n    position: relative;\n"],["\n  ","\n  ",";\n\n  ","\n\n  ","\n\n  ","\n\n    position: relative;\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return !((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.noShadow)&&CardBorderInline(2,2);},function(p){return p.hasBanner&&css$2(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n      min-height: 138px;\n    "],["\n      min-height: 138px;\n    "])));},function(p){return (!p.layoutMode||p.layoutMode===ItemTileLayoutMode.BannerLeftMode)&&css$2(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n      @media (max-width: ","px) {\n        flex-direction: column;\n      }\n    "],["\n      @media (max-width: ","px) {\n        flex-direction: column;\n      }\n    "])),maxScreenSize.medium);},function(p){return p.layoutMode===ItemTileLayoutMode.BannerTopMode&&css$2(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n      flex-direction: column;\n    "],["\n      flex-direction: column;\n    "])));});var StyledTitle$2=_styled(Title$6).withConfig({displayName:"NewsItemTile__StyledTitle",componentId:"sc-15drgb8-1"})(templateObject_5$s||(templateObject_5$s=__makeTemplateObject(["\n  &&& {\n    margin-right: auto;\n    display: inline-flex;\n  }\n\n  i[data-external-content] {\n    font-size: ","px;\n    line-height: ","px;\n  }\n"],["\n  &&& {\n    margin-right: auto;\n    display: inline-flex;\n  }\n\n  i[data-external-content] {\n    font-size: ","px;\n    line-height: ","px;\n  }\n"])),fontSizeMedium,fontSizeSmall);var Content$5=_styled.div.withConfig({displayName:"NewsItemTile__Content",componentId:"sc-15drgb8-2"})(templateObject_6$j||(templateObject_6$j=__makeTemplateObject(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),ContentStyle,spacingM);var Headline$2=_styled.div.withConfig({displayName:"NewsItemTile__Headline",componentId:"sc-15drgb8-3"})(templateObject_7$d||(templateObject_7$d=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n  margin-bottom: ","px;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n  margin-bottom: ","px;\n"])),fontSizeSmall,spacingS);var Intro$1$1=_styled.p.withConfig({displayName:"NewsItemTile__Intro",componentId:"sc-15drgb8-4"})(templateObject_8$c||(templateObject_8$c=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n"])),fontSizeNormal);var MetaInfoAndIcon=_styled.div.withConfig({displayName:"NewsItemTile__MetaInfoAndIcon",componentId:"sc-15drgb8-5"})(templateObject_9$a||(templateObject_9$a=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var MetaInfo$2=_styled.div.withConfig({displayName:"NewsItemTile__MetaInfo",componentId:"sc-15drgb8-6"})(templateObject_11$5||(templateObject_11$5=__makeTemplateObject(["\n  ","\n  color: ",";\n  margin-bottom: ","px;\n\n  ","\n"],["\n  ","\n  color: ",";\n  margin-bottom: ","px;\n\n  ","\n"])),MetaInfoStyle(),function(p){return p.theme.palette.neutralTertiary;},spacingS,function(p){return p.showChannelsToTheRight&&css$2(templateObject_10$9||(templateObject_10$9=__makeTemplateObject(["\n      width: 100%;\n\n      time {\n        margin-right: auto;\n      }\n    "],["\n      width: 100%;\n\n      time {\n        margin-right: auto;\n      }\n    "])));});var NewsCardIcon$1=_styled.div.withConfig({displayName:"NewsItemTile__NewsCardIcon",componentId:"sc-15drgb8-7"})(templateObject_12$4||(templateObject_12$4=__makeTemplateObject(["\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$4$1=_styled(Icon).withConfig({displayName:"NewsItemTile__StyledIcon",componentId:"sc-15drgb8-8"})(templateObject_13$3||(templateObject_13$3=__makeTemplateObject(["\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){return p.backgroundColor;},function(p){return p.theme.palette.white;});var StyledKeywords=_styled(FlatKeywords).withConfig({displayName:"NewsItemTile__StyledKeywords",componentId:"sc-15drgb8-9"})(templateObject_14$3||(templateObject_14$3=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  && a {\n    &,\n    :link,\n    :visited {\n      color: ",";\n    }\n  }\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  && a {\n    &,\n    :link,\n    :visited {\n      color: ",";\n    }\n  }\n"])),spacingS,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var Footer=_styled.footer.withConfig({displayName:"NewsItemTile__Footer",componentId:"sc-15drgb8-10"})(templateObject_16$3||(templateObject_16$3=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ms-TooltipHost {\n    display: flex;\n    align-items: center;\n    margin-right: ","px;\n\n    i {\n      font-size: 22px;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ms-TooltipHost {\n    display: flex;\n    align-items: center;\n    margin-right: ","px;\n\n    i {\n      font-size: 22px;\n    }\n  }\n"])),spacingS,function(p){return p.alignItemsToTheRight&&css$2(templateObject_15$3||(templateObject_15$3=__makeTemplateObject(["\n      justify-content: flex-end;\n    "],["\n      justify-content: flex-end;\n    "])));},spacingS+5);var Banner$1$1=function Banner(_a){var item=_a.item,token=_a.token,resourceType=_a.resourceType,layoutMode=_a.layoutMode,bannerDefaultWidth=_a.bannerDefaultWidth,showPlaceholderIfNoBannerInfo=_a.showPlaceholderIfNoBannerInfo;var bannerInfo=item.bannerInfo;if(!bannerInfo&&!showPlaceholderIfNoBannerInfo){return null;}var banner=getBanner();return jsx$1("div",{children:banner},void 0);function getBanner(){if(layoutMode===ItemTileLayoutMode.BannerTopMode){return jsx$1(TopBannerWrapper,__assign({showPlaceholder:!bannerInfo&&showPlaceholderIfNoBannerInfo},{children:jsx$1(TopBannerInner,{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,width:getMaxImageWidth(),token:item.fileAccessToken||token,resourceType:resourceType},void 0)},void 0)}),void 0);}return jsx$1(LeftBannerWrapper,__assign({defaultWidth:bannerDefaultWidth!==null&&bannerDefaultWidth!==void 0?bannerDefaultWidth:150,showPlaceholder:!bannerInfo&&showPlaceholderIfNoBannerInfo},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,width:getMaxImageWidth(450),token:item.fileAccessToken||token,resourceType:resourceType},void 0)}),void 0);}};var TopBannerWrapper=_styled.div.withConfig({displayName:"NewsItemTile__TopBannerWrapper",componentId:"sc-15drgb8-11"})(templateObject_18$1||(templateObject_18$1=__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% * (1 / ","));\n  ","\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% * (1 / ","));\n  ","\n"])),bannerAspectRatio,function(p){return p.showPlaceholder&&css$2(templateObject_17$2||(templateObject_17$2=__makeTemplateObject(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),p.theme.palette.accent);});var TopBannerInner=_styled.div.withConfig({displayName:"NewsItemTile__TopBannerInner",componentId:"sc-15drgb8-12"})(templateObject_19$1||(templateObject_19$1=__makeTemplateObject(["\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 StyledClickableChannelTitles=_styled(ClickableChannelTitles).withConfig({displayName:"NewsItemTile__StyledClickableChannelTitles",componentId:"sc-15drgb8-13"})(templateObject_20$3||(templateObject_20$3=__makeTemplateObject(["\n  z-index: 1;\n"],["\n  z-index: 1;\n"])));var templateObject_1$1P,templateObject_2$16,templateObject_3$K,templateObject_4$v,templateObject_5$s,templateObject_6$j,templateObject_7$d,templateObject_8$c,templateObject_9$a,templateObject_10$9,templateObject_11$5,templateObject_12$4,templateObject_13$3,templateObject_14$3,templateObject_15$3,templateObject_16$3,templateObject_17$2,templateObject_18$1,templateObject_19$1,templateObject_20$3;var DocumentDownloadButton=function DocumentDownloadButton(_a){var _b;var page=_a.page,basePath=_a.basePath,onClick=_a.onClick,className=_a.className;var formatMessage=useIntl().formatMessage;var currentUser=useCurrentUser();var createDocumentClickHandler=usePagesClickHandler().createDocumentClickHandler;if(page.pageType!==PageType.Document){return null;}var _c=getContentForPage(page,currentUser),content=_c.content,language=_c.language;var fileInfo=content===null||content===void 0?void 0:content.fileInfo;var title=content===null||content===void 0?void 0:content.title;if(!fileInfo||!language){return null;}return jsx$1(StyledTooltip$1,__assign({resourceKey:'Pages.documents.downloadButton.tooltip',values:{fileName:title||fileInfo.fileName},className:className},{children:jsx$1(IconButton,{iconProps:{iconName:'Download'},onClick:createDocumentClickHandler(page.id,fileInfo.fileId,language,fileInfo.shouldOpenInBrowser,(_b=page)===null||_b===void 0?void 0:_b.fileAccessToken,basePath,onClick),ariaLabel:formatMessage({id:'Pages.documents.downloadButton.tooltip'},{fileName:title||fileInfo.fileName})},void 0)}),void 0);};var StyledTooltip$1=_styled(Tooltip).withConfig({displayName:"DocumentDownloadButton__StyledTooltip",componentId:"sc-1lgs2rp-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n  display: inline-flex;\n\n  > button {\n    border: 0;\n    padding: 0;\n    height: 28px; // this is needed for the focus indicator\n\n    i {\n      color: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n\n  > button {\n    border: 0;\n    padding: 0;\n    height: 28px; // this is needed for the focus indicator\n\n    i {\n      color: ",";\n    }\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1O;var EmbeddedObjectTile=function EmbeddedObjectTile(_a){var _b;var id=_a.id,type=_a.type,readOnly=_a.readOnly,previewTheme=_a.previewTheme,buttons=_a.buttons,groupIds=_a.groupIds,className=_a.className;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=usePromise$2(fetchItem),item=_c[0],isLoading=_c[1],error=_c[2];var useDarkTheme=previewTheme==='dark';var palette=useContext(ThemeContext$1).theme.palette;var user=useCurrentUser();var backgroundColor=useDarkTheme?palette.neutralLight:palette.white;if(isLoading){return jsx$1(SpinnerHost,{children:jsx$1(StyledSpinner$2,{size:SpinnerSize.large},void 0)},void 0);}if(((_b=error===null||error===void 0?void 0:error.response)===null||_b===void 0?void 0:_b.statusCode)===403){return jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-warning-access-denied":true},{children:[buttons,jsx$1(EmbeddedObjectWarningTile,{iconName:"LockSolid",iconLabel:"Generic.noAccess",messageResourceKey:"Generic.noAccessReason"},void 0)]}),void 0);}if(error||!item){return jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-warning-not-found":true},{children:[buttons,jsx$1(EmbeddedObjectWarningTile,{iconName:"AlertSolid",iconLabel:"Generic.itemNotFound",messageResourceKey:"Generic.deletedItemReason"},void 0)]}),void 0);}var itemGroupIds=getItemGroupIds();return jsxs(Fragment,{children:[jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-embedded-object-id":id},{children:[buttons,renderEmbeddedObjectTile()]}),void 0),groupIds&&groupIds.every(function(gid){return !itemGroupIds.includes(gid);})&&jsx$1(DifferentGroupWarning,__assign({"data-warning-different-group":true},{children:jsx$1(EmbeddedObjectWarningTile,{messageResourceKey:"Generic.differentGroupWarning"},void 0)}),void 0)]},void 0);function getItemGroupIds(){var _a,_b;var groupIds=(_a=item)===null||_a===void 0?void 0:_a.groupIds;if(groupIds){return groupIds;}var groupId=(_b=item)===null||_b===void 0?void 0:_b.groupId;return groupId?[groupId]:null;}function fetchItem(){return __awaiter(this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:_a=type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(id)];case 2:return [2/*return*/,_b.sent()];case 3:return [4/*yield*/,getNews(id).toPromise()];case 4:return [2/*return*/,_b.sent()];case 5:return [4/*yield*/,loadPage(id)];case 6:return [2/*return*/,_b.sent()];case 7:return [4/*yield*/,getEvent(id)];case 8:return [2/*return*/,_b.sent()];case 9:throw Error('Invalid type');}});});}function renderEmbeddedObjectTile(){var _a;if(type===AttachmentType.Post){return jsx$1(PostItemTile,{post:item,backgroundColor:backgroundColor,readOnly:readOnly},void 0);}if(type===AttachmentType.News){var newsItem=item;return jsx$1(NewsItemTile,{item:newsItem,baseRoute:buildPath('news'),styleDefinition:{backgroundColor:backgroundColor,noShadow:true,channelsBackgroundColor:useDarkTheme&&palette.white},readOnly:readOnly},void 0);}if(type===AttachmentType.Page){var pageItem=item;return jsx$1(StyledPageItemTile$1,{item:pageItem,baseRoute:buildPath('pages'),styleDefinition:{backgroundColor:backgroundColor,bannerDefaultWidth:150,bannerFontSize:60},readOnly:readOnly,isBannerClickable:((_a=pageItem.bannerInfo)===null||_a===void 0?void 0:_a.type)==='video',additionalMetadata:jsx$1(StyledDocumentDownloadButton$3,{page:item,marginRight:readOnly?spacingM:0},void 0),showBreadcrumb:true,showIntro:true},void 0);}var language=NewsService.getLanguageForPublishableItem(item,user);return jsx$1(EventCard,{item:item,language:language,styleDefinition:{backgroundColor:backgroundColor,noShadow:true,channelsBackgroundColor:useDarkTheme&&palette.white,bannerHostWidth:150},readOnly:readOnly},void 0);}};var Host$G=_styled.div.withConfig({displayName:"EmbeddedObjectTile__Host",componentId:"sc-yfh5nh-0"})(templateObject_3$J||(templateObject_3$J=__makeTemplateObject(["\n  width: 100%;\n  ","\n"],["\n  width: 100%;\n  ","\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):css$2(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.white;});});var DifferentGroupWarning=_styled.div.withConfig({displayName:"EmbeddedObjectTile__DifferentGroupWarning",componentId:"sc-yfh5nh-1"})(templateObject_4$u||(templateObject_4$u=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-size: ","px;\n"],["\n  background-color: ",";\n  color: ",";\n  font-size: ","px;\n"])),function(p){return p.theme.semanticColors.errorBackground;},function(p){return p.theme.palette.red;},fontSizeSmall);var EmbeddedObjectWarningTile=function EmbeddedObjectWarningTile(_a){var messageResourceKey=_a.messageResourceKey,iconName=_a.iconName,iconLabel=_a.iconLabel;return jsxs(WarningHost,{children:[(iconName||iconLabel)&&jsxs(Title$5,{children:[iconName&&jsx$1(StyleIcon,{iconName:iconName},void 0),iconLabel&&jsx$1(FormattedMessageWithStyle,{id:iconLabel},void 0)]},void 0),jsx$1(FormattedMessageWithStyle,{id:messageResourceKey},void 0)]},void 0);};var WarningHost=_styled.div.withConfig({displayName:"EmbeddedObjectTile__WarningHost",componentId:"sc-yfh5nh-2"})(templateObject_5$r||(templateObject_5$r=__makeTemplateObject(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingM);var Title$5=_styled.div.withConfig({displayName:"EmbeddedObjectTile__Title",componentId:"sc-yfh5nh-3"})(templateObject_6$i||(templateObject_6$i=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: ","px;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: ","px;\n  margin-bottom: ","px;\n"])),fontSizeMedium,spacingS);var SpinnerHost=_styled.div.withConfig({displayName:"EmbeddedObjectTile__SpinnerHost",componentId:"sc-yfh5nh-4"})(templateObject_7$c||(templateObject_7$c=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ","px;\n"])),spacingL);var StyledSpinner$2=_styled(Spinner).withConfig({displayName:"EmbeddedObjectTile__StyledSpinner",componentId:"sc-yfh5nh-5"})(templateObject_8$b||(templateObject_8$b=__makeTemplateObject(["\n  margin-top: 0;\n  margin-bottom: ","px;\n"],["\n  margin-top: 0;\n  margin-bottom: ","px;\n"])),spacingL);var StyleIcon=_styled(Icon).withConfig({displayName:"EmbeddedObjectTile__StyleIcon",componentId:"sc-yfh5nh-6"})(templateObject_9$9||(templateObject_9$9=__makeTemplateObject(["\n  padding-right: ","px;\n"],["\n  padding-right: ","px;\n"])),spacingS);var StyledPageItemTile$1=_styled(PageItemTile).withConfig({displayName:"EmbeddedObjectTile__StyledPageItemTile",componentId:"sc-yfh5nh-7"})(templateObject_11$4||(templateObject_11$4=__makeTemplateObject(["\n  ","\n\n  @media (max-width: ","px) {\n    > div {\n      flex-direction: column;\n    }\n\n    [data-page-tile-content] {\n      max-width: 100%;\n    }\n  }\n"],["\n  ","\n\n  @media (max-width: ","px) {\n    > div {\n      flex-direction: column;\n    }\n\n    [data-page-tile-content] {\n      max-width: 100%;\n    }\n  }\n"])),function(p){return p.isBannerClickable&&css$2(templateObject_10$8||(templateObject_10$8=__makeTemplateObject(["\n      [data-page-tile-content] {\n        position: relative;\n      }\n    "],["\n      [data-page-tile-content] {\n        position: relative;\n      }\n    "])));},maxScreenSize.medium);var StyledDocumentDownloadButton$3=_styled(DocumentDownloadButton).withConfig({displayName:"EmbeddedObjectTile__StyledDocumentDownloadButton",componentId:"sc-yfh5nh-8"})(templateObject_12$3||(templateObject_12$3=__makeTemplateObject(["\n  margin-left: auto;\n  z-index: 1;\n\n  > button i {\n    margin: 0;\n    color: ",";\n  }\n\n  margin-right: ","px;\n\n  @media (max-width: ","px) {\n    margin-right: 0;\n  }\n"],["\n  margin-left: auto;\n  z-index: 1;\n\n  > button i {\n    margin: 0;\n    color: ",";\n  }\n\n  margin-right: ","px;\n\n  @media (max-width: ","px) {\n    margin-right: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.marginRight;},maxScreenSize.medium);var templateObject_1$1N,templateObject_2$15,templateObject_3$J,templateObject_4$u,templateObject_5$r,templateObject_6$i,templateObject_7$c,templateObject_8$b,templateObject_9$9,templateObject_10$8,templateObject_11$4,templateObject_12$3;var EmbeddedObjectList=function EmbeddedObjectList(_a){var attachments=_a.attachments,className=_a.className,onDeleteClick=_a.onDeleteClick,previewTheme=_a.previewTheme;var formatMessage=useIntl().formatMessage;var embeddedObjects=attachments.filter(function(f){return f.type===AttachmentType.Post||f.type===AttachmentType.News||f.type===AttachmentType.Page||f.type===AttachmentType.Event;});if(embeddedObjects.length===0){return null;}if(onDeleteClick){return jsx$1(Host$F,__assign({className:className,"data-embedded-object-attachment-list":true},{children:embeddedObjects.map(function(o){return jsx$1(AttachmentHost,__assign({domIdentifier:"embedded-object",deleteButton:jsx$1(DeleteAttachmentButton,{"data-remove-attachment-button":o.id,iconProps:{iconName:'ChromeClose'},onClick:function(){onDeleteClick(o);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsx$1(EmbeddedObjectTile,{id:o.id,type:o.type,previewTheme:previewTheme,readOnly:true},o.id)}),o.id);})}),void 0);}return jsx$1(PreviewHost,__assign({className:className,domIdentifier:"embedded-object-preview-"+embeddedObjects[0].id},{children:jsx$1(EmbeddedObjectTile,{id:embeddedObjects[0].id,type:embeddedObjects[0].type,previewTheme:previewTheme},void 0)}),void 0);};var Host$F=_styled.div.withConfig({displayName:"EmbeddedObjectList__Host",componentId:"sc-axja9n-0"})(templateObject_1$1M||(templateObject_1$1M=__makeTemplateObject(["\n  display: inline-flex;\n  flex-wrap: wrap;\n  width: 100%;\n  padding-bottom: ","px;\n\n  > div {\n    margin-top: ","px;\n  }\n"],["\n  display: inline-flex;\n  flex-wrap: wrap;\n  width: 100%;\n  padding-bottom: ","px;\n\n  > div {\n    margin-top: ","px;\n  }\n"])),spacingM,spacingM);var PreviewHost=_styled(AttachmentHost).withConfig({displayName:"EmbeddedObjectList__PreviewHost",componentId:"sc-axja9n-1"})(templateObject_2$14||(templateObject_2$14=__makeTemplateObject(["\n  margin: ","px 0 0 0;\n\n  /* ensure VFI is still visible for Embedded objects */\n  [data-embedded-object-id] {\n    a[data-clickable-overlay]:focus {\n      &::before {\n        outline-offset: -5px !important;\n        border-radius: ","px;\n      }\n    }\n  }\n"],["\n  margin: ","px 0 0 0;\n\n  /* ensure VFI is still visible for Embedded objects */\n  [data-embedded-object-id] {\n    a[data-clickable-overlay]:focus {\n      &::before {\n        outline-offset: -5px !important;\n        border-radius: ","px;\n      }\n    }\n  }\n"])),spacingM,attachmentRoundedCornerSize);var templateObject_1$1M,templateObject_2$14;var ImageAttachmentList=function ImageAttachmentList(_a){var images=_a.images,onDeleteClick=_a.onDeleteClick,disabled=_a.disabled,imageBackgroundColor=_a.imageBackgroundColor,className=_a.className;if(!images||images.length===0){return null;}return jsx$1(List,__assign({className:className},{children:images.map(function(i){return jsx$1(ListItem$1,{children:jsx$1(ImageAttachmentPreview,{attachment:i,disabled:disabled,onDeleteClick:function(){return onDeleteClick(i);},backgroundColor:imageBackgroundColor},void 0)},i.id);})}),void 0);};var List=_styled.ul.withConfig({displayName:"ImageAttachmentList__List",componentId:"sc-7el1kj-0"})(templateObject_1$1L||(templateObject_1$1L=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));var ListItem$1=_styled.li.withConfig({displayName:"ImageAttachmentList__ListItem",componentId:"sc-7el1kj-1"})(templateObject_2$13||(templateObject_2$13=__makeTemplateObject(["\n  width: calc(100% - ","px);\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n  }\n"],["\n  width: calc(100% - ","px);\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n  }\n"])),spacingS-5,minScreenSize.medium,spacingS-5);var ImageAttachmentPreview=function ImageAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,disabled=_a.disabled,backgroundColor=_a.backgroundColor;var formatMessage=useIntl().formatMessage;return jsxs(AttachmentHost,__assign({domIdentifier:"image",backgroundColor:backgroundColor,deleteButton:!disabled&&jsx$1(StyledDeleteAttachmentButton,{iconProps:{iconName:'Delete'},onClick:onDeleteClick,disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:[attachment.hasError&&jsx$1(AttachmentOverlay,{children:jsx$1("div",{children:jsx$1(WarningIcon,{iconName:"Warning"},void 0)},void 0)},void 0),attachment.isUploadInProgress&&jsx$1(AttachmentOverlay,{children:jsx$1(CenteredSpinner,{size:SpinnerSize.large},void 0)},void 0),jsx$1(Image$1,{src:attachment.previewUrl,height:225,imageFit:ImageFit.centerCover,title:attachment.filename},void 0)]}),void 0);};var AttachmentOverlay=_styled.div.withConfig({displayName:"ImageAttachmentList__AttachmentOverlay",componentId:"sc-7el1kj-2"})(templateObject_3$I||(templateObject_3$I=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n\n  background-color: rgba(146, 146, 146, 0.33);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: ","px;\n  overflow: hidden;\n  /* fix for iOS and Safari: overflow: hidden with border-radius */\n  transform: translateZ(0);\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n\n  background-color: rgba(146, 146, 146, 0.33);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: ","px;\n  overflow: hidden;\n  /* fix for iOS and Safari: overflow: hidden with border-radius */\n  transform: translateZ(0);\n"])),attachmentRoundedCornerSize);var CenteredSpinner=_styled(Spinner).withConfig({displayName:"ImageAttachmentList__CenteredSpinner",componentId:"sc-7el1kj-3"})(templateObject_4$t||(templateObject_4$t=__makeTemplateObject(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon=_styled(Icon).withConfig({displayName:"ImageAttachmentList__WarningIcon",componentId:"sc-7el1kj-4"})(templateObject_5$q||(templateObject_5$q=__makeTemplateObject(["\n  font-size: 100px;\n  color: ",";\n"],["\n  font-size: 100px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var StyledDeleteAttachmentButton=_styled(DeleteAttachmentButton).withConfig({displayName:"ImageAttachmentList__StyledDeleteAttachmentButton",componentId:"sc-7el1kj-5"})(templateObject_6$h||(templateObject_6$h=__makeTemplateObject(["\n  && {\n    i {\n      font-size: ","px;\n      margin: 0;\n    }\n  }\n"],["\n  && {\n    i {\n      font-size: ","px;\n      margin: 0;\n    }\n  }\n"])),fontSizeMedium);var templateObject_1$1L,templateObject_2$13,templateObject_3$I,templateObject_4$t,templateObject_5$q,templateObject_6$h;var AttachmentList=function AttachmentList(_a){var className=_a.className,files=_a.files,onDeleteAttachmentClick=_a.onDeleteAttachmentClick,disabled=_a.disabled,previewTheme=_a.previewTheme,disableVideoPreview=_a.disableVideoPreview,disableEmbeddedObjectPreview=_a.disableEmbeddedObjectPreview;var attachedImages=files.filter(function(f){return f.type===AttachmentType.Image;});var attachedFiles=files.filter(function(f){return f.type===AttachmentType.File;});var palette=useContext(ThemeContext$1).theme.palette;return jsxs(Host$E,__assign({className:className,hasItems:files.length>0,"data-attachment-list":true},{children:[jsx$1(GifEditList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);},previewTheme:previewTheme},void 0),jsx$1(ImageAttachmentList,{images:attachedImages,disabled:disabled,onDeleteClick:function(i){return onDeleteAttachmentClick(i);},imageBackgroundColor:previewTheme==='dark'?palette.neutralLight:palette.white},void 0),!disableVideoPreview&&jsx$1(VideoList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);}},void 0),!disableEmbeddedObjectPreview&&jsx$1(EmbeddedObjectList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);},previewTheme:previewTheme},void 0),jsx$1(FilesList$1,{files:attachedFiles,onDeleteClick:function(f){return onDeleteAttachmentClick(f);},disabled:disabled},void 0),jsx$1("div",{style:{clear:'both'}},void 0)]}),void 0);};var FilesList$1=_styled(FileAttachmentList).withConfig({displayName:"AttachmentList__FilesList",componentId:"sc-1s0cqp9-0"})(templateObject_1$1K||(templateObject_1$1K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var Host$E=_styled.div.withConfig({displayName:"AttachmentList__Host",componentId:"sc-1s0cqp9-1"})(templateObject_2$12||(templateObject_2$12=__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),function(_a){var hasItems=_a.hasItems;return hasItems?'8px':'0';});var templateObject_1$1K,templateObject_2$12;var RichCommentInputWithAttachmentList=/*#__PURE__*/forwardRef(function(props,ref){var _a;return jsxs(Fragment,{children:[jsx$1(RichCommentInput,__assign({},props,{ref:ref}),void 0),jsx$1(AttachmentList,{files:props.attachments,disabled:props.disabled,onDeleteAttachmentClick:props.onDeleteAttachment,previewTheme:(_a=props.inputTheme)!==null&&_a!==void 0?_a:props.attachmentPreviewTheme,disableVideoPreview:props.disableVideoPreview,disableEmbeddedObjectPreview:props.disableEmbeddedObjectPreview},void 0)]},void 0);});var CreateComment=function CreateComment(_a){var className=_a.className,onPost=_a.onPost,autoFocus=_a.autoFocus,readOnly=_a.readOnly,initialContent=_a.content,allowAttachments=_a.allowAttachments,mentionSearchHandler=_a.mentionSearchHandler,useLargeDropTarget=_a.useLargeDropTarget,placeHolderStringResourceKey=_a.placeHolderStringResourceKey,placeHolderStringResourceValues=_a.placeHolderStringResourceValues,_b=_a.focusAfterPost,focusAfterPost=_b===void 0?true:_b,onAttachmentsChanged=_a.onAttachmentsChanged,_c=_a.attachments,attachments=_c===void 0?[]:_c,deletedAttachmentUrls=_a.deletedAttachmentUrls,onDeleteAttachment=_a.onDeleteAttachment,disableDragAndDrop=_a.disableDragAndDrop,allowKeywords=_a.allowKeywords,allowSaveWithoutContent=_a.allowSaveWithoutContent,saveOnEnter=_a.saveOnEnter,saveOnCtrlEnter=_a.saveOnCtrlEnter,keywordSettings=_a.keywordSettings;var availableKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords)||[];var defaultKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.defaultKeywords)||[];var mandatoryKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords)||[];var _d=useState$2(false),isSaving=_d[0],setIsSaving=_d[1];var _e=useState$2(initialContent||''),content=_e[0],setContent=_e[1];var _f=useState$2(null),selectedKeywords=_f[0],setSelectedKeywords=_f[1];var _g=useState$2(false),showKeywordsPicker=_g[0],setShowKeywordsPicker=_g[1];var inputRef=useRef$1(null);var formatMessage=useIntl().formatMessage;var isReadOnly=readOnly||isSaving;var ignoreRef=useRef$1(false);useEffect$1(function(){return function(){ignoreRef.current=true;};},[]);var initialSelectedKeywords=defaultKeywords.concat(mandatoryKeywords);var initialSelectedKeywordIds=initialSelectedKeywords.map(function(k){return k.id;}).join('-');useEffect$1(function(){setSelectedKeywords(initialSelectedKeywords);if(initialSelectedKeywords.length===0){setShowKeywordsPicker(false);}// eslint-disable-next-line react-hooks/exhaustive-deps
-},[initialSelectedKeywordIds]);return jsx$1("div",__assign({className:className},{children:jsx$1(RichCommentInputWithAttachmentList,{defaultKeywords:getGroupedKeywords(selectedKeywords!==null&&selectedKeywords!==void 0?selectedKeywords:defaultKeywords),ref:inputRef,content:content,attachments:attachments,deletedAttachmentUrls:deletedAttachmentUrls,onAttachmentsChange:onAttachmentsChanged,onDeleteAttachment:onDeleteAttachment,onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onChange:function(value){return setContent(value);},onFocus:function(){if(initialSelectedKeywords.length>0){setShowKeywordsPicker(true);}},disabled:isReadOnly,autoFocus:autoFocus,mentionSearchHandler:mentionSearchHandler,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker,disableDragAndDrop:disableDragAndDrop,useLargeDropTarget:useLargeDropTarget,placeHolderStringResourceKey:placeHolderStringResourceKey,placeHolderStringResourceValues:placeHolderStringResourceValues,buttons:jsxs(Fragment,{children:[allowKeywords&&jsx$1(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},disabled:isReadOnly,"data-button-type":"keywords",ariaLabel:formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsx$1(IconButton,{iconProps:{iconName:'Send'},disabled:isSaveDisabled(),onClick:handleSave,"data-button-type":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},'saveButton'+isSaveDisabled())]},void 0)},void 0)}),void 0);function handleSave(){return __awaiter(this,void 0,void 0,function(){var groupedKeywords;return __generator(this,function(_a){switch(_a.label){case 0:if(isSaveDisabled()){return [2/*return*/];}setIsSaving(true);groupedKeywords=getGroupedKeywords(selectedKeywords);return [4/*yield*/,onPost({content:content.trim()},groupedKeywords)];case 1:_a.sent();setShowKeywordsPicker(false);setSelectedKeywords(defaultKeywords||[]);if(!ignoreRef.current){setIsSaving(false);setContent('');if(focusAfterPost){inputRef.current.focus();}}return [2/*return*/];}});});}function isSaveDisabled(){return isReadOnly||!canSaveInput(allowSaveWithoutContent,attachments,content);}};var gutter=2;_styled.div.withConfig({displayName:"LegacyPostPhotoGallery__Gallery",componentId:"sc-ir1n2k-0"})(templateObject_1$1J||(templateObject_1$1J=__makeTemplateObject(["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"],["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"])),gutter,gutter);_styled.a.withConfig({displayName:"LegacyPostPhotoGallery__ImageItem",componentId:"sc-ir1n2k-1"})(templateObject_2$11||(templateObject_2$11=__makeTemplateObject(["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"],["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"])),gutter,minScreenSize.small,gutter*2,minScreenSize.medium,gutter*2);var templateObject_1$1J,templateObject_2$11;var ImagesAndFilesList=function ImagesAndFilesList(_a){var item=_a.item,basePath=_a.basePath,imagesGridBackgroundColor=_a.imagesGridBackgroundColor,className=_a.className;var user=useCurrentUser();var _b=useAttachmentsApi(),getImageUrl=_b.getImageUrl,getFileUrl=_b.getFileUrl;var subscriptionId=user.subscription.id;var files=item.attachments.filter(function(a){return a.type===AttachmentType.File;});var images=item.attachments.filter(function(a){return a.type===AttachmentType.Image;});var maxContentWidth=minScreenSize.medium-spacingX;var galleryDetails=useMemo(function(){var galleryImages=images.map(function(a){var _a;return {previewUrl:(_a=a.previewUrl)!==null&&_a!==void 0?_a:getImageUrl(basePath,subscriptionId,item,a.id,maxContentWidth),imageId:a.id,width:a.width,height:a.height};});return {galleryId:createId(),images:galleryImages};// eslint-disable-next-line react-hooks/exhaustive-deps
+},[initialSelectedKeywordIds]);return jsx$1("div",__assign({className:className},{children:jsx$1(RichCommentInputWithAttachmentList,{defaultKeywords:getGroupedKeywords(selectedKeywords!==null&&selectedKeywords!==void 0?selectedKeywords:defaultKeywords),ref:inputRef,content:content,attachments:attachments,deletedAttachmentUrls:deletedAttachmentUrls,onAttachmentsChange:onAttachmentsChanged,onDeleteAttachment:onDeleteAttachment,onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onChange:function(value){return setContent(value);},onFocus:function(){if(initialSelectedKeywords.length>0){setShowKeywordsPicker(true);}},disabled:isReadOnly,autoFocus:autoFocus,mentionSearchHandler:mentionSearchHandler,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker,disableDragAndDrop:disableDragAndDrop,useLargeDropTarget:useLargeDropTarget,placeHolderStringResourceKey:placeHolderStringResourceKey,placeHolderStringResourceValues:placeHolderStringResourceValues,buttons:jsxs(Fragment,{children:[allowKeywords&&jsx$1(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},disabled:isReadOnly,"data-button-type":"keywords",ariaLabel:formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsx$1(IconButton,{iconProps:{iconName:'Send'},disabled:isSaveDisabled(),onClick:handleSave,"data-button-type":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},'saveButton'+isSaveDisabled())]},void 0)},void 0)}),void 0);function handleSave(){return __awaiter(this,void 0,void 0,function(){var groupedKeywords;return __generator(this,function(_a){switch(_a.label){case 0:if(isSaveDisabled()){return [2/*return*/];}setIsSaving(true);groupedKeywords=getGroupedKeywords(selectedKeywords);return [4/*yield*/,onPost({content:content.trim()},groupedKeywords)];case 1:_a.sent();setShowKeywordsPicker(false);setSelectedKeywords(defaultKeywords||[]);if(!ignoreRef.current){setIsSaving(false);setContent('');if(focusAfterPost){inputRef.current.focus();}}return [2/*return*/];}});});}function isSaveDisabled(){return isReadOnly||!canSaveInput(allowSaveWithoutContent,attachments,content);}};var gutter=2;_styled.div.withConfig({displayName:"LegacyPostPhotoGallery__Gallery",componentId:"sc-ir1n2k-0"})(templateObject_1$1J||(templateObject_1$1J=__makeTemplateObject(["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"],["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"])),gutter,gutter);_styled.a.withConfig({displayName:"LegacyPostPhotoGallery__ImageItem",componentId:"sc-ir1n2k-1"})(templateObject_2$11||(templateObject_2$11=__makeTemplateObject(["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"],["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"])),gutter,minScreenSize.small,gutter*2,minScreenSize.medium,gutter*2);var templateObject_1$1J,templateObject_2$11;var ImagesAndFilesList=function ImagesAndFilesList(_a){var item=_a.item,basePath=_a.basePath,imagesGridBackgroundColor=_a.imagesGridBackgroundColor,className=_a.className;var user=useCurrentUser();var _b=useAttachmentsApi(),getImageUrl=_b.getImageUrl,getFileUrl=_b.getFileUrl;var subscriptionId=user.subscription.id;var files=item.attachments.filter(function(a){return a.type===AttachmentType.File;});var images=item.attachments.filter(function(a){return a.type===AttachmentType.Image;});var maxImageWidth=images.length>=4?minScreenSize.medium-spacingX:minScreenSize.large;var galleryDetails=useMemo(function(){var galleryImages=images.map(function(a){var _a;return {previewUrl:(_a=a.previewUrl)!==null&&_a!==void 0?_a:getImageUrl(basePath,subscriptionId,item,a.id,maxImageWidth),imageId:a.id,width:a.width,height:a.height};});return {galleryId:createId(),images:galleryImages};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[item.attachments,item.fileAccessToken,item.attachmentContainerId]);if(images.length===0&&files.length===0){return null;}return jsxs("div",__assign({className:className},{children:[jsx$1(PhotoGrid,{images:galleryDetails.images,imageUrlResolver:function(imageId,width,height){return getImageUrl(basePath,subscriptionId,item,imageId,width,height);},gridBackgroundColor:imagesGridBackgroundColor},void 0),jsx$1(FilesList,{files:files,getFileUrl:function(attachmentId,token){return getFileUrl(basePath,subscriptionId,item,attachmentId,token);},fileAccessToken:item.fileAccessToken},void 0)]}),void 0);};var FilesList=_styled(FileAttachmentList).withConfig({displayName:"ImagesAndFilesList__FilesList",componentId:"sc-1wjy8l6-0"})(templateObject_1$1I||(templateObject_1$1I=__makeTemplateObject(["\n  :not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  :not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingM);var templateObject_1$1I;var EditComment=function EditComment(_a){var content=_a.content,files=_a.files,deletedFileUrls=_a.deletedFileUrls,onSave=_a.onSave,onCancel=_a.onCancel,className=_a.className,mentionSearchHandler=_a.mentionSearchHandler,allowAttachments=_a.allowAttachments,inputTheme=_a.inputTheme,onAttachmentAdded=_a.onAttachmentAdded,onDeleteAttachment=_a.onDeleteAttachment,allowKeywords=_a.allowKeywords,availableKeywords=_a.availableKeywords,mandatoryKeywords=_a.mandatoryKeywords,keywords=_a.keywords,allowSaveWithoutContent=_a.allowSaveWithoutContent,saveOnEnter=_a.saveOnEnter,saveOnCtrlEnter=_a.saveOnCtrlEnter;var formatMessage=useIntl().formatMessage;var _b=useState$2(content||''),newContent=_b[0],setContent=_b[1];var _c=useState$2(false),showKeywordsPicker=_c[0],setShowKeywordsPicker=_c[1];var _d=useState$2(getFlatKeywordList(keywords)||[]),selectedKeywords=_d[0],setSelectedKeywords=_d[1];var hasMandatoryKeywords=(mandatoryKeywords===null||mandatoryKeywords===void 0?void 0:mandatoryKeywords.length)>0;var automaticallyShowKeywordsPicker=allowKeywords&&(hasMandatoryKeywords||selectedKeywords.length!==0);return jsx$1(RichCommentInputWithAttachmentList,{className:className,content:newContent,attachments:files,deletedAttachmentUrls:deletedFileUrls,autoFocus:true,mentionSearchHandler:mentionSearchHandler,onChange:function(value){return setContent(value);},onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onAttachmentsChange:onAttachmentAdded,onDeleteAttachment:onDeleteAttachment,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,defaultKeywords:keywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker||automaticallyShowKeywordsPicker,inputTheme:inputTheme,buttons:jsxs(Fragment,{children:[allowKeywords&&jsx$1(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},"data-button-type":"keywords","aria-label":formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsx$1(IconButton,{iconProps:{iconName:'CheckMark'},disabled:!canSaveInput(allowSaveWithoutContent,files,newContent),onClick:handleSave,"data-button":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},void 0),jsx$1(IconButton,{iconProps:{iconName:'Cancel'},onClick:onCancel,"data-button":"cancel",ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);function handleSave(){var groupedKeywords=getGroupedKeywords(selectedKeywords);onSave(newContent.trim(),groupedKeywords);setShowKeywordsPicker(false);}};function useAttachmentUploader(initialAttachments,containerId,basePath){var ignoreRef=useRef$1(false);var warningToastHandle=useRef$1();var _a=useAttachmentsApi(),uploadFile=_a.uploadFile,uploadImage=_a.uploadImage;var showToastWarning=useNotificationContext().showToastWarning;useEffect$1(function(){return function(){ignoreRef.current=true;};},[]);var user=useCurrentUser();var _b=useState$2(initialAttachments),attachments=_b[0],setAttachments=_b[1];var _c=useState$2([]),deletedAttachmentUrls=_c[0],setDeletedAttachmentUrls=_c[1];// eslint-disable-next-line react-hooks/exhaustive-deps
 var handleAttachmentCallback=useCallback(handleAttachmentsAdded,[attachments,setAttachments,basePath,containerId]);return [attachments,handleAttachmentCallback,clearAttachments,deletedAttachmentUrls,deleteAttachment];function handleAttachmentsAdded(updatedAttachments){return __awaiter(this,void 0,void 0,function(){var newAttachments,_loop_1,_i,newAttachments_1,newAttachment;return __generator(this,function(_a){newAttachments=updatedAttachments.filter(function(a){return attachments.every(function(old){return old.id!==a.id;});});setAttachments(updatedAttachments.map(function(a){return __assign(__assign({},a),{isUploadInProgress:(a.type===AttachmentType.Image||a.type===AttachmentType.File)&&!!newAttachments.find(function(x){return x.id===a.id;})});}));_loop_1=function(newAttachment){(newAttachment.type===AttachmentType.Image||newAttachment.type===AttachmentType.File)&&uploadAttachment(basePath,newAttachment).then(function(response){if((response===null||response===void 0?void 0:response.status)!==200&&(response===null||response===void 0?void 0:response.status)!==204){throw new Error("Request failed with status "+(response===null||response===void 0?void 0:response.status));}})// todo: add proper error handling when uploading a attachment fails
 // => we should display a retry button on the attachment preview
@@ -133860,8 +134082,8 @@ var Host$8 = _styled.div.withConfig({
 var Inner$2 = _styled.div.withConfig({
   displayName: "NewsGrid__Inner",
   componentId: "sc-8ugpfz-1"
-})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
-  return css$2(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
+  return css$2(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(max(235px, calc(100% / ", " - ", "px)), 1fr)\n    ); /* 235px - we need this min-width for not breaking the card layout on smaller screen/ container */\n  "], ["\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(max(235px, calc(100% / ", " - ", "px)), 1fr)\n    ); /* 235px - we need this min-width for not breaking the card layout on smaller screen/ container */\n  "])), p.columnCount, spacingM);
 });
 
 _styled(NewsGridCard).withConfig({

package/index.umd.js

@@ -50868,6 +50868,13 @@
 	  AudienceMatchMode[AudienceMatchMode["AnyGroupAndAnyProperty"] = 1] = "AnyGroupAndAnyProperty";
 	})(AudienceMatchMode || (AudienceMatchMode = {}));
 
+	var LogoSize;
+
+	(function (LogoSize) {
+	  LogoSize["large"] = "large";
+	  LogoSize["small"] = "small";
+	})(LogoSize || (LogoSize = {}));
+
 	var LinkDirectoryResultType;
 
 	(function (LinkDirectoryResultType) {
@@ -53235,7 +53242,7 @@
 	  }
 	});
 
-	function usePluginStorage() {
+	function usePluginDeviceStore() {
 	  var storage = React$d.useContext(PluginContext).storage;
 	  return storage;
 	}
@@ -53334,6 +53341,210 @@
 	  }
 	}
 
+	function silenceNotFound(reason) {
+	  var _a;
+
+	  if (((_a = reason === null || reason === void 0 ? void 0 : reason.response) === null || _a === void 0 ? void 0 : _a.statusCode) === 404) {
+	    return undefined;
+	  }
+
+	  throw reason;
+	}
+
+	function usePluginUserStore() {
+	  var userStore = React$d.useContext(PluginContext).userStore;
+	  return userStore;
+	}
+
+	function usePluginUserStoreValue(key, deps) {
+	  var _this = this;
+
+	  var userStore = React$d.useContext(PluginContext).userStore;
+
+	  var _a = usePromise$2(function () {
+	    return userStore.get(key).catch(silenceNotFound);
+	  }, undefined, __spreadArray$4(__spreadArray$4([], deps || []), [key])),
+	      data = _a[0],
+	      isLoading = _a[1],
+	      error = _a[2],
+	      setState = _a[3],
+	      refresh = _a[4];
+
+	  return {
+	    data: data,
+	    set: function (newValue) {
+	      return __awaiter$7(_this, void 0, void 0, function () {
+	        var prevValue;
+	        return __generator$7(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+	              setState(newValue);
+	              return [4
+	              /*yield*/
+	              , userStore.set(key, newValue).catch(function (reason) {
+	                setState(prevValue);
+	                return silenceNotFound(reason);
+	              })];
+
+	            case 1:
+	              return [2
+	              /*return*/
+	              , _a.sent()];
+	          }
+	        });
+	      });
+	    },
+	    isLoading: isLoading,
+	    error: error,
+	    refresh: refresh,
+	    remove: function () {
+	      return __awaiter$7(_this, void 0, void 0, function () {
+	        var prevValue;
+	        return __generator$7(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+	              setState(undefined);
+	              return [4
+	              /*yield*/
+	              , userStore.delete(key).catch(function (reason) {
+	                setState(prevValue);
+	                return silenceNotFound(reason);
+	              })];
+
+	            case 1:
+	              return [2
+	              /*return*/
+	              , _a.sent()];
+	          }
+	        });
+	      });
+	    }
+	  };
+	}
+
+	function getPluginUserStoreWrapper(pluginId, api) {
+	  return {
+	    get: getPluginUserValue,
+	    set: setPluginUserValue,
+	    delete: deletePluginUserValue
+	  };
+
+	  function getPluginUserValue(key) {
+	    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").get().then(function (res) {
+	      return res.body().data();
+	    });
+	  }
+
+	  function setPluginUserValue(key, value) {
+	    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").put(value).then(function (res) {
+	      return res.body().data();
+	    });
+	  }
+
+	  function deletePluginUserValue(key) {
+	    return api.custom("users/current/plugins/" + pluginId + "/store/" + key + "/value").delete();
+	  }
+	}
+
+	function usePluginSubscriptionStore() {
+	  var subscriptionStore = React$d.useContext(PluginContext).subscriptionStore;
+	  return subscriptionStore;
+	}
+
+	function usePluginSubscriptionStoreValue(key, deps) {
+	  var _this = this;
+
+	  var subscriptionStore = React$d.useContext(PluginContext).subscriptionStore;
+
+	  var _a = usePromise$2(function () {
+	    return subscriptionStore.get(key).catch(silenceNotFound);
+	  }, undefined, __spreadArray$4(__spreadArray$4([], deps || []), [key])),
+	      data = _a[0],
+	      isLoading = _a[1],
+	      error = _a[2],
+	      setState = _a[3],
+	      refresh = _a[4];
+
+	  return {
+	    data: data,
+	    set: function (newValue) {
+	      return __awaiter$7(_this, void 0, void 0, function () {
+	        var prevValue;
+	        return __generator$7(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+	              setState(newValue);
+	              return [4
+	              /*yield*/
+	              , subscriptionStore.set(key, newValue).catch(function (reason) {
+	                setState(prevValue);
+	                return silenceNotFound(reason);
+	              })];
+
+	            case 1:
+	              return [2
+	              /*return*/
+	              , _a.sent()];
+	          }
+	        });
+	      });
+	    },
+	    isLoading: isLoading,
+	    error: error,
+	    refresh: refresh,
+	    remove: function () {
+	      return __awaiter$7(_this, void 0, void 0, function () {
+	        var prevValue;
+	        return __generator$7(this, function (_a) {
+	          switch (_a.label) {
+	            case 0:
+	              prevValue = data ? JSON.parse(JSON.stringify(data)) : undefined;
+	              setState(undefined);
+	              return [4
+	              /*yield*/
+	              , subscriptionStore.delete(key).catch(function (reason) {
+	                setState(prevValue);
+	                return silenceNotFound(reason);
+	              })];
+
+	            case 1:
+	              return [2
+	              /*return*/
+	              , _a.sent()];
+	          }
+	        });
+	      });
+	    }
+	  };
+	}
+
+	function getPluginSubscriptionStoreWrapper(pluginId, api) {
+	  return {
+	    get: getPluginSubscriptionValue,
+	    set: setPluginSubscriptionValue,
+	    delete: deletePluginSubscriptionValue
+	  };
+
+	  function getPluginSubscriptionValue(key) {
+	    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").get().then(function (res) {
+	      return res.body().data();
+	    });
+	  }
+
+	  function setPluginSubscriptionValue(key, value) {
+	    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").put(value).then(function (res) {
+	      return res.body().data();
+	    });
+	  }
+
+	  function deletePluginSubscriptionValue(key) {
+	    return api.custom("subscriptions/current/plugins/" + pluginId + "/store/" + key + "/value").delete();
+	  }
+	}
+
 	var PluginWrapper = function PluginWrapper(_a) {
 	  var pluginId = _a.pluginId,
 	      componentName = _a.componentName,
@@ -53343,6 +53554,7 @@
 	      props = __rest$2(_a, ["pluginId", "componentName", "settings", "bundleUrl", "bundleModificationDate"]);
 
 	  var storage = useStorage();
+	  var api = useApi();
 	  var getPluginFileUrl = usePluginApi().getPluginFileUrl;
 	  var LazyComponent = React$d.useMemo(function () {
 	    return /*#__PURE__*/React$d.lazy(function () {
@@ -53352,9 +53564,11 @@
 	  var pluginContext = React$d.useMemo(function () {
 	    return {
 	      settings: settings,
-	      storage: getStorageWrapper(pluginId, storage)
+	      storage: getStorageWrapper(pluginId, storage),
+	      userStore: getPluginUserStoreWrapper(pluginId, api),
+	      subscriptionStore: getPluginSubscriptionStoreWrapper(pluginId, api)
 	    };
-	  }, [pluginId, settings, storage]);
+	  }, [pluginId, settings, storage, api]);
 	  return jsxRuntime.jsx(React$d.Suspense, __assign$a({
 	    fallback: jsxRuntime.jsx("div", {}, void 0)
 	  }, {
@@ -54274,16 +54488,19 @@
 	}
 
 	function getTextColor(bgColor) {
-	  var contrastWithBlack = s(bgColor, defaultDarkColor);
-	  var contrastWithWhite = s(bgColor, defaultLightColor);
-
-	  if (contrastWithBlack > contrastWithWhite) {
+	  if (shouldUseDarkForegroundColor(bgColor)) {
 	    return defaultDarkColor;
 	  }
 
 	  return defaultLightColor;
 	}
 
+	function shouldUseDarkForegroundColor(bgColor) {
+	  var contrastWithBlack = s(bgColor, defaultDarkColor);
+	  var contrastWithWhite = s(bgColor, defaultLightColor);
+	  return contrastWithBlack > contrastWithWhite;
+	}
+
 	var ThemeContext$1 = /*#__PURE__*/React$d.createContext(null);
 
 	var ThemeContextProvider = function ThemeContextProvider(_a) {
@@ -83663,7 +83880,7 @@
 	var Host$c$1 = _styled__default["default"].ul.withConfig({
 	  displayName: "ClickableChannelTitles__Host",
 	  componentId: "sc-1a7ny18-0"
-	})(templateObject_1$q$2 || (templateObject_1$q$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n    }\n  }\n"])), fontSizeSmall);
+	})(templateObject_1$q$2 || (templateObject_1$q$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ", "px;\n\n  &&& {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    li {\n      margin: 0;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n"])), fontSizeSmall);
 
 	var ChannelBubble = _styled__default["default"].div.withConfig({
 	  displayName: "ClickableChannelTitles__ChannelBubble",
@@ -83794,7 +84011,7 @@
 	var Host$b$1 = _styled__default["default"].div.withConfig({
 	  displayName: "Toolbar__Host",
 	  componentId: "sc-16ftbxt-0"
-	})(templateObject_1$o$2 || (templateObject_1$o$2 = __makeTemplateObject$1(["\n  display: flex;\n  align-self: flex-start;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"], ["\n  display: flex;\n  align-self: flex-start;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])), function (p) {
+	})(templateObject_1$o$2 || (templateObject_1$o$2 = __makeTemplateObject$1(["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"], ["\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  justify-content: center;\n  background-color: ", ";\n  box-shadow: 1px 1px 4px grey;\n  padding: ", "px;\n  min-height: 36px;\n\n  // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n  // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n  min-width: 0;\n"])), function (p) {
 	  return p.theme.palette.white;
 	}, spacingXxs);
 
@@ -87251,7 +87468,12 @@
 	  createId: createId,
 	  ResourceContext: ResourceContext,
 	  usePluginSettings: usePluginSettings,
-	  usePluginStorage: usePluginStorage,
+	  usePluginStorage: usePluginDeviceStore,
+	  usePluginDeviceStore: usePluginDeviceStore,
+	  usePluginSubscriptionStore: usePluginSubscriptionStore,
+	  usePluginSubscriptionStoreValue: usePluginSubscriptionStoreValue,
+	  usePluginUserStore: usePluginUserStore,
+	  usePluginUserStoreValue: usePluginUserStoreValue,
 	  useReachApiEndPoints: useReachApiEndPoints,
 	  AccountType: AccountType,
 	  PeoplePicker: PeoplePicker,
@@ -87445,9 +87667,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.3.53";
-	var buildId = "100755";
-	var commitId = "7a22378ca3f2c703b91c6d26e6ef1504cfeb9b6c";
+	var version$1 = "0.3.63";
+	var buildId = "101357";
+	var commitId = "f078b425a853f8d5cf68defe05c48b15ccafda0c";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -131725,7 +131947,7 @@
 	// in popular engines, so it's moved to a separate module
 	var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var KeywordsInfo=function KeywordsInfo(_a){var keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var flatKeywords=getFlatKeywordList(keywords);var hasKeywords=flatKeywords&&flatKeywords.length>0;if(!hasKeywords){return null;}return jsxRuntime.jsx(Host$Q,__assign({"data-keywords":true},{children:renderKeywords()}),void 0);function renderKeywords(){var keywordsGroupsIds=Object.keys(keywords||[]);return keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).map(function(groupId){return keywords[groupId].length>0&&jsxRuntime.jsx(KeywordsGroup,{groupId:groupId,groupName:availableKeywordGroups[groupId].name,language:language,keywords:keywords,className:className,filterBaseUrl:filterBaseUrl},groupId);});}};var KeywordsGroup=function KeywordsGroup(_a){var groupId=_a.groupId,groupName=_a.groupName,keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;return jsxRuntime.jsxs(KeywordsList$1,__assign({className:classNames('ms-fontColor-neutralSecondaryAlt',className)},{children:[jsxRuntime.jsxs(KeywordsListTitle,{children:[jsxRuntime.jsx(KeywordTitle,{groupName:groupName,language:language},void 0),":"]},void 0),keywords[groupId].map(function(k){var Title=jsxRuntime.jsx(KeywordTitle,{groupName:groupName,keywordName:k.name,language:language},void 0);return jsxRuntime.jsx(KeywordsListItem,{children:filterBaseUrl?jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,className:"ms-fontColor-neutralSecondaryAlt",to:filterBaseUrl+"?"+queryString.stringify({keywords:k.id})},{children:Title}),void 0):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[" ",Title," "]},void 0)},groupName+k.name);})]}),void 0);};var Host$Q=_styled__default["default"].div.withConfig({displayName:"KeywordsInfo__Host",componentId:"sc-woteiy-0"})(templateObject_1$2d||(templateObject_1$2d=__makeTemplateObject(["\n  padding-right: ","px;\n  flex: 1; /* IE fix */\n  @media (min-width: 700px) {\n    padding-right: ","px;\n  }\n"],["\n  padding-right: ","px;\n  flex: 1; /* IE fix */\n  @media (min-width: 700px) {\n    padding-right: ","px;\n  }\n"])),spacingM,spacingXl);var KeywordsList$1=_styled__default["default"].dl.withConfig({displayName:"KeywordsInfo__KeywordsList",componentId:"sc-woteiy-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n  width: 100%;\n  margin: 0;\n\n  + dl {\n    margin-top: 5px;\n  }\n"],["\n  width: 100%;\n  margin: 0;\n\n  + dl {\n    margin-top: 5px;\n  }\n"])));var KeywordsListTitle=_styled__default["default"].dt.withConfig({displayName:"KeywordsInfo__KeywordsListTitle",componentId:"sc-woteiy-2"})(templateObject_3$Y||(templateObject_3$Y=__makeTemplateObject(["\n  display: inline-block;\n  padding-right: 5px;\n  word-break: normal;\n"],["\n  display: inline-block;\n  padding-right: 5px;\n  word-break: normal;\n"])));var KeywordsListItem=_styled__default["default"].dd.withConfig({displayName:"KeywordsInfo__KeywordsListItem",componentId:"sc-woteiy-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n  display: inline-block;\n  margin: 0;\n\n  text-decoration: underline;\n\n  &:not(:last-child) span::after {\n    content: ',';\n    padding-right: 5px;\n  }\n"],["\n  display: inline-block;\n  margin: 0;\n\n  text-decoration: underline;\n\n  &:not(:last-child) span::after {\n    content: ',';\n    padding-right: 5px;\n  }\n"])));var FlatKeywords=function FlatKeywords(_a){var keywords=_a.item.keywords,filterBaseUrl=_a.filterBaseUrl,className=_a.className,useGridKeywordTitle=_a.useGridKeywordTitle,onClick=_a.onClick,showAllKeywordsInCallout=_a.showAllKeywordsInCallout;var location=ReactRouterDom.useLocation();var currentParamsObject=queryString.parse(location.search);var selectedKeywordGroups=React$d.useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var keywordsGroupsIds=Object.keys(keywords||[]);var flatKeywords=keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).flatMap(function(groupId){return keywords[groupId].map(function(keyword){return keyword;});});var flatKeywordsList=getFlatKeywordsList();if(showAllKeywordsInCallout){return jsxRuntime.jsx(Tooltip// Give the user more time to interact with the tooltip before it closes
 	,__assign({// Give the user more time to interact with the tooltip before it closes
-	closeDelay:500,tooltipProps:{onRenderContent:function(){return jsxRuntime.jsx(TooltipList,{children:flatKeywords.map(function(k){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsxRuntime.jsx(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsxRuntime.jsx(KeywordItem$1,{children:jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsxRuntime.jsx(KeywordItem$1,{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&_styled.css(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "],["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "])));});var KeywordItem$1=_styled__default["default"].li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2d,templateObject_2$1q,templateObject_3$Y,templateObject_4$H,templateObject_5$B,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsxRuntime.jsx(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsxRuntime.jsx(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=_styled.css(templateObject_1$2c||(templateObject_1$2c=__makeTemplateObject(["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"],["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"])));var StyledLink$1=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var ExternalLink$1=_styled__default["default"].a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$X||(templateObject_3$X=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var templateObject_1$2c,templateObject_2$1p,templateObject_3$X;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxRuntime.jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxRuntime.jsxs(Header$3,{children:[jsxRuntime.jsx(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:officeUiFabricReact.PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxRuntime.jsxs(HeaderMetadata$2,{children:[jsxRuntime.jsx(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsxRuntime.jsx(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsxRuntime.jsx(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsxRuntime.jsx(Content$8,{children:jsxRuntime.jsx(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsxRuntime.jsx(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$W||(templateObject_3$W=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"],["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"])),function(p){return p.backgroundColor?_styled.css(templateObject_1$2b||(templateObject_1$2b=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):_styled.css(templateObject_2$1o||(templateObject_2$1o=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledPersonaCard$3=_styled__default["default"](PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var HeaderMetadata$2=_styled__default["default"].div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"],["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var PostDateTime$1=_styled__default["default"](DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var StyledKeywordsInfo$1=_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"],["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"])),spacingM);var templateObject_1$2b,templateObject_2$1o,templateObject_3$W,templateObject_4$G,templateObject_5$A,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:locationLink?jsxRuntime.jsx(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsxRuntime.jsx("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsxRuntime.jsx(Host$P,__assign({className:className},{children:jsxRuntime.jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxRuntime.jsxs(Host$P,__assign({className:className},{children:[contactsCount>0&&jsxRuntime.jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxRuntime.jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.authorLabel"},void 0),jsxRuntime.jsx(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsxRuntime.jsx(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath("/events?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$P=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2a||(templateObject_1$2a=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1n||(templateObject_2$1n=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled__default["default"](ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$V||(templateObject_3$V=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled__default["default"](PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$F||(templateObject_4$F=__makeTemplateObject(["\n  text-decoration: underline;\n"],["\n  text-decoration: underline;\n"])));var List$2=_styled__default["default"].ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"],["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&_styled.css(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "],["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingS);var templateObject_1$2a,templateObject_2$1n,templateObject_3$V,templateObject_4$F,templateObject_5$z,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxRuntime.jsxs(Host$O,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsxRuntime.jsx(officeUiFabricReact.Image,{src:imageUrl,imageFit:officeUiFabricReact.ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$O=_styled__default["default"].div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$29||(templateObject_1$29=__makeTemplateObject(["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"],["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"])));var templateObject_1$29;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
+	closeDelay:500,tooltipProps:{onRenderContent:function(){return jsxRuntime.jsx(TooltipList,{children:flatKeywords.map(function(k){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsxRuntime.jsx(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsxRuntime.jsx(KeywordItem$1,{children:jsxRuntime.jsx(ReactRouterDom.NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsxRuntime.jsx(KeywordItem$1,{children:useGridKeywordTitle?jsxRuntime.jsx(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsxRuntime.jsx(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  color: ",";\n  display: inline-block;\n  max-width: 100%;\n\n  ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&_styled.css(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "],["\n      text-overflow: ellipsis;\n      overflow: hidden;\n      white-space: nowrap;\n      position: relative;\n      z-index: 1;\n    "])));});var KeywordItem$1=_styled__default["default"].li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  display: inline;\n\n  &:not(:last-child) {\n    &::after {\n      content: ', ';\n    }\n  }\n\n  > a,\n  > a:link,\n  > a:visited,\n  > span {\n    color: ",";\n  }\n\n  a {\n    position: relative;\n    z-index: 1;\n  }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled__default["default"].ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  > li {\n    padding: ","px;\n    color: ",";\n    font-size: ","px;\n  }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2d,templateObject_2$1q,templateObject_3$Y,templateObject_4$H,templateObject_5$B,templateObject_6$r,templateObject_7$l,templateObject_8$j;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsxRuntime.jsx(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsxRuntime.jsx(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=_styled.css(templateObject_1$2c||(templateObject_1$2c=__makeTemplateObject(["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"],["\n  width: 0;\n  height: 0;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n"])));var StyledLink$1=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var ExternalLink$1=_styled__default["default"].a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$X||(templateObject_3$X=__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),Style);var templateObject_1$2c,templateObject_2$1p,templateObject_3$X;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxRuntime.jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxRuntime.jsxs(Header$3,{children:[jsxRuntime.jsx(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsxRuntime.jsx(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:officeUiFabricReact.PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxRuntime.jsxs(HeaderMetadata$2,{children:[jsxRuntime.jsx(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsxRuntime.jsx(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsxRuntime.jsx(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsxRuntime.jsx(Content$8,{children:jsxRuntime.jsx(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsxRuntime.jsx(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$W||(templateObject_3$W=__makeTemplateObject(["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"],["\n  ","\n\n  display: flex;\n  flex-direction: column;\n\n  font-size: ","px;\n  padding: ","px;\n\n  position: relative;\n"])),function(p){return p.backgroundColor?_styled.css(templateObject_1$2b||(templateObject_1$2b=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):_styled.css(templateObject_2$1o||(templateObject_2$1o=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"])));var StyledPersonaCard$3=_styled__default["default"](PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var HeaderMetadata$2=_styled__default["default"].div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"],["\n  flex: 1;\n  font-size: ","px;\n  padding-left: ","px;\n  white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled__default["default"].div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n  font-weight: bold;\n"],["\n  font-weight: bold;\n"])));var PostDateTime$1=_styled__default["default"](DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n  font-size: ","px;\n"],["\n  font-size: ","px;\n"])),fontSizeSmaller);var Content$8=_styled__default["default"].div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"],["\n  padding-top: 15px;\n  a {\n    text-decoration: underline;\n  }\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n"])));var StyledKeywordsInfo$1=_styled__default["default"](KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$c||(templateObject_10$c=__makeTemplateObject(["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"],["\n  margin-top: ","px;\n\n  dd {\n    text-decoration: none;\n  }\n"])),spacingM);var templateObject_1$2b,templateObject_2$1o,templateObject_3$W,templateObject_4$G,templateObject_5$A,templateObject_6$q,templateObject_7$k,templateObject_8$i,templateObject_9$e,templateObject_10$c;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:locationLink?jsxRuntime.jsx(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsxRuntime.jsx("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsxRuntime.jsx(Host$P,__assign({className:className},{children:jsxRuntime.jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var item=_a.item,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contactsCount=item.contacts&&item.contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxRuntime.jsxs(Host$P,__assign({className:className},{children:[contactsCount>0&&jsxRuntime.jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.contactsLabel",count:contactsCount},void 0),jsxRuntime.jsx(List$2,__assign({isMultiLine:isMultiLine},{children:item.contacts.map(function(c){return jsxRuntime.jsx("li",{children:jsxRuntime.jsx(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxRuntime.jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsxRuntime.jsx(Label,{resourceKey:"Events.authorLabel"},void 0),jsxRuntime.jsx(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsxRuntime.jsx(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath("/events?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$P=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2a||(templateObject_1$2a=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled__default["default"].div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1n||(templateObject_2$1n=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  text-align: left;\n\n  flex-direction: ",";\n\n  ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled__default["default"](ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$V||(templateObject_3$V=__makeTemplateObject(["\n  margin-bottom: ","px;\n"],["\n  margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled__default["default"](PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$F||(templateObject_4$F=__makeTemplateObject(["\n  text-decoration: underline;\n"],["\n  text-decoration: underline;\n"])));var List$2=_styled__default["default"].ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"],["\n  ",";\n\n  &&& {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n  }\n\n  > li {\n    margin-top: ","px;\n  }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&_styled.css(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "],["\n      display: flex;\n      flex-wrap: wrap;\n      flex-direction: row;\n      align-items: center;\n    "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n  &&& li {\n    margin-top: ","px;\n  }\n"],["\n  &&& li {\n    margin-top: ","px;\n  }\n"])),spacingS);var templateObject_1$2a,templateObject_2$1n,templateObject_3$V,templateObject_4$F,templateObject_5$z,templateObject_6$p,templateObject_7$j;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxRuntime.jsxs(Host$O,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsxRuntime.jsx(officeUiFabricReact.Image,{src:imageUrl,imageFit:officeUiFabricReact.ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$O=_styled__default["default"].div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$29||(templateObject_1$29=__makeTemplateObject(["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"],["\n  position: relative;\n  height: inherit;\n\n  /*\n    The UI Fabric image component has a bug that it shows 1px on the left/ top\n    or right side of the background when applying their cross browser image-fit: cover.\n    This result in 1px gray/white \"border\".\n    We just add 1px to the image width & height to cover this gap\n  */\n  .ms-Image {\n    img {\n      width: calc(100% + 1px);\n      height: calc(100% + 1px);\n    }\n  }\n"])));var templateObject_1$29;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
 	     * Retrieve information on a given image. Does not return the actual image.
 	     */function getImageInfo(itemId,identifier,resourceType){var path="editor/"+resourceType+"/"+itemId+"/images/"+identifier;return api.custom(path+"/info").get().then(function(res){return res.body().data();});}function getImageEditorUrl(itemId,subscriptionId,identifier,resourceType){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();return [2/*return*/,getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType)];}});});}function getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType,width,height){var url=width?"/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/"+width+"/"+(height||''):"/editor/"+resourceType+"/"+itemId+"/images/"+identifier;return createApiUrl(url,{access_token:token,subscriptionId:subscriptionId});}function getOriginalImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType){return createApiUrl("/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/original",{access_token:token,subscriptionId:subscriptionId});}function uploadImage(subscriptionId,resourceType,newImage){return __awaiter(this,void 0,void 0,function(){var fd,token,config;return __generator(this,function(_a){switch(_a.label){case 0:// validate or set defaults
 	if(!newImage.identifier){// identifer defaults to 'banner'
@@ -131765,7 +131987,7 @@
 	var numberParseInt=FORCED?function parseInt(string,radix){var S=trim(String(string));return $parseInt(S,radix>>>0||(hex.test(S)?16:10));}:$parseInt;var $$2$1=_export;var parseIntImplementation=numberParseInt;// `parseInt` method
 	// https://tc39.github.io/ecma262/#sec-parseint-string-radix
 	$$2$1({global:true,forced:parseInt!=parseIntImplementation},{parseInt:parseIntImplementation});function getMaxImageWidth(defaultMaxWidth){return defaultMaxWidth!==null&&defaultMaxWidth!==void 0?defaultMaxWidth:maxContentWidth;}function getImageWidth(image){var width=typeof image==='string'?parseInt(image):image===null||image===void 0?void 0:image.width;if(!width||isNaN(width)){return getMaxImageWidth();}return Math.min(width,getMaxImageWidth());}function getNewsCardIcon(item,intl){if(hasFlag(item.knownState,KnownNewsState.Alert)){return {name:'Warning',backgroundColor:'red',tooltipText:intl.formatMessage({id:'NewsArticle.alert'})};}if(hasFlag(item.knownState,KnownNewsState.Unconfirmed)){return {name:'Completed',backgroundColor:'green',tooltipText:intl.formatMessage({id:'NewsArticle.confirmationRequired'})};}return null;}var ItemTileLayoutMode;(function(ItemTileLayoutMode){ItemTileLayoutMode["BannerTopMode"]="bannerTop";ItemTileLayoutMode["BannerLeftMode"]="bannerLeft";})(ItemTileLayoutMode||(ItemTileLayoutMode={}));var NewsItemTile=function NewsItemTile(_a){var item=_a.item,baseRoute=_a.baseRoute,layoutMode=_a.layoutMode,filterBaseUrl=_a.filterBaseUrl,dateLabelResourceKey=_a.dateLabelResourceKey,buttons=_a.buttons,openTargetInNewWindow=_a.openTargetInNewWindow,onClick=_a.onClick,onChannelClick=_a.onChannelClick,onKeywordClick=_a.onKeywordClick,styleDefinition=_a.styleDefinition,readOnly=_a.readOnly,className=_a.className;var user=useCurrentUserContext().user;var token=useCurrentToken();var intl=useIntl();var features=useFeatures();var title=getTitle(item,user,intl.formatMessage);var headline=getHeadline(item,user);var language=NewsService.getLanguageForPublishableItem(item,user);var handleExternalContentClick=useExternalContentClickHandler();var targetRoute=NewsService.getNewsRouteWithRedirect(baseRoute,item.id,title,item.useExternalContent);var hasKeywords=Object.keys(item.keywords).length>0;var content=item.contents[language];var hasIntro=content.intro&&content.intro.length>0;var icon=getNewsCardIcon(item,intl);var preferredContentLanguage=getPreferredContentLanguage(user);var url=getExternalContentUrl(item,preferredContentLanguage);return jsxRuntime.jsxs(Host$H,__assign({hasBanner:item.bannerInfo!=null,layoutMode:layoutMode,styleDefinition:styleDefinition,"data-item-id":item.id,className:className},{children:[!readOnly&&jsxRuntime.jsx(ClickableOverlay,{itemId:item.id,itemType:ItemResourceTypes.News,baseRoute:baseRoute,onClick:onClick,title:title,openTargetInNewWindow:openTargetInNewWindow,isExternalContent:item.useExternalContent},void 0),jsxRuntime.jsx(Banner$1$1,{item:item,token:item.fileAccessToken||token,resourceType:ItemResourceTypes.News,layoutMode:layoutMode,bannerDefaultWidth:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.bannerDefaultWidth,showPlaceholderIfNoBannerInfo:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showPlaceholderIfNoBannerInfo},void 0),jsxRuntime.jsxs(Content$5,{children:[jsxRuntime.jsxs(MetaInfoAndIcon,{children:[jsxRuntime.jsxs(MetaInfo$2,__assign({showChannelsToTheRight:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showChannelsToTheRight},{children:[dateLabelResourceKey&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(FormattedMessage$1,{id:dateLabelResourceKey},void 0),":\u00A0"]},void 0),jsxRuntime.jsx(DateTime,{value:item.publishingDate},void 0),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:["\u2002",jsxRuntime.jsx(StyledClickableChannelTitles,{channels:item.channels.map(function(c){return c.name;}),language:getPreferredContentLanguage(user),channelBackgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.channelsBackgroundColor,onClick:onChannelClick},void 0)]},void 0)]}),void 0),icon&&jsxRuntime.jsx(NewsCardIcon$1,{children:jsxRuntime.jsx(Tooltip,__assign({text:icon.tooltipText},{children:jsxRuntime.jsx(StyledIcon$4$1,{iconName:icon.name,backgroundColor:icon.backgroundColor},void 0)}),item.id+"-"+icon.name)},void 0)]},void 0),features.contentHeadline&&!!headline&&jsxRuntime.jsx(Headline$2,{children:headline},void 0),jsxRuntime.jsx(StyledTitle$2,{title:title,targetRoute:targetRoute,readOnly:readOnly,openTargetInNewWindow:openTargetInNewWindow,onClick:function(e){if(onClick){onClick(e,true);}else {handleExternalContentClick(e,item,ItemResourceTypes.News);}},isExternalContent:item.useExternalContent,resourceKey:"ExternalLinkButton.news.navigateTo",resourceValues:url},void 0),hasIntro&&jsxRuntime.jsx(Intro$1$1,{children:content.intro},void 0),hasKeywords&&jsxRuntime.jsx(StyledKeywords,{item:item,filterBaseUrl:filterBaseUrl,onClick:onKeywordClick},void 0),buttons&&jsxRuntime.jsx(Footer,__assign({alignItemsToTheRight:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.showChannelsToTheRight},{children:buttons}),void 0)]},void 0)]}),void 0);};var Host$H=_styled__default["default"].article.withConfig({displayName:"NewsItemTile__Host",componentId:"sc-15drgb8-0"})(templateObject_4$v||(templateObject_4$v=__makeTemplateObject(["\n  ","\n  ",";\n\n  ","\n\n  ","\n\n  ","\n\n    position: relative;\n"],["\n  ","\n  ",";\n\n  ","\n\n  ","\n\n  ","\n\n    position: relative;\n"])),function(p){var _a;return HostBaseStyle((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.backgroundColor);},function(p){var _a;return !((_a=p.styleDefinition)===null||_a===void 0?void 0:_a.noShadow)&&CardBorderInline(2,2);},function(p){return p.hasBanner&&_styled.css(templateObject_1$1P||(templateObject_1$1P=__makeTemplateObject(["\n      min-height: 138px;\n    "],["\n      min-height: 138px;\n    "])));},function(p){return (!p.layoutMode||p.layoutMode===ItemTileLayoutMode.BannerLeftMode)&&_styled.css(templateObject_2$16||(templateObject_2$16=__makeTemplateObject(["\n      @media (max-width: ","px) {\n        flex-direction: column;\n      }\n    "],["\n      @media (max-width: ","px) {\n        flex-direction: column;\n      }\n    "])),maxScreenSize.medium);},function(p){return p.layoutMode===ItemTileLayoutMode.BannerTopMode&&_styled.css(templateObject_3$K||(templateObject_3$K=__makeTemplateObject(["\n      flex-direction: column;\n    "],["\n      flex-direction: column;\n    "])));});var StyledTitle$2=_styled__default["default"](Title$6).withConfig({displayName:"NewsItemTile__StyledTitle",componentId:"sc-15drgb8-1"})(templateObject_5$s||(templateObject_5$s=__makeTemplateObject(["\n  &&& {\n    margin-right: auto;\n    display: inline-flex;\n  }\n\n  i[data-external-content] {\n    font-size: ","px;\n    line-height: ","px;\n  }\n"],["\n  &&& {\n    margin-right: auto;\n    display: inline-flex;\n  }\n\n  i[data-external-content] {\n    font-size: ","px;\n    line-height: ","px;\n  }\n"])),fontSizeMedium,fontSizeSmall);var Content$5=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__Content",componentId:"sc-15drgb8-2"})(templateObject_6$j||(templateObject_6$j=__makeTemplateObject(["\n  ","\n  padding: ","px;\n"],["\n  ","\n  padding: ","px;\n"])),ContentStyle,spacingM);var Headline$2=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__Headline",componentId:"sc-15drgb8-3"})(templateObject_7$d||(templateObject_7$d=__makeTemplateObject(["\n  font-size: ","px;\n  font-weight: bold;\n  margin-bottom: ","px;\n"],["\n  font-size: ","px;\n  font-weight: bold;\n  margin-bottom: ","px;\n"])),fontSizeSmall,spacingS);var Intro$1$1=_styled__default["default"].p.withConfig({displayName:"NewsItemTile__Intro",componentId:"sc-15drgb8-4"})(templateObject_8$c||(templateObject_8$c=__makeTemplateObject(["\n  margin: 0;\n  font-size: ","px;\n"],["\n  margin: 0;\n  font-size: ","px;\n"])),fontSizeNormal);var MetaInfoAndIcon=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__MetaInfoAndIcon",componentId:"sc-15drgb8-5"})(templateObject_9$a||(templateObject_9$a=__makeTemplateObject(["\n  display: flex;\n"],["\n  display: flex;\n"])));var MetaInfo$2=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__MetaInfo",componentId:"sc-15drgb8-6"})(templateObject_11$5||(templateObject_11$5=__makeTemplateObject(["\n  ","\n  color: ",";\n  margin-bottom: ","px;\n\n  ","\n"],["\n  ","\n  color: ",";\n  margin-bottom: ","px;\n\n  ","\n"])),MetaInfoStyle(),function(p){return p.theme.palette.neutralTertiary;},spacingS,function(p){return p.showChannelsToTheRight&&_styled.css(templateObject_10$9||(templateObject_10$9=__makeTemplateObject(["\n      width: 100%;\n\n      time {\n        margin-right: auto;\n      }\n    "],["\n      width: 100%;\n\n      time {\n        margin-right: auto;\n      }\n    "])));});var NewsCardIcon$1=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__NewsCardIcon",componentId:"sc-15drgb8-7"})(templateObject_12$4||(templateObject_12$4=__makeTemplateObject(["\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$4$1=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"NewsItemTile__StyledIcon",componentId:"sc-15drgb8-8"})(templateObject_13$3||(templateObject_13$3=__makeTemplateObject(["\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){return p.backgroundColor;},function(p){return p.theme.palette.white;});var StyledKeywords=_styled__default["default"](FlatKeywords).withConfig({displayName:"NewsItemTile__StyledKeywords",componentId:"sc-15drgb8-9"})(templateObject_14$3||(templateObject_14$3=__makeTemplateObject(["\n  margin-top: ","px;\n  font-size: ","px;\n\n  && a {\n    &,\n    :link,\n    :visited {\n      color: ",";\n    }\n  }\n"],["\n  margin-top: ","px;\n  font-size: ","px;\n\n  && a {\n    &,\n    :link,\n    :visited {\n      color: ",";\n    }\n  }\n"])),spacingS,fontSizeSmall,function(p){return p.theme.palette.neutralTertiary;});var Footer=_styled__default["default"].footer.withConfig({displayName:"NewsItemTile__Footer",componentId:"sc-15drgb8-10"})(templateObject_16$3||(templateObject_16$3=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ms-TooltipHost {\n    display: flex;\n    align-items: center;\n    margin-right: ","px;\n\n    i {\n      font-size: 22px;\n    }\n  }\n"],["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  margin-top: auto;\n  ","\n\n  a,\n  button {\n    position: relative;\n    z-index: 1;\n  }\n\n  .ms-TooltipHost {\n    display: flex;\n    align-items: center;\n    margin-right: ","px;\n\n    i {\n      font-size: 22px;\n    }\n  }\n"])),spacingS,function(p){return p.alignItemsToTheRight&&_styled.css(templateObject_15$3||(templateObject_15$3=__makeTemplateObject(["\n      justify-content: flex-end;\n    "],["\n      justify-content: flex-end;\n    "])));},spacingS+5);var Banner$1$1=function Banner(_a){var item=_a.item,token=_a.token,resourceType=_a.resourceType,layoutMode=_a.layoutMode,bannerDefaultWidth=_a.bannerDefaultWidth,showPlaceholderIfNoBannerInfo=_a.showPlaceholderIfNoBannerInfo;var bannerInfo=item.bannerInfo;if(!bannerInfo&&!showPlaceholderIfNoBannerInfo){return null;}var banner=getBanner();return jsxRuntime.jsx("div",{children:banner},void 0);function getBanner(){if(layoutMode===ItemTileLayoutMode.BannerTopMode){return jsxRuntime.jsx(TopBannerWrapper,__assign({showPlaceholder:!bannerInfo&&showPlaceholderIfNoBannerInfo},{children:jsxRuntime.jsx(TopBannerInner,{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,width:getMaxImageWidth(),token:item.fileAccessToken||token,resourceType:resourceType},void 0)},void 0)}),void 0);}return jsxRuntime.jsx(LeftBannerWrapper,__assign({defaultWidth:bannerDefaultWidth!==null&&bannerDefaultWidth!==void 0?bannerDefaultWidth:150,showPlaceholder:!bannerInfo&&showPlaceholderIfNoBannerInfo},{children:jsxRuntime.jsx(PublishableItemBanner,{itemId:item.id,bannerInfo:bannerInfo,width:getMaxImageWidth(450),token:item.fileAccessToken||token,resourceType:resourceType},void 0)}),void 0);}};var TopBannerWrapper=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__TopBannerWrapper",componentId:"sc-15drgb8-11"})(templateObject_18$1||(templateObject_18$1=__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% * (1 / ","));\n  ","\n"],["\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% * (1 / ","));\n  ","\n"])),bannerAspectRatio,function(p){return p.showPlaceholder&&_styled.css(templateObject_17$2||(templateObject_17$2=__makeTemplateObject(["\n      background-color: ",";\n    "],["\n      background-color: ",";\n    "])),p.theme.palette.accent);});var TopBannerInner=_styled__default["default"].div.withConfig({displayName:"NewsItemTile__TopBannerInner",componentId:"sc-15drgb8-12"})(templateObject_19$1||(templateObject_19$1=__makeTemplateObject(["\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 StyledClickableChannelTitles=_styled__default["default"](ClickableChannelTitles).withConfig({displayName:"NewsItemTile__StyledClickableChannelTitles",componentId:"sc-15drgb8-13"})(templateObject_20$3||(templateObject_20$3=__makeTemplateObject(["\n  z-index: 1;\n"],["\n  z-index: 1;\n"])));var templateObject_1$1P,templateObject_2$16,templateObject_3$K,templateObject_4$v,templateObject_5$s,templateObject_6$j,templateObject_7$d,templateObject_8$c,templateObject_9$a,templateObject_10$9,templateObject_11$5,templateObject_12$4,templateObject_13$3,templateObject_14$3,templateObject_15$3,templateObject_16$3,templateObject_17$2,templateObject_18$1,templateObject_19$1,templateObject_20$3;var DocumentDownloadButton=function DocumentDownloadButton(_a){var _b;var page=_a.page,basePath=_a.basePath,onClick=_a.onClick,className=_a.className;var formatMessage=useIntl().formatMessage;var currentUser=useCurrentUser();var createDocumentClickHandler=usePagesClickHandler().createDocumentClickHandler;if(page.pageType!==PageType.Document){return null;}var _c=getContentForPage(page,currentUser),content=_c.content,language=_c.language;var fileInfo=content===null||content===void 0?void 0:content.fileInfo;var title=content===null||content===void 0?void 0:content.title;if(!fileInfo||!language){return null;}return jsxRuntime.jsx(StyledTooltip$1,__assign({resourceKey:'Pages.documents.downloadButton.tooltip',values:{fileName:title||fileInfo.fileName},className:className},{children:jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Download'},onClick:createDocumentClickHandler(page.id,fileInfo.fileId,language,fileInfo.shouldOpenInBrowser,(_b=page)===null||_b===void 0?void 0:_b.fileAccessToken,basePath,onClick),ariaLabel:formatMessage({id:'Pages.documents.downloadButton.tooltip'},{fileName:title||fileInfo.fileName})},void 0)}),void 0);};var StyledTooltip$1=_styled__default["default"](Tooltip).withConfig({displayName:"DocumentDownloadButton__StyledTooltip",componentId:"sc-1lgs2rp-0"})(templateObject_1$1O||(templateObject_1$1O=__makeTemplateObject(["\n  display: inline-flex;\n\n  > button {\n    border: 0;\n    padding: 0;\n    height: 28px; // this is needed for the focus indicator\n\n    i {\n      color: ",";\n    }\n  }\n"],["\n  display: inline-flex;\n\n  > button {\n    border: 0;\n    padding: 0;\n    height: 28px; // this is needed for the focus indicator\n\n    i {\n      color: ",";\n    }\n  }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$1O;var EmbeddedObjectTile=function EmbeddedObjectTile(_a){var _b;var id=_a.id,type=_a.type,readOnly=_a.readOnly,previewTheme=_a.previewTheme,buttons=_a.buttons,groupIds=_a.groupIds,className=_a.className;var getPost=usePostsApi().getPost;var getNews=useNewsApi().get;var loadPage=usePagesApi().loadPage;var getEvent=useEventsApi().getEvent;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var _c=usePromise$2(fetchItem),item=_c[0],isLoading=_c[1],error=_c[2];var useDarkTheme=previewTheme==='dark';var palette=React$d.useContext(ThemeContext$1).theme.palette;var user=useCurrentUser();var backgroundColor=useDarkTheme?palette.neutralLight:palette.white;if(isLoading){return jsxRuntime.jsx(SpinnerHost,{children:jsxRuntime.jsx(StyledSpinner$2,{size:officeUiFabricReact.SpinnerSize.large},void 0)},void 0);}if(((_b=error===null||error===void 0?void 0:error.response)===null||_b===void 0?void 0:_b.statusCode)===403){return jsxRuntime.jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-warning-access-denied":true},{children:[buttons,jsxRuntime.jsx(EmbeddedObjectWarningTile,{iconName:"LockSolid",iconLabel:"Generic.noAccess",messageResourceKey:"Generic.noAccessReason"},void 0)]}),void 0);}if(error||!item){return jsxRuntime.jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-warning-not-found":true},{children:[buttons,jsxRuntime.jsx(EmbeddedObjectWarningTile,{iconName:"AlertSolid",iconLabel:"Generic.itemNotFound",messageResourceKey:"Generic.deletedItemReason"},void 0)]}),void 0);}var itemGroupIds=getItemGroupIds();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(Host$G,__assign({backgroundColor:backgroundColor,className:className,"data-embedded-object-id":id},{children:[buttons,renderEmbeddedObjectTile()]}),void 0),groupIds&&groupIds.every(function(gid){return !itemGroupIds.includes(gid);})&&jsxRuntime.jsx(DifferentGroupWarning,__assign({"data-warning-different-group":true},{children:jsxRuntime.jsx(EmbeddedObjectWarningTile,{messageResourceKey:"Generic.differentGroupWarning"},void 0)}),void 0)]},void 0);function getItemGroupIds(){var _a,_b;var groupIds=(_a=item)===null||_a===void 0?void 0:_a.groupIds;if(groupIds){return groupIds;}var groupId=(_b=item)===null||_b===void 0?void 0:_b.groupId;return groupId?[groupId]:null;}function fetchItem(){return __awaiter(this,void 0,void 0,function(){var _a;return __generator(this,function(_b){switch(_b.label){case 0:_a=type;switch(_a){case AttachmentType.Post:return [3/*break*/,1];case AttachmentType.News:return [3/*break*/,3];case AttachmentType.Page:return [3/*break*/,5];case AttachmentType.Event:return [3/*break*/,7];}return [3/*break*/,9];case 1:return [4/*yield*/,getPost(id)];case 2:return [2/*return*/,_b.sent()];case 3:return [4/*yield*/,getNews(id).toPromise()];case 4:return [2/*return*/,_b.sent()];case 5:return [4/*yield*/,loadPage(id)];case 6:return [2/*return*/,_b.sent()];case 7:return [4/*yield*/,getEvent(id)];case 8:return [2/*return*/,_b.sent()];case 9:throw Error('Invalid type');}});});}function renderEmbeddedObjectTile(){var _a;if(type===AttachmentType.Post){return jsxRuntime.jsx(PostItemTile,{post:item,backgroundColor:backgroundColor,readOnly:readOnly},void 0);}if(type===AttachmentType.News){var newsItem=item;return jsxRuntime.jsx(NewsItemTile,{item:newsItem,baseRoute:buildPath('news'),styleDefinition:{backgroundColor:backgroundColor,noShadow:true,channelsBackgroundColor:useDarkTheme&&palette.white},readOnly:readOnly},void 0);}if(type===AttachmentType.Page){var pageItem=item;return jsxRuntime.jsx(StyledPageItemTile$1,{item:pageItem,baseRoute:buildPath('pages'),styleDefinition:{backgroundColor:backgroundColor,bannerDefaultWidth:150,bannerFontSize:60},readOnly:readOnly,isBannerClickable:((_a=pageItem.bannerInfo)===null||_a===void 0?void 0:_a.type)==='video',additionalMetadata:jsxRuntime.jsx(StyledDocumentDownloadButton$3,{page:item,marginRight:readOnly?spacingM:0},void 0),showBreadcrumb:true,showIntro:true},void 0);}var language=NewsService.getLanguageForPublishableItem(item,user);return jsxRuntime.jsx(EventCard,{item:item,language:language,styleDefinition:{backgroundColor:backgroundColor,noShadow:true,channelsBackgroundColor:useDarkTheme&&palette.white,bannerHostWidth:150},readOnly:readOnly},void 0);}};var Host$G=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectTile__Host",componentId:"sc-yfh5nh-0"})(templateObject_3$J||(templateObject_3$J=__makeTemplateObject(["\n  width: 100%;\n  ","\n"],["\n  width: 100%;\n  ","\n"])),function(p){return p.backgroundColor?_styled.css(templateObject_1$1N||(templateObject_1$1N=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),p.backgroundColor):_styled.css(templateObject_2$15||(templateObject_2$15=__makeTemplateObject(["\n          background-color: ",";\n        "],["\n          background-color: ",";\n        "])),function(p){return p.theme.palette.white;});});var DifferentGroupWarning=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectTile__DifferentGroupWarning",componentId:"sc-yfh5nh-1"})(templateObject_4$u||(templateObject_4$u=__makeTemplateObject(["\n  background-color: ",";\n  color: ",";\n  font-size: ","px;\n"],["\n  background-color: ",";\n  color: ",";\n  font-size: ","px;\n"])),function(p){return p.theme.semanticColors.errorBackground;},function(p){return p.theme.palette.red;},fontSizeSmall);var EmbeddedObjectWarningTile=function EmbeddedObjectWarningTile(_a){var messageResourceKey=_a.messageResourceKey,iconName=_a.iconName,iconLabel=_a.iconLabel;return jsxRuntime.jsxs(WarningHost,{children:[(iconName||iconLabel)&&jsxRuntime.jsxs(Title$5,{children:[iconName&&jsxRuntime.jsx(StyleIcon,{iconName:iconName},void 0),iconLabel&&jsxRuntime.jsx(FormattedMessageWithStyle,{id:iconLabel},void 0)]},void 0),jsxRuntime.jsx(FormattedMessageWithStyle,{id:messageResourceKey},void 0)]},void 0);};var WarningHost=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectTile__WarningHost",componentId:"sc-yfh5nh-2"})(templateObject_5$r||(templateObject_5$r=__makeTemplateObject(["\n  padding: ","px;\n"],["\n  padding: ","px;\n"])),spacingM);var Title$5=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectTile__Title",componentId:"sc-yfh5nh-3"})(templateObject_6$i||(templateObject_6$i=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: ","px;\n  margin-bottom: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  font-weight: bold;\n  font-size: ","px;\n  margin-bottom: ","px;\n"])),fontSizeMedium,spacingS);var SpinnerHost=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectTile__SpinnerHost",componentId:"sc-yfh5nh-4"})(templateObject_7$c||(templateObject_7$c=__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ","px;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin-top: ","px;\n"])),spacingL);var StyledSpinner$2=_styled__default["default"](Spinner).withConfig({displayName:"EmbeddedObjectTile__StyledSpinner",componentId:"sc-yfh5nh-5"})(templateObject_8$b||(templateObject_8$b=__makeTemplateObject(["\n  margin-top: 0;\n  margin-bottom: ","px;\n"],["\n  margin-top: 0;\n  margin-bottom: ","px;\n"])),spacingL);var StyleIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"EmbeddedObjectTile__StyleIcon",componentId:"sc-yfh5nh-6"})(templateObject_9$9||(templateObject_9$9=__makeTemplateObject(["\n  padding-right: ","px;\n"],["\n  padding-right: ","px;\n"])),spacingS);var StyledPageItemTile$1=_styled__default["default"](PageItemTile).withConfig({displayName:"EmbeddedObjectTile__StyledPageItemTile",componentId:"sc-yfh5nh-7"})(templateObject_11$4||(templateObject_11$4=__makeTemplateObject(["\n  ","\n\n  @media (max-width: ","px) {\n    > div {\n      flex-direction: column;\n    }\n\n    [data-page-tile-content] {\n      max-width: 100%;\n    }\n  }\n"],["\n  ","\n\n  @media (max-width: ","px) {\n    > div {\n      flex-direction: column;\n    }\n\n    [data-page-tile-content] {\n      max-width: 100%;\n    }\n  }\n"])),function(p){return p.isBannerClickable&&_styled.css(templateObject_10$8||(templateObject_10$8=__makeTemplateObject(["\n      [data-page-tile-content] {\n        position: relative;\n      }\n    "],["\n      [data-page-tile-content] {\n        position: relative;\n      }\n    "])));},maxScreenSize.medium);var StyledDocumentDownloadButton$3=_styled__default["default"](DocumentDownloadButton).withConfig({displayName:"EmbeddedObjectTile__StyledDocumentDownloadButton",componentId:"sc-yfh5nh-8"})(templateObject_12$3||(templateObject_12$3=__makeTemplateObject(["\n  margin-left: auto;\n  z-index: 1;\n\n  > button i {\n    margin: 0;\n    color: ",";\n  }\n\n  margin-right: ","px;\n\n  @media (max-width: ","px) {\n    margin-right: 0;\n  }\n"],["\n  margin-left: auto;\n  z-index: 1;\n\n  > button i {\n    margin: 0;\n    color: ",";\n  }\n\n  margin-right: ","px;\n\n  @media (max-width: ","px) {\n    margin-right: 0;\n  }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.marginRight;},maxScreenSize.medium);var templateObject_1$1N,templateObject_2$15,templateObject_3$J,templateObject_4$u,templateObject_5$r,templateObject_6$i,templateObject_7$c,templateObject_8$b,templateObject_9$9,templateObject_10$8,templateObject_11$4,templateObject_12$3;var EmbeddedObjectList=function EmbeddedObjectList(_a){var attachments=_a.attachments,className=_a.className,onDeleteClick=_a.onDeleteClick,previewTheme=_a.previewTheme;var formatMessage=useIntl().formatMessage;var embeddedObjects=attachments.filter(function(f){return f.type===AttachmentType.Post||f.type===AttachmentType.News||f.type===AttachmentType.Page||f.type===AttachmentType.Event;});if(embeddedObjects.length===0){return null;}if(onDeleteClick){return jsxRuntime.jsx(Host$F,__assign({className:className,"data-embedded-object-attachment-list":true},{children:embeddedObjects.map(function(o){return jsxRuntime.jsx(AttachmentHost,__assign({domIdentifier:"embedded-object",deleteButton:jsxRuntime.jsx(DeleteAttachmentButton,{"data-remove-attachment-button":o.id,iconProps:{iconName:'ChromeClose'},onClick:function(){onDeleteClick(o);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsxRuntime.jsx(EmbeddedObjectTile,{id:o.id,type:o.type,previewTheme:previewTheme,readOnly:true},o.id)}),o.id);})}),void 0);}return jsxRuntime.jsx(PreviewHost,__assign({className:className,domIdentifier:"embedded-object-preview-"+embeddedObjects[0].id},{children:jsxRuntime.jsx(EmbeddedObjectTile,{id:embeddedObjects[0].id,type:embeddedObjects[0].type,previewTheme:previewTheme},void 0)}),void 0);};var Host$F=_styled__default["default"].div.withConfig({displayName:"EmbeddedObjectList__Host",componentId:"sc-axja9n-0"})(templateObject_1$1M||(templateObject_1$1M=__makeTemplateObject(["\n  display: inline-flex;\n  flex-wrap: wrap;\n  width: 100%;\n  padding-bottom: ","px;\n\n  > div {\n    margin-top: ","px;\n  }\n"],["\n  display: inline-flex;\n  flex-wrap: wrap;\n  width: 100%;\n  padding-bottom: ","px;\n\n  > div {\n    margin-top: ","px;\n  }\n"])),spacingM,spacingM);var PreviewHost=_styled__default["default"](AttachmentHost).withConfig({displayName:"EmbeddedObjectList__PreviewHost",componentId:"sc-axja9n-1"})(templateObject_2$14||(templateObject_2$14=__makeTemplateObject(["\n  margin: ","px 0 0 0;\n\n  /* ensure VFI is still visible for Embedded objects */\n  [data-embedded-object-id] {\n    a[data-clickable-overlay]:focus {\n      &::before {\n        outline-offset: -5px !important;\n        border-radius: ","px;\n      }\n    }\n  }\n"],["\n  margin: ","px 0 0 0;\n\n  /* ensure VFI is still visible for Embedded objects */\n  [data-embedded-object-id] {\n    a[data-clickable-overlay]:focus {\n      &::before {\n        outline-offset: -5px !important;\n        border-radius: ","px;\n      }\n    }\n  }\n"])),spacingM,attachmentRoundedCornerSize);var templateObject_1$1M,templateObject_2$14;var ImageAttachmentList=function ImageAttachmentList(_a){var images=_a.images,onDeleteClick=_a.onDeleteClick,disabled=_a.disabled,imageBackgroundColor=_a.imageBackgroundColor,className=_a.className;if(!images||images.length===0){return null;}return jsxRuntime.jsx(List,__assign({className:className},{children:images.map(function(i){return jsxRuntime.jsx(ListItem$1,{children:jsxRuntime.jsx(ImageAttachmentPreview,{attachment:i,disabled:disabled,onDeleteClick:function(){return onDeleteClick(i);},backgroundColor:imageBackgroundColor},void 0)},i.id);})}),void 0);};var List=_styled__default["default"].ul.withConfig({displayName:"ImageAttachmentList__List",componentId:"sc-7el1kj-0"})(templateObject_1$1L||(templateObject_1$1L=__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n"])));var ListItem$1=_styled__default["default"].li.withConfig({displayName:"ImageAttachmentList__ListItem",componentId:"sc-7el1kj-1"})(templateObject_2$13||(templateObject_2$13=__makeTemplateObject(["\n  width: calc(100% - ","px);\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n  }\n"],["\n  width: calc(100% - ","px);\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n  }\n"])),spacingS-5,minScreenSize.medium,spacingS-5);var ImageAttachmentPreview=function ImageAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,disabled=_a.disabled,backgroundColor=_a.backgroundColor;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(AttachmentHost,__assign({domIdentifier:"image",backgroundColor:backgroundColor,deleteButton:!disabled&&jsxRuntime.jsx(StyledDeleteAttachmentButton,{iconProps:{iconName:'Delete'},onClick:onDeleteClick,disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:[attachment.hasError&&jsxRuntime.jsx(AttachmentOverlay,{children:jsxRuntime.jsx("div",{children:jsxRuntime.jsx(WarningIcon,{iconName:"Warning"},void 0)},void 0)},void 0),attachment.isUploadInProgress&&jsxRuntime.jsx(AttachmentOverlay,{children:jsxRuntime.jsx(CenteredSpinner,{size:officeUiFabricReact.SpinnerSize.large},void 0)},void 0),jsxRuntime.jsx(officeUiFabricReact.Image,{src:attachment.previewUrl,height:225,imageFit:officeUiFabricReact.ImageFit.centerCover,title:attachment.filename},void 0)]}),void 0);};var AttachmentOverlay=_styled__default["default"].div.withConfig({displayName:"ImageAttachmentList__AttachmentOverlay",componentId:"sc-7el1kj-2"})(templateObject_3$I||(templateObject_3$I=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n\n  background-color: rgba(146, 146, 146, 0.33);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: ","px;\n  overflow: hidden;\n  /* fix for iOS and Safari: overflow: hidden with border-radius */\n  transform: translateZ(0);\n"],["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n\n  background-color: rgba(146, 146, 146, 0.33);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: ","px;\n  overflow: hidden;\n  /* fix for iOS and Safari: overflow: hidden with border-radius */\n  transform: translateZ(0);\n"])),attachmentRoundedCornerSize);var CenteredSpinner=_styled__default["default"](Spinner).withConfig({displayName:"ImageAttachmentList__CenteredSpinner",componentId:"sc-7el1kj-3"})(templateObject_4$t||(templateObject_4$t=__makeTemplateObject(["\n  margin-top: auto;\n  height: 100%;\n"],["\n  margin-top: auto;\n  height: 100%;\n"])));var WarningIcon=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"ImageAttachmentList__WarningIcon",componentId:"sc-7el1kj-4"})(templateObject_5$q||(templateObject_5$q=__makeTemplateObject(["\n  font-size: 100px;\n  color: ",";\n"],["\n  font-size: 100px;\n  color: ",";\n"])),function(p){return p.theme.palette.redDark;});var StyledDeleteAttachmentButton=_styled__default["default"](DeleteAttachmentButton).withConfig({displayName:"ImageAttachmentList__StyledDeleteAttachmentButton",componentId:"sc-7el1kj-5"})(templateObject_6$h||(templateObject_6$h=__makeTemplateObject(["\n  && {\n    i {\n      font-size: ","px;\n      margin: 0;\n    }\n  }\n"],["\n  && {\n    i {\n      font-size: ","px;\n      margin: 0;\n    }\n  }\n"])),fontSizeMedium);var templateObject_1$1L,templateObject_2$13,templateObject_3$I,templateObject_4$t,templateObject_5$q,templateObject_6$h;var AttachmentList=function AttachmentList(_a){var className=_a.className,files=_a.files,onDeleteAttachmentClick=_a.onDeleteAttachmentClick,disabled=_a.disabled,previewTheme=_a.previewTheme,disableVideoPreview=_a.disableVideoPreview,disableEmbeddedObjectPreview=_a.disableEmbeddedObjectPreview;var attachedImages=files.filter(function(f){return f.type===AttachmentType.Image;});var attachedFiles=files.filter(function(f){return f.type===AttachmentType.File;});var palette=React$d.useContext(ThemeContext$1).theme.palette;return jsxRuntime.jsxs(Host$E,__assign({className:className,hasItems:files.length>0,"data-attachment-list":true},{children:[jsxRuntime.jsx(GifEditList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);},previewTheme:previewTheme},void 0),jsxRuntime.jsx(ImageAttachmentList,{images:attachedImages,disabled:disabled,onDeleteClick:function(i){return onDeleteAttachmentClick(i);},imageBackgroundColor:previewTheme==='dark'?palette.neutralLight:palette.white},void 0),!disableVideoPreview&&jsxRuntime.jsx(VideoList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);}},void 0),!disableEmbeddedObjectPreview&&jsxRuntime.jsx(EmbeddedObjectList,{attachments:files,onDeleteClick:function(v){return onDeleteAttachmentClick(v);},previewTheme:previewTheme},void 0),jsxRuntime.jsx(FilesList$1,{files:attachedFiles,onDeleteClick:function(f){return onDeleteAttachmentClick(f);},disabled:disabled},void 0),jsxRuntime.jsx("div",{style:{clear:'both'}},void 0)]}),void 0);};var FilesList$1=_styled__default["default"](FileAttachmentList).withConfig({displayName:"AttachmentList__FilesList",componentId:"sc-1s0cqp9-0"})(templateObject_1$1K||(templateObject_1$1K=__makeTemplateObject(["\n  margin-top: ","px;\n"],["\n  margin-top: ","px;\n"])),spacingM);var Host$E=_styled__default["default"].div.withConfig({displayName:"AttachmentList__Host",componentId:"sc-1s0cqp9-1"})(templateObject_2$12||(templateObject_2$12=__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),function(_a){var hasItems=_a.hasItems;return hasItems?'8px':'0';});var templateObject_1$1K,templateObject_2$12;var RichCommentInputWithAttachmentList=/*#__PURE__*/React$d.forwardRef(function(props,ref){var _a;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(RichCommentInput,__assign({},props,{ref:ref}),void 0),jsxRuntime.jsx(AttachmentList,{files:props.attachments,disabled:props.disabled,onDeleteAttachmentClick:props.onDeleteAttachment,previewTheme:(_a=props.inputTheme)!==null&&_a!==void 0?_a:props.attachmentPreviewTheme,disableVideoPreview:props.disableVideoPreview,disableEmbeddedObjectPreview:props.disableEmbeddedObjectPreview},void 0)]},void 0);});var CreateComment=function CreateComment(_a){var className=_a.className,onPost=_a.onPost,autoFocus=_a.autoFocus,readOnly=_a.readOnly,initialContent=_a.content,allowAttachments=_a.allowAttachments,mentionSearchHandler=_a.mentionSearchHandler,useLargeDropTarget=_a.useLargeDropTarget,placeHolderStringResourceKey=_a.placeHolderStringResourceKey,placeHolderStringResourceValues=_a.placeHolderStringResourceValues,_b=_a.focusAfterPost,focusAfterPost=_b===void 0?true:_b,onAttachmentsChanged=_a.onAttachmentsChanged,_c=_a.attachments,attachments=_c===void 0?[]:_c,deletedAttachmentUrls=_a.deletedAttachmentUrls,onDeleteAttachment=_a.onDeleteAttachment,disableDragAndDrop=_a.disableDragAndDrop,allowKeywords=_a.allowKeywords,allowSaveWithoutContent=_a.allowSaveWithoutContent,saveOnEnter=_a.saveOnEnter,saveOnCtrlEnter=_a.saveOnCtrlEnter,keywordSettings=_a.keywordSettings;var availableKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.availableKeywords)||[];var defaultKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.defaultKeywords)||[];var mandatoryKeywords=(keywordSettings===null||keywordSettings===void 0?void 0:keywordSettings.mandatoryKeywords)||[];var _d=React$d.useState(false),isSaving=_d[0],setIsSaving=_d[1];var _e=React$d.useState(initialContent||''),content=_e[0],setContent=_e[1];var _f=React$d.useState(null),selectedKeywords=_f[0],setSelectedKeywords=_f[1];var _g=React$d.useState(false),showKeywordsPicker=_g[0],setShowKeywordsPicker=_g[1];var inputRef=React$d.useRef(null);var formatMessage=useIntl().formatMessage;var isReadOnly=readOnly||isSaving;var ignoreRef=React$d.useRef(false);React$d.useEffect(function(){return function(){ignoreRef.current=true;};},[]);var initialSelectedKeywords=defaultKeywords.concat(mandatoryKeywords);var initialSelectedKeywordIds=initialSelectedKeywords.map(function(k){return k.id;}).join('-');React$d.useEffect(function(){setSelectedKeywords(initialSelectedKeywords);if(initialSelectedKeywords.length===0){setShowKeywordsPicker(false);}// eslint-disable-next-line react-hooks/exhaustive-deps
-	},[initialSelectedKeywordIds]);return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(RichCommentInputWithAttachmentList,{defaultKeywords:getGroupedKeywords(selectedKeywords!==null&&selectedKeywords!==void 0?selectedKeywords:defaultKeywords),ref:inputRef,content:content,attachments:attachments,deletedAttachmentUrls:deletedAttachmentUrls,onAttachmentsChange:onAttachmentsChanged,onDeleteAttachment:onDeleteAttachment,onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onChange:function(value){return setContent(value);},onFocus:function(){if(initialSelectedKeywords.length>0){setShowKeywordsPicker(true);}},disabled:isReadOnly,autoFocus:autoFocus,mentionSearchHandler:mentionSearchHandler,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker,disableDragAndDrop:disableDragAndDrop,useLargeDropTarget:useLargeDropTarget,placeHolderStringResourceKey:placeHolderStringResourceKey,placeHolderStringResourceValues:placeHolderStringResourceValues,buttons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[allowKeywords&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},disabled:isReadOnly,"data-button-type":"keywords",ariaLabel:formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Send'},disabled:isSaveDisabled(),onClick:handleSave,"data-button-type":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},'saveButton'+isSaveDisabled())]},void 0)},void 0)}),void 0);function handleSave(){return __awaiter(this,void 0,void 0,function(){var groupedKeywords;return __generator(this,function(_a){switch(_a.label){case 0:if(isSaveDisabled()){return [2/*return*/];}setIsSaving(true);groupedKeywords=getGroupedKeywords(selectedKeywords);return [4/*yield*/,onPost({content:content.trim()},groupedKeywords)];case 1:_a.sent();setShowKeywordsPicker(false);setSelectedKeywords(defaultKeywords||[]);if(!ignoreRef.current){setIsSaving(false);setContent('');if(focusAfterPost){inputRef.current.focus();}}return [2/*return*/];}});});}function isSaveDisabled(){return isReadOnly||!canSaveInput(allowSaveWithoutContent,attachments,content);}};var gutter=2;_styled__default["default"].div.withConfig({displayName:"LegacyPostPhotoGallery__Gallery",componentId:"sc-ir1n2k-0"})(templateObject_1$1J||(templateObject_1$1J=__makeTemplateObject(["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"],["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"])),gutter,gutter);_styled__default["default"].a.withConfig({displayName:"LegacyPostPhotoGallery__ImageItem",componentId:"sc-ir1n2k-1"})(templateObject_2$11||(templateObject_2$11=__makeTemplateObject(["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"],["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"])),gutter,minScreenSize.small,gutter*2,minScreenSize.medium,gutter*2);var templateObject_1$1J,templateObject_2$11;var ImagesAndFilesList=function ImagesAndFilesList(_a){var item=_a.item,basePath=_a.basePath,imagesGridBackgroundColor=_a.imagesGridBackgroundColor,className=_a.className;var user=useCurrentUser();var _b=useAttachmentsApi(),getImageUrl=_b.getImageUrl,getFileUrl=_b.getFileUrl;var subscriptionId=user.subscription.id;var files=item.attachments.filter(function(a){return a.type===AttachmentType.File;});var images=item.attachments.filter(function(a){return a.type===AttachmentType.Image;});var maxContentWidth=minScreenSize.medium-spacingX;var galleryDetails=React$d.useMemo(function(){var galleryImages=images.map(function(a){var _a;return {previewUrl:(_a=a.previewUrl)!==null&&_a!==void 0?_a:getImageUrl(basePath,subscriptionId,item,a.id,maxContentWidth),imageId:a.id,width:a.width,height:a.height};});return {galleryId:createId(),images:galleryImages};// eslint-disable-next-line react-hooks/exhaustive-deps
+	},[initialSelectedKeywordIds]);return jsxRuntime.jsx("div",__assign({className:className},{children:jsxRuntime.jsx(RichCommentInputWithAttachmentList,{defaultKeywords:getGroupedKeywords(selectedKeywords!==null&&selectedKeywords!==void 0?selectedKeywords:defaultKeywords),ref:inputRef,content:content,attachments:attachments,deletedAttachmentUrls:deletedAttachmentUrls,onAttachmentsChange:onAttachmentsChanged,onDeleteAttachment:onDeleteAttachment,onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onChange:function(value){return setContent(value);},onFocus:function(){if(initialSelectedKeywords.length>0){setShowKeywordsPicker(true);}},disabled:isReadOnly,autoFocus:autoFocus,mentionSearchHandler:mentionSearchHandler,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker,disableDragAndDrop:disableDragAndDrop,useLargeDropTarget:useLargeDropTarget,placeHolderStringResourceKey:placeHolderStringResourceKey,placeHolderStringResourceValues:placeHolderStringResourceValues,buttons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[allowKeywords&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},disabled:isReadOnly,"data-button-type":"keywords",ariaLabel:formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Send'},disabled:isSaveDisabled(),onClick:handleSave,"data-button-type":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},'saveButton'+isSaveDisabled())]},void 0)},void 0)}),void 0);function handleSave(){return __awaiter(this,void 0,void 0,function(){var groupedKeywords;return __generator(this,function(_a){switch(_a.label){case 0:if(isSaveDisabled()){return [2/*return*/];}setIsSaving(true);groupedKeywords=getGroupedKeywords(selectedKeywords);return [4/*yield*/,onPost({content:content.trim()},groupedKeywords)];case 1:_a.sent();setShowKeywordsPicker(false);setSelectedKeywords(defaultKeywords||[]);if(!ignoreRef.current){setIsSaving(false);setContent('');if(focusAfterPost){inputRef.current.focus();}}return [2/*return*/];}});});}function isSaveDisabled(){return isReadOnly||!canSaveInput(allowSaveWithoutContent,attachments,content);}};var gutter=2;_styled__default["default"].div.withConfig({displayName:"LegacyPostPhotoGallery__Gallery",componentId:"sc-ir1n2k-0"})(templateObject_1$1J||(templateObject_1$1J=__makeTemplateObject(["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"],["\n  overflow: hidden;\n\n  margin-left: -","px;\n  margin-right: -","px;\n"])),gutter,gutter);_styled__default["default"].a.withConfig({displayName:"LegacyPostPhotoGallery__ImageItem",componentId:"sc-ir1n2k-1"})(templateObject_2$11||(templateObject_2$11=__makeTemplateObject(["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"],["\n  background-color: #eee;\n  box-sizing: border-box;\n  float: left;\n  margin: ","px;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 200px;\n  cursor: pointer;\n\n  :hover {\n    opacity: 0.9;\n  }\n\n  > * {\n    height: 100%;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(50% - ","px);\n    height: 200px;\n  }\n\n  @media (min-width: ","px) {\n    width: calc(25% - ","px);\n    height: 150px;\n  }\n"])),gutter,minScreenSize.small,gutter*2,minScreenSize.medium,gutter*2);var templateObject_1$1J,templateObject_2$11;var ImagesAndFilesList=function ImagesAndFilesList(_a){var item=_a.item,basePath=_a.basePath,imagesGridBackgroundColor=_a.imagesGridBackgroundColor,className=_a.className;var user=useCurrentUser();var _b=useAttachmentsApi(),getImageUrl=_b.getImageUrl,getFileUrl=_b.getFileUrl;var subscriptionId=user.subscription.id;var files=item.attachments.filter(function(a){return a.type===AttachmentType.File;});var images=item.attachments.filter(function(a){return a.type===AttachmentType.Image;});var maxImageWidth=images.length>=4?minScreenSize.medium-spacingX:minScreenSize.large;var galleryDetails=React$d.useMemo(function(){var galleryImages=images.map(function(a){var _a;return {previewUrl:(_a=a.previewUrl)!==null&&_a!==void 0?_a:getImageUrl(basePath,subscriptionId,item,a.id,maxImageWidth),imageId:a.id,width:a.width,height:a.height};});return {galleryId:createId(),images:galleryImages};// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[item.attachments,item.fileAccessToken,item.attachmentContainerId]);if(images.length===0&&files.length===0){return null;}return jsxRuntime.jsxs("div",__assign({className:className},{children:[jsxRuntime.jsx(PhotoGrid,{images:galleryDetails.images,imageUrlResolver:function(imageId,width,height){return getImageUrl(basePath,subscriptionId,item,imageId,width,height);},gridBackgroundColor:imagesGridBackgroundColor},void 0),jsxRuntime.jsx(FilesList,{files:files,getFileUrl:function(attachmentId,token){return getFileUrl(basePath,subscriptionId,item,attachmentId,token);},fileAccessToken:item.fileAccessToken},void 0)]}),void 0);};var FilesList=_styled__default["default"](FileAttachmentList).withConfig({displayName:"ImagesAndFilesList__FilesList",componentId:"sc-1wjy8l6-0"})(templateObject_1$1I||(templateObject_1$1I=__makeTemplateObject(["\n  :not(:first-child) {\n    margin-top: ","px;\n  }\n"],["\n  :not(:first-child) {\n    margin-top: ","px;\n  }\n"])),spacingM);var templateObject_1$1I;var EditComment=function EditComment(_a){var content=_a.content,files=_a.files,deletedFileUrls=_a.deletedFileUrls,onSave=_a.onSave,onCancel=_a.onCancel,className=_a.className,mentionSearchHandler=_a.mentionSearchHandler,allowAttachments=_a.allowAttachments,inputTheme=_a.inputTheme,onAttachmentAdded=_a.onAttachmentAdded,onDeleteAttachment=_a.onDeleteAttachment,allowKeywords=_a.allowKeywords,availableKeywords=_a.availableKeywords,mandatoryKeywords=_a.mandatoryKeywords,keywords=_a.keywords,allowSaveWithoutContent=_a.allowSaveWithoutContent,saveOnEnter=_a.saveOnEnter,saveOnCtrlEnter=_a.saveOnCtrlEnter;var formatMessage=useIntl().formatMessage;var _b=React$d.useState(content||''),newContent=_b[0],setContent=_b[1];var _c=React$d.useState(false),showKeywordsPicker=_c[0],setShowKeywordsPicker=_c[1];var _d=React$d.useState(getFlatKeywordList(keywords)||[]),selectedKeywords=_d[0],setSelectedKeywords=_d[1];var hasMandatoryKeywords=(mandatoryKeywords===null||mandatoryKeywords===void 0?void 0:mandatoryKeywords.length)>0;var automaticallyShowKeywordsPicker=allowKeywords&&(hasMandatoryKeywords||selectedKeywords.length!==0);return jsxRuntime.jsx(RichCommentInputWithAttachmentList,{className:className,content:newContent,attachments:files,deletedAttachmentUrls:deletedFileUrls,autoFocus:true,mentionSearchHandler:mentionSearchHandler,onChange:function(value){return setContent(value);},onEnter:saveOnEnter&&handleSave,onCtrlEnter:saveOnCtrlEnter&&handleSave,onAttachmentsChange:onAttachmentAdded,onDeleteAttachment:onDeleteAttachment,allowAttachments:allowAttachments,allowKeywords:allowKeywords,availableKeywords:availableKeywords,mandatoryKeywords:mandatoryKeywords,defaultKeywords:keywords,onKeywordsChange:function(keywords){return setSelectedKeywords(keywords);},showKeywordsPicker:showKeywordsPicker||automaticallyShowKeywordsPicker,inputTheme:inputTheme,buttons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[allowKeywords&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Tag'},onClick:function(){setShowKeywordsPicker(!showKeywordsPicker);},"data-button-type":"keywords","aria-label":formatMessage({id:'AriaLabel.keywordsButton'})},void 0),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'CheckMark'},disabled:!canSaveInput(allowSaveWithoutContent,files,newContent),onClick:handleSave,"data-button":"save",ariaLabel:formatMessage({id:'AriaLabel.sendButton'})},void 0),jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Cancel'},onClick:onCancel,"data-button":"cancel",ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);function handleSave(){var groupedKeywords=getGroupedKeywords(selectedKeywords);onSave(newContent.trim(),groupedKeywords);setShowKeywordsPicker(false);}};function useAttachmentUploader(initialAttachments,containerId,basePath){var ignoreRef=React$d.useRef(false);var warningToastHandle=React$d.useRef();var _a=useAttachmentsApi(),uploadFile=_a.uploadFile,uploadImage=_a.uploadImage;var showToastWarning=useNotificationContext().showToastWarning;React$d.useEffect(function(){return function(){ignoreRef.current=true;};},[]);var user=useCurrentUser();var _b=React$d.useState(initialAttachments),attachments=_b[0],setAttachments=_b[1];var _c=React$d.useState([]),deletedAttachmentUrls=_c[0],setDeletedAttachmentUrls=_c[1];// eslint-disable-next-line react-hooks/exhaustive-deps
 	var handleAttachmentCallback=React$d.useCallback(handleAttachmentsAdded,[attachments,setAttachments,basePath,containerId]);return [attachments,handleAttachmentCallback,clearAttachments,deletedAttachmentUrls,deleteAttachment];function handleAttachmentsAdded(updatedAttachments){return __awaiter(this,void 0,void 0,function(){var newAttachments,_loop_1,_i,newAttachments_1,newAttachment;return __generator(this,function(_a){newAttachments=updatedAttachments.filter(function(a){return attachments.every(function(old){return old.id!==a.id;});});setAttachments(updatedAttachments.map(function(a){return __assign(__assign({},a),{isUploadInProgress:(a.type===AttachmentType.Image||a.type===AttachmentType.File)&&!!newAttachments.find(function(x){return x.id===a.id;})});}));_loop_1=function(newAttachment){(newAttachment.type===AttachmentType.Image||newAttachment.type===AttachmentType.File)&&uploadAttachment(basePath,newAttachment).then(function(response){if((response===null||response===void 0?void 0:response.status)!==200&&(response===null||response===void 0?void 0:response.status)!==204){throw new Error("Request failed with status "+(response===null||response===void 0?void 0:response.status));}})// todo: add proper error handling when uploading a attachment fails
 	// => we should display a retry button on the attachment preview
@@ -133734,8 +133956,8 @@
 	var Inner$2 = _styled__default["default"].div.withConfig({
 	  displayName: "NewsGrid__Inner",
 	  componentId: "sc-8ugpfz-1"
-	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
-	  return _styled.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "], ["\n    grid-template-columns: repeat(", ", minmax(0, 1fr));\n  "])), p.columnCount);
+	})(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n  display: grid;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex; // IE fallback\n  flex-wrap: wrap;\n  display: grid;\n  gap: ", "px;\n  ", "\n"])), spacingM, function (p) {
+	  return _styled.css(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(max(235px, calc(100% / ", " - ", "px)), 1fr)\n    ); /* 235px - we need this min-width for not breaking the card layout on smaller screen/ container */\n  "], ["\n    grid-template-columns: repeat(\n      auto-fill,\n      minmax(max(235px, calc(100% / ", " - ", "px)), 1fr)\n    ); /* 235px - we need this min-width for not breaking the card layout on smaller screen/ container */\n  "])), p.columnCount, spacingM);
 	});
 
 	_styled__default["default"](NewsGridCard).withConfig({
@@ -157178,6 +157400,7 @@
 	  "Customization.applicationLogoInfo3": "Recommended size: {dimensions}. Width or height can be reduced as required by your logo. If both dimensions are less than the recommended values the logo might look blurry on high resolution devices.",
 	  "Customization.applicationLogoInfo3.dimensions.small": "855px width by 150px height",
 	  "Customization.applicationLogoInfo3.dimensions.large": "1500px width by 465px height",
+	  "Customization.applicationLogo.large.legacy.info": "No logo has been uploaded for the sign-in dialog. The available logo for app and emails will be used until a new one has been uploaded. We recommend uploading a larger logo for a better user experience.",
 	  "Customization.applicationLogo.dialog.title": "Logo preview",
 	  "Customization.applicationLogo.dialog.description": "This is how your logo will look:",
 	  "Customization.applicationLogo.dialog.example.appBar": "App bar (large screens)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@livetiles/reach-components-react",
   "description": "Provides React components to consume LiveTiles Reach data",
-  "version": "0.3.53",
+  "version": "0.3.63",
   "peerDependencies": {
     "react": "^16.14.0 || ^17",
     "react-dom": "^16.14.0 || ^17",