@livetiles/reach-components-react 0.3.26 → 0.3.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.umd.js CHANGED
@@ -48417,7 +48417,7 @@
48417
48417
  };
48418
48418
 
48419
48419
  var templateObject_1$4$3;
48420
- var GlobalStyles = _styled.createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n"])), function (p) {
48420
+ var GlobalStyles = _styled.createGlobalStyle(templateObject_1$3$3 || (templateObject_1$3$3 = __makeTemplateObject$k(["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"], ["\n .lt-reach {\n color: ", ";\n\n a {\n text-decoration: none;\n }\n\n *:focus {\n outline: none;\n }\n\n input[type='button'],\n input[type='reset'],\n input[type='submit'],\n button {\n min-width: auto;\n }\n\n h1,\n h2,\n h3,\n div,\n span,\n input,\n textarea,\n .ms-font-m,\n div.ms-Dialog,\n .ms-Label,\n .ms-Link {\n font-family: 'Roboto', sans-serif !important;\n }\n\n .ms-Fabric {\n -webkit-font-smoothing: initial !important;\n }\n\n .ms-Button--icon.ms-Button {\n\n &:hover {\n background-color: transparent;\n }\n\n &.is-expanded {\n background-color: transparent;\n }\n }\n\n /***\n UI Fabric overrides\n */\n .ms-Dialog-main {\n width: inherit;\n .ms-Dialog-button--close:hover {\n background-color: transparent;\n }\n }\n\n .ms-Dialog-main {\n width: auto !important;\n max-width: 100% !important;\n margin: 0 10px;\n }\n\n .ms-Callout {\n // max-width 100% overflows on small screens where the dialog contents\n // occupy the whole 100%\n max-width: 90% !important;\n }\n\n }\n \n .lt-reach-picker-callout .ms-PeoplePicker-Persona {\n width: auto;\n }\n\n // the pull to refresh container is placed ABOVE our element, therefore we can not use a class from our component\n // however since \"app\" is our outer-most class it should be fine to use this\n .app {\n .ptr--ptr {\n box-shadow: none;\n }\n }\n\n .lt-reach-languageselector-menu-item {\n &.selected {\n background-color: #c0c0c0;\n span {\n font-weight: bold;\n }\n }\n\n button i {\n color: inherit;\n }\n }\n\n .browser-name-safari,\n .browser-name-ios,\n .browser-name-ios-webview {\n .lt-reach-header-actions {\n height: 50px;\n }\n }\n"])), function (p) {
48421
48421
  return p.theme.textColors.default;
48422
48422
  });
48423
48423
  var templateObject_1$3$3;
@@ -54634,7 +54634,7 @@
54634
54634
  return language && translations[language] || translations[user.subscription.defaultLanguage] || name;
54635
54635
  }
54636
54636
 
54637
- function useClearUnreadItems(itemType, handlers) {
54637
+ function useClearUnreadItems(itemType, handlers, unreadCount) {
54638
54638
  var refreshUserDetails = useRefreshUserDetails();
54639
54639
  var showToast = useNotificationContext().showToast;
54640
54640
  var clearMyUnreadItems = useManageCurrentUserApi().clearMyUnreadItems;
@@ -54646,6 +54646,16 @@
54646
54646
  switch (_c.label) {
54647
54647
  case 0:
54648
54648
  (_a = handlers === null || handlers === void 0 ? void 0 : handlers.onStarted) === null || _a === void 0 ? void 0 : _a.call(handlers);
54649
+
54650
+ if (unreadCount === 0) {
54651
+ showToast("Generic." + (itemType === ItemResourceTypes.Events ? 'events' : 'news') + ".alreadyMarkedAllAsReadMessage", {
54652
+ count: 0
54653
+ });
54654
+ return [2
54655
+ /*return*/
54656
+ ];
54657
+ }
54658
+
54649
54659
  return [4
54650
54660
  /*yield*/
54651
54661
  , clearMyUnreadItems(itemType)];
@@ -76944,8 +76954,8 @@
76944
76954
  }, void 0);
76945
76955
  };
76946
76956
 
76947
- var Styles$1 = _styled.createGlobalStyle(templateObject_1$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
76948
- var templateObject_1$1c$1;
76957
+ var Styles$1 = _styled.createGlobalStyle(templateObject_1$1d$1 || (templateObject_1$1d$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
76958
+ var templateObject_1$1d$1;
76949
76959
  var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
76950
76960
 
76951
76961
  var check$1 = function (it) {
@@ -78319,12 +78329,12 @@
78319
78329
  };
78320
78330
 
78321
78331
  var HighlightBubble = function HighlightBubble(style) {
78322
- return _styled.css(templateObject_5$d$1 || (templateObject_5$d$1 = __makeTemplateObject$1(["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "], ["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "])), (style === null || style === void 0 ? void 0 : style.backgroundColor) ? _styled.css(templateObject_1$1b$1 || (templateObject_1$1b$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : _styled.css(templateObject_2$J$1 || (templateObject_2$J$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), defaultPageBackgroundColor), (style === null || style === void 0 ? void 0 : style.color) ? _styled.css(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), style.color) : _styled.css(templateObject_4$i$1 || (templateObject_4$i$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
78332
+ return _styled.css(templateObject_5$d$1 || (templateObject_5$d$1 = __makeTemplateObject$1(["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "], ["\n ", "\n\n ", "\n\n box-sizing: border-box;\n padding: ", "px ", "px;\n border-radius: ", "px;\n display: flex;\n "])), (style === null || style === void 0 ? void 0 : style.backgroundColor) ? _styled.css(templateObject_1$1c$1 || (templateObject_1$1c$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), style.backgroundColor) : _styled.css(templateObject_2$J$1 || (templateObject_2$J$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), defaultPageBackgroundColor), (style === null || style === void 0 ? void 0 : style.color) ? _styled.css(templateObject_3$t$1 || (templateObject_3$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), style.color) : _styled.css(templateObject_4$i$1 || (templateObject_4$i$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
78323
78333
  return p.theme.textColors.default;
78324
78334
  }), spacingXxs, spacingS, spacingM);
78325
78335
  };
78326
78336
 
78327
- var templateObject_1$1b$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
78337
+ var templateObject_1$1c$1, templateObject_2$J$1, templateObject_3$t$1, templateObject_4$i$1, templateObject_5$d$1;
78328
78338
 
78329
78339
  var EditorHighlight = function EditorHighlight(_a) {
78330
78340
  var tooltipResourceKey = _a.tooltipResourceKey,
@@ -78344,7 +78354,7 @@
78344
78354
  var EditorHighlightBubble = _styled__default["default"].div.withConfig({
78345
78355
  displayName: "EditorHighlight__EditorHighlightBubble",
78346
78356
  componentId: "sc-1d6ahk1-0"
78347
- })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78357
+ })(templateObject_1$1b$1 || (templateObject_1$1b$1 = __makeTemplateObject$1(["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"], ["\n ", ";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ", "px ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ", "px;\n\n cursor: ", ";\n\n > * {\n opacity: ", ";\n flex: 1 1 auto;\n }\n"])), HighlightBubble(), spacingXs, spacingM - 5, fontSizeSmall, function (_a) {
78348
78358
  var readOnly = _a.readOnly;
78349
78359
  return readOnly ? 'inherit' : 'pointer';
78350
78360
  }, function (_a) {
@@ -78363,7 +78373,7 @@
78363
78373
  return isActive ? 1 : 0.4;
78364
78374
  });
78365
78375
 
78366
- var templateObject_1$1a$1, templateObject_2$I$1;
78376
+ var templateObject_1$1b$1, templateObject_2$I$1;
78367
78377
 
78368
78378
  var EditorSettingsDialog = function EditorSettingsDialog(_a) {
78369
78379
  var showDialog = _a.showDialog,
@@ -78418,25 +78428,25 @@
78418
78428
  var Host$y$1 = _styled__default["default"].div.withConfig({
78419
78429
  displayName: "EditorSettingsDialog__Host",
78420
78430
  componentId: "sc-132lfuo-0"
78421
- })(templateObject_1$19$1 || (templateObject_1$19$1 = __makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"], ["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"])), spacingM);
78431
+ })(templateObject_1$1a$1 || (templateObject_1$1a$1 = __makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"], ["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ", "px;\n }\n"])), spacingM);
78422
78432
 
78423
78433
  var EditorSettingsDialogWithFixedWidth = _styled__default["default"](EditorSettingsDialog).withConfig({
78424
78434
  displayName: "EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",
78425
78435
  componentId: "sc-132lfuo-1"
78426
78436
  })(templateObject_2$H$1 || (templateObject_2$H$1 = __makeTemplateObject$1(["\n width: 360px;\n"], ["\n width: 360px;\n"])));
78427
78437
 
78428
- var templateObject_1$19$1, templateObject_2$H$1;
78438
+ var templateObject_1$1a$1, templateObject_2$H$1;
78429
78439
 
78430
78440
  var IconButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
78431
78441
  displayName: "IconButton",
78432
78442
  componentId: "sc-1mokw5y-0"
78433
- })(templateObject_1$18$1 || (templateObject_1$18$1 = __makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"], ["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"])), function (p) {
78443
+ })(templateObject_1$19$1 || (templateObject_1$19$1 = __makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"], ["\n && {\n &:not([disabled]) {\n color: ", ";\n i {\n color: inherit;\n }\n }\n }\n"])), function (p) {
78434
78444
  var _a;
78435
78445
 
78436
78446
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
78437
78447
  });
78438
78448
 
78439
- var templateObject_1$18$1;
78449
+ var templateObject_1$19$1;
78440
78450
 
78441
78451
  var GutterToggle = function GutterToggle(_a) {
78442
78452
  var checked = _a.checked,
@@ -78473,7 +78483,7 @@
78473
78483
  var Host$x$1 = _styled__default["default"].div.withConfig({
78474
78484
  displayName: "GutterToggle__Host",
78475
78485
  componentId: "sc-1aya63j-0"
78476
- })(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78486
+ })(templateObject_1$18$1 || (templateObject_1$18$1 = __makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"], ["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));
78477
78487
 
78478
78488
  var ToggleIcon = _styled__default["default"](IconButton).withConfig({
78479
78489
  displayName: "GutterToggle__ToggleIcon",
@@ -78485,8 +78495,8 @@
78485
78495
  componentId: "sc-1aya63j-2"
78486
78496
  })(templateObject_3$s$1 || (templateObject_3$s$1 = __makeTemplateObject$1(["\n width: 22px;\n"], ["\n width: 22px;\n"])));
78487
78497
 
78488
- var templateObject_1$17$1, templateObject_2$G$1, templateObject_3$s$1;
78489
- var LinkStyle$1 = _styled.css(templateObject_1$16$1 || (templateObject_1$16$1 = __makeTemplateObject$1(["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"], ["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"])), function (p) {
78498
+ var templateObject_1$18$1, templateObject_2$G$1, templateObject_3$s$1;
78499
+ var LinkStyle$1 = _styled.css(templateObject_1$17$1 || (templateObject_1$17$1 = __makeTemplateObject$1(["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"], ["\n color: ", ";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ", ";\n }\n"])), function (p) {
78490
78500
  return p.theme.palette.accent;
78491
78501
  }, function (p) {
78492
78502
  return p.theme.palette.accent;
@@ -78502,7 +78512,7 @@
78502
78512
  componentId: "sc-5x4ijx-1"
78503
78513
  })(templateObject_3$r$1 || (templateObject_3$r$1 = __makeTemplateObject$1(["\n && {\n ", ";\n }\n"], ["\n && {\n ", ";\n }\n"])), LinkStyle$1);
78504
78514
 
78505
- var templateObject_1$16$1, templateObject_2$F$1, templateObject_3$r$1;
78515
+ var templateObject_1$17$1, templateObject_2$F$1, templateObject_3$r$1;
78506
78516
 
78507
78517
  var NotificationBar = function NotificationBar() {
78508
78518
  var hideNotification = useNotificationContext().hideNotification;
@@ -78551,14 +78561,14 @@
78551
78561
  var Host$w$1 = _styled__default["default"].div.withConfig({
78552
78562
  displayName: "NotificationBar__Host",
78553
78563
  componentId: "sc-17dep9g-0"
78554
- })(templateObject_1$15$1 || (templateObject_1$15$1 = __makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"], ["\n display: block;\n position: relative;\n z-index: 101;\n"])));
78564
+ })(templateObject_1$16$1 || (templateObject_1$16$1 = __makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"], ["\n display: block;\n position: relative;\n z-index: 101;\n"])));
78555
78565
 
78556
78566
  var StyledMessageBar = _styled__default["default"](officeUiFabricReact.MessageBar).withConfig({
78557
78567
  displayName: "NotificationBar__StyledMessageBar",
78558
78568
  componentId: "sc-17dep9g-1"
78559
78569
  })(templateObject_2$E$1 || (templateObject_2$E$1 = __makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ", "px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ", "px;\n }\n\n .ms-MessageBar-icon {\n font-size: ", "px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ", "px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ", "px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ", "px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ", "px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ", "px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ", "px;\n font-weight: bold;\n }\n }\n }\n"], ["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ", "px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ", "px;\n }\n\n .ms-MessageBar-icon {\n font-size: ", "px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ", "px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ", "px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ", "px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ", "px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ", "px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ", "px;\n font-weight: bold;\n }\n }\n }\n"])), fontSizeMedium + 2, fontSizeNormal, fontSizeMedium, fontSizeMedium, fontSizeNormal, fontSizeMedium, fontSizeSmall, spacingL, fontSizeMedium + 2);
78560
78570
 
78561
- var templateObject_1$15$1, templateObject_2$E$1;
78571
+ var templateObject_1$16$1, templateObject_2$E$1;
78562
78572
 
78563
78573
  var PeoplePicker = function PeoplePicker(props) {
78564
78574
  var _a;
@@ -78823,9 +78833,9 @@
78823
78833
  var Container$1$1 = _styled__default["default"].div.withConfig({
78824
78834
  displayName: "PeoplePicker__Container",
78825
78835
  componentId: "sc-1if6guq-0"
78826
- })(templateObject_1$14$1 || (templateObject_1$14$1 = __makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"], ["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));
78836
+ })(templateObject_1$15$1 || (templateObject_1$15$1 = __makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"], ["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));
78827
78837
 
78828
- var templateObject_1$14$1;
78838
+ var templateObject_1$15$1;
78829
78839
  var $$5$1 = _export$1;
78830
78840
  var getOwnPropertyDescriptor$1$1 = objectGetOwnPropertyDescriptor$1.f;
78831
78841
  var toLength$5$1 = toLength$8$1;
@@ -78921,11 +78931,11 @@
78921
78931
  var Host$v$1 = _styled__default["default"].a.withConfig({
78922
78932
  displayName: "AttachedMediaDownloadLink__Host",
78923
78933
  componentId: "sc-8hqs4q-0"
78924
- })(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"])), spacingXxs, function (p) {
78934
+ })(templateObject_1$14$1 || (templateObject_1$14$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"], ["\n margin-bottom: ", "px;\n &&& {\n width: 100%;\n display: block;\n color: ", ";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ", "px;\n }\n"])), spacingXxs, function (p) {
78925
78935
  return p.theme.palette.accent;
78926
78936
  }, spacingS);
78927
78937
 
78928
- var templateObject_1$13$1;
78938
+ var templateObject_1$14$1;
78929
78939
 
78930
78940
  var AudioFile = function AudioFile(_a) {
78931
78941
  var fileName = _a.fileName,
@@ -78963,14 +78973,14 @@
78963
78973
  var Host$u$1 = _styled__default["default"].div.withConfig({
78964
78974
  displayName: "AudioFile__Host",
78965
78975
  componentId: "sc-wq9avv-0"
78966
- })(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78976
+ })(templateObject_1$13$1 || (templateObject_1$13$1 = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
78967
78977
 
78968
- var templateObject_1$12$1;
78978
+ var templateObject_1$13$1;
78969
78979
 
78970
78980
  _styled__default["default"].div.withConfig({
78971
78981
  displayName: "GroupedListItemStyles__GroupedListItemHost",
78972
78982
  componentId: "sc-upeq9r-0"
78973
- })(templateObject_1$11$1 || (templateObject_1$11$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"], ["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])), spacingL, spacingS);
78983
+ })(templateObject_1$12$1 || (templateObject_1$12$1 = __makeTemplateObject$1(["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"], ["\n margin-top: ", "px;\n &:first-child {\n margin-top: ", "px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])), spacingL, spacingS);
78974
78984
 
78975
78985
  _styled__default["default"].h2.withConfig({
78976
78986
  displayName: "GroupedListItemStyles__GroupedListItemTitle",
@@ -78979,7 +78989,7 @@
78979
78989
  return p.theme.textColors.default;
78980
78990
  });
78981
78991
 
78982
- var templateObject_1$11$1, templateObject_2$D$1;
78992
+ var templateObject_1$12$1, templateObject_2$D$1;
78983
78993
 
78984
78994
  var AttachmentHost = function AttachmentHost(_a) {
78985
78995
  var children = _a.children,
@@ -79004,7 +79014,7 @@
79004
79014
  var Inner$2$2 = _styled__default["default"].div.withConfig({
79005
79015
  displayName: "AttachmentHost__Inner",
79006
79016
  componentId: "sc-mjwmvo-0"
79007
- })(templateObject_1$10$1 || (templateObject_1$10$1 = __makeTemplateObject$1(["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"], ["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"])), attachmentRoundedCornerSize, function (p) {
79017
+ })(templateObject_1$11$1 || (templateObject_1$11$1 = __makeTemplateObject$1(["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"], ["\n width: auto;\n border-radius: ", "px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ", "\n"])), attachmentRoundedCornerSize, function (p) {
79008
79018
  return p.backgroundColor ? "background-color: " + p.backgroundColor + ";" : "background-color: " + p.theme.palette.white + ";";
79009
79019
  });
79010
79020
 
@@ -79020,12 +79030,12 @@
79020
79030
  componentId: "sc-mjwmvo-2"
79021
79031
  })(templateObject_3$q$1 || (templateObject_3$q$1 = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n margin-top: ", "px;\n"], ["\n position: relative;\n width: 100%;\n margin-top: ", "px;\n"])), spacingM);
79022
79032
 
79023
- var templateObject_1$10$1, templateObject_2$C$1, templateObject_3$q$1;
79033
+ var templateObject_1$11$1, templateObject_2$C$1, templateObject_3$q$1;
79024
79034
 
79025
79035
  var ActionButton = _styled__default["default"](officeUiFabricReact.ActionButton).withConfig({
79026
79036
  displayName: "ActionButton",
79027
79037
  componentId: "sc-hmhuj9-0"
79028
- })(templateObject_1$$$1 || (templateObject_1$$$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"])), function (p) {
79038
+ })(templateObject_1$10$1 || (templateObject_1$10$1 = __makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"], ["\n &&:not([disabled]) {\n color: ", ";\n\n i {\n color: ", ";\n }\n }\n"])), function (p) {
79029
79039
  var _a;
79030
79040
 
79031
79041
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
@@ -79035,7 +79045,7 @@
79035
79045
  return (_a = p.color) !== null && _a !== void 0 ? _a : p.theme.textColors.default;
79036
79046
  });
79037
79047
 
79038
- var templateObject_1$$$1;
79048
+ var templateObject_1$10$1;
79039
79049
  var regexpStickyHelpers$2 = {};
79040
79050
  var fails$6$1 = fails$h$1; // babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
79041
79051
  // so we use an intermediate function.
@@ -80558,9 +80568,9 @@
80558
80568
  _styled__default["default"].div.withConfig({
80559
80569
  displayName: "ListItemsContainer",
80560
80570
  componentId: "sc-1ml8hli-0"
80561
- })(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"])), spacingS, maxScreenSize.small, spacingM, smallScreenSpacing, smallScreenSpacing, minScreenSize.small, spacingM, smallMaxContentWidth, minScreenSize.medium, mediumMaxContentWidth);
80571
+ })(templateObject_1$$$1 || (templateObject_1$$$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: column;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ", "px;\n }\n\n @media all and (max-width: ", "px) {\n max-width: calc(100vw - ", "px);\n margin-left: ", "px;\n margin-right: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n margin: 0 auto;\n\n > * {\n margin-top: ", "px;\n }\n\n max-width: ", "px;\n }\n\n @media all and (min-width: ", "px) {\n max-width: ", "px;\n }\n"])), spacingS, maxScreenSize.small, spacingM, smallScreenSpacing, smallScreenSpacing, minScreenSize.small, spacingM, smallMaxContentWidth, minScreenSize.medium, mediumMaxContentWidth);
80562
80572
 
80563
- var templateObject_1$_$1;
80573
+ var templateObject_1$$$1;
80564
80574
 
80565
80575
  function getGoogleMapsSearchLink(name) {
80566
80576
  if (!name) {
@@ -80608,17 +80618,17 @@
80608
80618
  displayName: "Utils__LeftBannerWrapper",
80609
80619
  componentId: "sc-1qatfzk-0"
80610
80620
  })(templateObject_2$B$1 || (templateObject_2$B$1 = __makeTemplateObject$1(["\n width: 100%;\n height: calc(\n ((100vw - ", "px * 2) * (1 / ", "))\n );\n ", "\n\n @media (min-width: ", "px) {\n height: calc((", "px * (1 / ", ")));\n }\n\n @media (min-width: ", "px) {\n width: ", "px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"], ["\n width: 100%;\n height: calc(\n ((100vw - ", "px * 2) * (1 / ", "))\n );\n ", "\n\n @media (min-width: ", "px) {\n height: calc((", "px * (1 / ", ")));\n }\n\n @media (min-width: ", "px) {\n width: ", "px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"])), smallScreenSpacing, bannerAspectRatio, function (p) {
80611
- return p.showPlaceholder && _styled.css(templateObject_1$Z$1 || (templateObject_1$Z$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), p.theme.palette.accent);
80621
+ return p.showPlaceholder && _styled.css(templateObject_1$_$1 || (templateObject_1$_$1 = __makeTemplateObject$1(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), p.theme.palette.accent);
80612
80622
  }, minScreenSize.small, smallMaxContentWidth, bannerAspectRatio, minScreenSize.medium, function (p) {
80613
80623
  return p.defaultWidth ? p.defaultWidth : 250;
80614
80624
  }); // react router dom path matcher stops at the next '/' (slash) character
80615
80625
 
80616
- var templateObject_1$Z$1, templateObject_2$B$1;
80626
+ var templateObject_1$_$1, templateObject_2$B$1;
80617
80627
 
80618
80628
  _styled__default["default"].div.withConfig({
80619
80629
  displayName: "AvailableSubscriptionList__Host",
80620
80630
  componentId: "sc-113n7q9-0"
80621
- })(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
80631
+ })(templateObject_1$Z$1 || (templateObject_1$Z$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
80622
80632
 
80623
80633
  _styled__default["default"](ActionButton).withConfig({
80624
80634
  displayName: "AvailableSubscriptionList__SubscriptionButton",
@@ -80627,7 +80637,7 @@
80627
80637
  return p.theme.palette.accent;
80628
80638
  });
80629
80639
 
80630
- var templateObject_1$Y$1, templateObject_2$A$1;
80640
+ var templateObject_1$Z$1, templateObject_2$A$1;
80631
80641
 
80632
80642
  var Callout = function Callout(_a) {
80633
80643
  var children = _a.children,
@@ -80643,7 +80653,7 @@
80643
80653
  _styled__default["default"].span.withConfig({
80644
80654
  displayName: "ConfirmDeleteDialog__LinePreserverSpan",
80645
80655
  componentId: "sc-1ybmivq-0"
80646
- })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80656
+ })(templateObject_1$Y$1 || (templateObject_1$Y$1 = __makeTemplateObject$1(["\n white-space: pre-line;\n"], ["\n white-space: pre-line;\n"])));
80647
80657
 
80648
80658
  _styled__default["default"](officeUiFabricReact.TextField).withConfig({
80649
80659
  displayName: "ConfirmDeleteDialog__StyledTextField",
@@ -80663,7 +80673,7 @@
80663
80673
  return p.theme.palette.redDark;
80664
80674
  });
80665
80675
 
80666
- var templateObject_1$X$1, templateObject_2$z$1, templateObject_3$p$1;
80676
+ var templateObject_1$Y$1, templateObject_2$z$1, templateObject_3$p$1;
80667
80677
 
80668
80678
  var ConfirmDialog = function ConfirmDialog(_a) {
80669
80679
  var showDialog = _a.showDialog,
@@ -80724,9 +80734,9 @@
80724
80734
  _styled__default["default"].div.withConfig({
80725
80735
  displayName: "ConfirmResetDialog__Host",
80726
80736
  componentId: "sc-akcggz-0"
80727
- })(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80737
+ })(templateObject_1$X$1 || (templateObject_1$X$1 = __makeTemplateObject$1(["\n max-width: 600px;\n"], ["\n max-width: 600px;\n"])));
80728
80738
 
80729
- var templateObject_1$W$1;
80739
+ var templateObject_1$X$1;
80730
80740
 
80731
80741
  var RelativeDateTime = function RelativeDateTime(_a) {
80732
80742
  var absoluteValue = _a.value;
@@ -80936,18 +80946,18 @@
80936
80946
  var Host$q$1 = _styled__default["default"].time.withConfig({
80937
80947
  displayName: "DateTime__Host",
80938
80948
  componentId: "sc-ulo84j-0"
80939
- })(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80949
+ })(templateObject_1$W$1 || (templateObject_1$W$1 = __makeTemplateObject$1(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
80940
80950
 
80941
- var templateObject_1$V$1;
80951
+ var templateObject_1$W$1;
80942
80952
 
80943
80953
  _styled__default["default"].div.withConfig({
80944
80954
  displayName: "Divider",
80945
80955
  componentId: "sc-1qr9ydh-0"
80946
- })(templateObject_1$U$1 || (templateObject_1$U$1 = __makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"], ["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"])), function (p) {
80956
+ })(templateObject_1$V$1 || (templateObject_1$V$1 = __makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"], ["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ", ";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ", ";\n }\n }\n"])), function (p) {
80947
80957
  return p.theme.palette.neutralTertiary;
80948
80958
  }, defaultPageBackgroundColor);
80949
80959
 
80950
- var templateObject_1$U$1;
80960
+ var templateObject_1$V$1;
80951
80961
 
80952
80962
  var Dropdown = function Dropdown(_a) {
80953
80963
  var _b;
@@ -80989,9 +80999,9 @@
80989
80999
  var Container$3 = _styled__default["default"].div.withConfig({
80990
81000
  displayName: "EmptyList__Container",
80991
81001
  componentId: "sc-11jeabk-0"
80992
- })(templateObject_1$T$1 || (templateObject_1$T$1 = __makeTemplateObject$1(["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"], ["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"])), minScreenSize.small);
81002
+ })(templateObject_1$U$1 || (templateObject_1$U$1 = __makeTemplateObject$1(["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"], ["\n flex: 1 1 100%;\n text-align: center;\n word-break: normal;\n min-width: 300px;\n\n > i {\n font-size: 100px;\n padding-bottom: 30px;\n padding-top: 30px;\n\n @media (min-height: ", "px) {\n padding-top: 150px;\n }\n }\n\n > p {\n font-size: 14px;\n margin: 0;\n min-width: 100%;\n width: 10px;\n }\n\n > p + p {\n margin-top: 3px;\n }\n"])), minScreenSize.small);
80993
81003
 
80994
- var templateObject_1$T$1;
81004
+ var templateObject_1$U$1;
80995
81005
 
80996
81006
  var hasFlag = function hasFlag(baseValue, flag) {
80997
81007
  return baseValue != null && (baseValue & flag) === flag;
@@ -81030,7 +81040,7 @@
81030
81040
  _styled__default["default"].div.withConfig({
81031
81041
  displayName: "FieldTranslationEditor__Host",
81032
81042
  componentId: "sc-1s8zb6d-0"
81033
- })(templateObject_1$S$1 || (templateObject_1$S$1 = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"], ["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));
81043
+ })(templateObject_1$T$1 || (templateObject_1$T$1 = __makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"], ["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));
81034
81044
 
81035
81045
  _styled__default["default"].div.withConfig({
81036
81046
  displayName: "FieldTranslationEditor__TranslationField",
@@ -81052,7 +81062,7 @@
81052
81062
  componentId: "sc-1s8zb6d-4"
81053
81063
  })(templateObject_5$c$1 || (templateObject_5$c$1 = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
81054
81064
 
81055
- var templateObject_1$S$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
81065
+ var templateObject_1$T$1, templateObject_2$y$1, templateObject_3$o$1, templateObject_4$h$1, templateObject_5$c$1;
81056
81066
 
81057
81067
  var Spinner = function Spinner(props) {
81058
81068
  var _a = React$d.useState(props.delay == null),
@@ -81088,9 +81098,9 @@
81088
81098
  var Host$o$1 = _styled__default["default"].div.withConfig({
81089
81099
  displayName: "Spinner__Host",
81090
81100
  componentId: "sc-1wroad6-0"
81091
- })(templateObject_1$R$1 || (templateObject_1$R$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));
81101
+ })(templateObject_1$S$1 || (templateObject_1$S$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));
81092
81102
 
81093
- var templateObject_1$R$1;
81103
+ var templateObject_1$S$1;
81094
81104
  var fixRegExpWellKnownSymbolLogic$5 = fixRegexpWellKnownSymbolLogic$2;
81095
81105
  var isRegExp$6 = isRegexp$2;
81096
81106
  var anObject$j = anObject$e$1;
@@ -81285,7 +81295,7 @@
81285
81295
  };
81286
81296
 
81287
81297
  var LineClamp = function LineClamp(lines, fontSize, lineHeight) {
81288
- return _styled.css(templateObject_1$Q$1 || (templateObject_1$Q$1 = __makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])), fontSize * lineHeight * lines, fontSize, lineHeight, lines);
81298
+ return _styled.css(templateObject_1$R$1 || (templateObject_1$R$1 = __makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "], ["\n display: block;\n display: -webkit-box;\n max-height: ", "px;\n font-size: ", "px;\n line-height: ", ";\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])), fontSize * lineHeight * lines, fontSize, lineHeight, lines);
81289
81299
  };
81290
81300
 
81291
81301
  function getImageSize(url) {
@@ -81397,7 +81407,7 @@
81397
81407
  }
81398
81408
  }
81399
81409
 
81400
- var templateObject_1$Q$1;
81410
+ var templateObject_1$R$1;
81401
81411
 
81402
81412
  function useFileAccessTokenApi() {
81403
81413
  var api = useApi();
@@ -81550,7 +81560,7 @@
81550
81560
  var FilesListHost = _styled__default["default"].ul.withConfig({
81551
81561
  displayName: "FileAttachmentList__FilesListHost",
81552
81562
  componentId: "sc-lwztxx-0"
81553
- })(templateObject_1$P$1 || (templateObject_1$P$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));
81563
+ })(templateObject_1$Q$1 || (templateObject_1$Q$1 = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"], ["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));
81554
81564
 
81555
81565
  var VideoFilesListHost = _styled__default["default"].ul.withConfig({
81556
81566
  displayName: "FileAttachmentList__VideoFilesListHost",
@@ -81725,7 +81735,7 @@
81725
81735
  return p.theme.palette.redDark;
81726
81736
  });
81727
81737
 
81728
- var templateObject_1$P$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$9$1, templateObject_7$5$1, templateObject_8$5$1, templateObject_9$4$1, templateObject_10$1$2, templateObject_11$1$2, templateObject_12$8, templateObject_13$7, templateObject_14$7, templateObject_15$7, templateObject_16$7;
81738
+ var templateObject_1$Q$1, templateObject_2$x$1, templateObject_3$n$1, templateObject_4$g$1, templateObject_5$b$1, templateObject_6$9$1, templateObject_7$5$1, templateObject_8$5$1, templateObject_9$4$1, templateObject_10$1$2, templateObject_11$1$2, templateObject_12$8, templateObject_13$7, templateObject_14$7, templateObject_15$7, templateObject_16$7;
81729
81739
  var FabNavigationPosition;
81730
81740
 
81731
81741
  (function (FabNavigationPosition) {
@@ -81737,7 +81747,7 @@
81737
81747
  displayName: "FloatingActionButton__Navigation",
81738
81748
  componentId: "sc-1spkihm-0"
81739
81749
  })(templateObject_3$m$1 || (templateObject_3$m$1 = __makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ", "\n"], ["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ", "\n"])), function (p) {
81740
- return p.positionBottomOnMobile ? _styled.css(templateObject_1$O$1 || (templateObject_1$O$1 = __makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "], ["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "])), minScreenSize.medium, p.offsetTop + 20) : _styled.css(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
81750
+ return p.positionBottomOnMobile ? _styled.css(templateObject_1$P$1 || (templateObject_1$P$1 = __makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "], ["\n bottom: 20px;\n @media (min-width: ", "px) {\n bottom: unset;\n top: ", "px;\n }\n "])), minScreenSize.medium, p.offsetTop + 20) : _styled.css(templateObject_2$w$1 || (templateObject_2$w$1 = __makeTemplateObject$1(["\n top: ", "px;\n "], ["\n top: ", "px;\n "])), p.offsetTop + 20);
81741
81751
  });
81742
81752
 
81743
81753
  var FabButtonStyle = function FabButtonStyle(useSecondaryBgColor) {
@@ -81784,7 +81794,7 @@
81784
81794
  componentId: "sc-1spkihm-4"
81785
81795
  })(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"], ["\n && {\n margin-left: auto;\n }\n"])));
81786
81796
 
81787
- var templateObject_1$O$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$8$1, templateObject_7$4$2, templateObject_8$4$2, templateObject_9$3$1, templateObject_10$e, templateObject_11$9;
81797
+ var templateObject_1$P$1, templateObject_2$w$1, templateObject_3$m$1, templateObject_4$f$1, templateObject_5$a$1, templateObject_6$8$1, templateObject_7$4$2, templateObject_8$4$2, templateObject_9$3$1, templateObject_10$e, templateObject_11$9;
81788
81798
 
81789
81799
  var FormattedMessageWithStyle = function FormattedMessageWithStyle(_a) {
81790
81800
  var _b = _a.tagName,
@@ -81800,82 +81810,9 @@
81800
81810
  }, void 0));
81801
81811
  };
81802
81812
 
81803
- var IconHeaderButton = function IconHeaderButton(_a) {
81804
- var icon = _a.icon,
81805
- isActive = _a.isActive,
81806
- disabled = _a.disabled,
81807
- tooltipResourceKey = _a.tooltipResourceKey,
81808
- onClick = _a.onClick,
81809
- link = _a.link,
81810
- className = _a.className,
81811
- rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
81812
-
81813
- var formatMessage = useIntl().formatMessage;
81814
-
81815
- if (!link && !onClick) {
81816
- return null;
81817
- }
81818
-
81819
- var allClassNames = classNames('header-button', className);
81820
- var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
81821
- className: allClassNames,
81822
- disabled: disabled,
81823
- onClick: function (e) {
81824
- return onClick(e.currentTarget);
81825
- },
81826
- iconProps: {
81827
- iconName: icon
81828
- },
81829
- ariaLabel: formatMessage({
81830
- id: tooltipResourceKey
81831
- }),
81832
- "data-button-type": "header-btn",
81833
- isActive: isActive
81834
- }, rest), void 0) : jsxRuntime.jsx(StyledLink$2, __assign$1({
81835
- className: allClassNames,
81836
- to: link
81837
- }, rest, {
81838
- children: jsxRuntime.jsx(officeUiFabricReact.Icon, {
81839
- iconName: icon
81840
- }, void 0)
81841
- }), void 0);
81842
- return jsxRuntime.jsx(Host$m$1, __assign$1({
81843
- className: "tooltip-container"
81844
- }, {
81845
- children: jsxRuntime.jsx(Tooltip, __assign$1({
81846
- resourceKey: tooltipResourceKey
81847
- }, {
81848
- children: IconElement
81849
- }), void 0)
81850
- }), void 0);
81851
- };
81852
-
81853
- var Host$m$1 = _styled__default["default"].div.withConfig({
81854
- displayName: "IconHeaderButton__Host",
81855
- componentId: "sc-1jn7i2-0"
81856
- })(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
81813
+ _styled__default["default"].div(templateObject_1$O$1 || (templateObject_1$O$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"])), spacingXs, fontSizeSmall);
81857
81814
 
81858
- var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
81859
- displayName: "IconHeaderButton__Button",
81860
- componentId: "sc-1jn7i2-1"
81861
- })(templateObject_4$e$1 || (templateObject_4$e$1 = __makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n\n ", ";\n ", "\n }\n"])), function (p) {
81862
- return !p.isActive && _styled.css(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
81863
- }, function (p) {
81864
- return p.isActive && _styled.css(templateObject_3$l$1 || (templateObject_3$l$1 = __makeTemplateObject$1(["\n background-color: ", ";\n color: ", ";\n\n &&:hover {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n\n &&:hover {\n background-color: ", ";\n color: ", ";\n }\n "])), p.theme.palette.themeSecondary, p.theme.textColors.onSecondary, p.theme.palette.themeSecondary, p.theme.textColors.onSecondary);
81865
- });
81866
-
81867
- var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
81868
- displayName: "IconHeaderButton__StyledLink",
81869
- componentId: "sc-1jn7i2-2"
81870
- })(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
81871
- return _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
81872
- });
81873
-
81874
- var templateObject_1$N$1, templateObject_2$v$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1;
81875
-
81876
- _styled__default["default"].div(templateObject_1$M$1 || (templateObject_1$M$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ", "px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ", "px;\n }\n"])), spacingXs, fontSizeSmall);
81877
-
81878
- var templateObject_1$M$1;
81815
+ var templateObject_1$O$1;
81879
81816
  var itemStatisticsCache = {};
81880
81817
  var onStatisticsUpdated = new Subject();
81881
81818
 
@@ -81935,11 +81872,11 @@
81935
81872
  var Keyword = _styled__default["default"].span.withConfig({
81936
81873
  displayName: "KeywordTitle__Keyword",
81937
81874
  componentId: "sc-18jcqyr-0"
81938
- })(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81939
- return p.underlined && _styled.css(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
81875
+ })(templateObject_2$v$1 || (templateObject_2$v$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
81876
+ return p.underlined && _styled.css(templateObject_1$N$1 || (templateObject_1$N$1 = __makeTemplateObject$1(["\n text-decoration: underline;\n "], ["\n text-decoration: underline;\n "])));
81940
81877
  });
81941
81878
 
81942
- var templateObject_1$L$1, templateObject_2$u$1;
81879
+ var templateObject_1$N$1, templateObject_2$v$1;
81943
81880
 
81944
81881
  var MobileFullHeightDialog = function MobileFullHeightDialog(_a) {
81945
81882
  var _b;
@@ -81960,8 +81897,8 @@
81960
81897
  }, void 0);
81961
81898
  };
81962
81899
 
81963
- var Styles$2 = _styled.createGlobalStyle(templateObject_1$K$1 || (templateObject_1$K$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
81964
- var templateObject_1$K$1;
81900
+ var Styles$2 = _styled.createGlobalStyle(templateObject_1$M$1 || (templateObject_1$M$1 = __makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"], ["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));
81901
+ var templateObject_1$M$1;
81965
81902
 
81966
81903
  var Modified = function Modified(_a) {
81967
81904
  var modified = _a.modified;
@@ -81971,7 +81908,7 @@
81971
81908
  return null;
81972
81909
  }
81973
81910
 
81974
- return jsxRuntime.jsxs(Host$k$1, __assign$1({
81911
+ return jsxRuntime.jsxs(Host$l$1, __assign$1({
81975
81912
  className: "ms-fontColor-neutralTertiary"
81976
81913
  }, {
81977
81914
  children: ["\u00A0(", jsxRuntime.jsx(Tooltip, __assign$1({
@@ -81997,9 +81934,9 @@
81997
81934
  }
81998
81935
  };
81999
81936
 
82000
- var Host$k$1 = _styled__default["default"].span(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
81937
+ var Host$l$1 = _styled__default["default"].span(templateObject_1$L$1 || (templateObject_1$L$1 = __makeTemplateObject$1(["\n font-size: ", "px;\n"], ["\n font-size: ", "px;\n"])), fontSizeSmaller);
82001
81938
 
82002
- var templateObject_1$J$1;
81939
+ var templateObject_1$L$1;
82003
81940
 
82004
81941
  var FullScreenImageViewer = function FullScreenImageViewer(_a) {
82005
81942
  var images = _a.images,
@@ -82199,8 +82136,8 @@
82199
82136
  }
82200
82137
  };
82201
82138
 
82202
- var GeneralFixes = _styled.createGlobalStyle(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"], ["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"])));
82203
- var templateObject_1$I$1;
82139
+ var GeneralFixes = _styled.createGlobalStyle(templateObject_1$K$1 || (templateObject_1$K$1 = __makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"], ["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n"])));
82140
+ var templateObject_1$K$1;
82204
82141
 
82205
82142
  var PhotoGrid = function PhotoGrid(_a) {
82206
82143
  var images = _a.images,
@@ -82223,7 +82160,7 @@
82223
82160
  var showMoreImagesIndicator = images.length > 4;
82224
82161
  var hasMultiImages = images.length > 1;
82225
82162
  var firstImage = images[0];
82226
- return jsxRuntime.jsxs(Host$j$1, __assign$1({
82163
+ return jsxRuntime.jsxs(Host$k$1, __assign$1({
82227
82164
  "data-multi-images": hasMultiImages,
82228
82165
  className: className,
82229
82166
  singleImageHeight: firstImage.height,
@@ -82314,27 +82251,27 @@
82314
82251
  }), void 0);
82315
82252
  };
82316
82253
 
82317
- var Host$j$1 = _styled__default["default"].div.withConfig({
82254
+ var Host$k$1 = _styled__default["default"].div.withConfig({
82318
82255
  displayName: "PhotoGrid__Host",
82319
82256
  componentId: "sc-flk193-0"
82320
- })(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"], ["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])), function (p) {
82321
- return p.singleImageWidth && p.singleImageHeight && _styled.css(templateObject_1$H$1 || (templateObject_1$H$1 = __makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "], ["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "])), p.singleImageHeight / p.singleImageWidth, p.singleImageWidth, p.singleImageHeight, p.singleImageWidth, p.singleImageHeight / p.singleImageWidth, p.singleImageWidth);
82257
+ })(templateObject_2$u$1 || (templateObject_2$u$1 = __makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"], ["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ", "\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])), function (p) {
82258
+ return p.singleImageWidth && p.singleImageHeight && _styled.css(templateObject_1$J$1 || (templateObject_1$J$1 = __makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "], ["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ", "* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ", "px)) {\n padding-bottom: min(\n min(100%, ", "px, ", "px),\n calc(\n ", "*\n min(100%, ", "px)\n )\n );\n }\n }\n "])), p.singleImageHeight / p.singleImageWidth, p.singleImageWidth, p.singleImageHeight, p.singleImageWidth, p.singleImageHeight / p.singleImageWidth, p.singleImageWidth);
82322
82259
  });
82323
82260
 
82324
82261
  var SingleImageHost = _styled__default["default"].a.withConfig({
82325
82262
  displayName: "PhotoGrid__SingleImageHost",
82326
82263
  componentId: "sc-flk193-1"
82327
- })(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"])), function (p) {
82328
- return p.applyRoundedCorners && _styled.css(templateObject_3$k$1 || (templateObject_3$k$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82264
+ })(templateObject_4$e$1 || (templateObject_4$e$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ", "\n"])), function (p) {
82265
+ return p.applyRoundedCorners && _styled.css(templateObject_3$l$1 || (templateObject_3$l$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82329
82266
  });
82330
82267
 
82331
82268
  var Gallery = _styled__default["default"].div.withConfig({
82332
82269
  displayName: "PhotoGrid__Gallery",
82333
82270
  componentId: "sc-flk193-2"
82334
- })(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"], ["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"])), function (p) {
82271
+ })(templateObject_6$7$1 || (templateObject_6$7$1 = __makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"], ["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ", ";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ", "\n"])), function (p) {
82335
82272
  return p.backgroundColor;
82336
82273
  }, function (p) {
82337
- return p.applyRoundedCorners && _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82274
+ return p.applyRoundedCorners && _styled.css(templateObject_5$9$1 || (templateObject_5$9$1 = __makeTemplateObject$1(["\n border-radius: 10px;\n "], ["\n border-radius: 10px;\n "])));
82338
82275
  });
82339
82276
 
82340
82277
  var ImageItem = _styled__default["default"].a.withConfig({
@@ -82352,15 +82289,87 @@
82352
82289
  componentId: "sc-flk193-5"
82353
82290
  })(templateObject_9$2$2 || (templateObject_9$2$2 = __makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ", "px;\n @media (min-width: ", "px) {\n font-size: ", "px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"], ["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ", "px;\n @media (min-width: ", "px) {\n font-size: ", "px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"])), fontSizeMedium, minScreenSize.small, fontSizeLarge + 3);
82354
82291
 
82355
- var templateObject_1$H$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
82292
+ var templateObject_1$J$1, templateObject_2$u$1, templateObject_3$l$1, templateObject_4$e$1, templateObject_5$9$1, templateObject_6$7$1, templateObject_7$3$2, templateObject_8$3$2, templateObject_9$2$2;
82356
82293
 
82357
82294
  function showPhoto(url, title) {
82358
82295
  {
82359
82296
  return;
82360
82297
  }
82361
82298
  }
82362
- // eslint-disable-next-line max-len
82363
82299
 
82300
+ var IconHeaderButton = function IconHeaderButton(_a) {
82301
+ var icon = _a.icon,
82302
+ isActive = _a.isActive,
82303
+ disabled = _a.disabled,
82304
+ tooltipResourceKey = _a.tooltipResourceKey,
82305
+ onClick = _a.onClick,
82306
+ link = _a.link,
82307
+ className = _a.className,
82308
+ rest = __rest$1(_a, ["icon", "isActive", "disabled", "tooltipResourceKey", "onClick", "link", "className"]);
82309
+
82310
+ var formatMessage = useIntl().formatMessage;
82311
+
82312
+ if (!link && !onClick) {
82313
+ return null;
82314
+ }
82315
+
82316
+ var allClassNames = classNames('header-button', className);
82317
+ var IconElement = !link ? jsxRuntime.jsx(Button, __assign$1({
82318
+ className: allClassNames,
82319
+ disabled: disabled,
82320
+ onClick: function (e) {
82321
+ return onClick(e.currentTarget);
82322
+ },
82323
+ iconProps: {
82324
+ iconName: icon
82325
+ },
82326
+ ariaLabel: formatMessage({
82327
+ id: tooltipResourceKey
82328
+ }),
82329
+ "data-button-type": "header-btn",
82330
+ isActive: isActive
82331
+ }, rest), void 0) : jsxRuntime.jsx(StyledLink$2, __assign$1({
82332
+ className: allClassNames,
82333
+ to: link
82334
+ }, rest, {
82335
+ children: jsxRuntime.jsx(officeUiFabricReact.Icon, {
82336
+ iconName: icon
82337
+ }, void 0)
82338
+ }), void 0);
82339
+ return jsxRuntime.jsx(Host$j$1, __assign$1({
82340
+ className: "tooltip-container"
82341
+ }, {
82342
+ children: jsxRuntime.jsx(Tooltip, __assign$1({
82343
+ resourceKey: tooltipResourceKey
82344
+ }, {
82345
+ children: IconElement
82346
+ }), void 0)
82347
+ }), void 0);
82348
+ };
82349
+
82350
+ var Host$j$1 = _styled__default["default"].div.withConfig({
82351
+ displayName: "IconHeaderButton__Host",
82352
+ componentId: "sc-1p61ffo-0"
82353
+ })(templateObject_1$I$1 || (templateObject_1$I$1 = __makeTemplateObject$1(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
82354
+
82355
+ var Button = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
82356
+ displayName: "IconHeaderButton__Button",
82357
+ componentId: "sc-1p61ffo-1"
82358
+ })(templateObject_4$d$1 || (templateObject_4$d$1 = __makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ", ";\n ", "\n }\n"], ["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ", ";\n ", "\n }\n"])), function (p) {
82359
+ return !p.isActive && _styled.css(templateObject_2$t$1 || (templateObject_2$t$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
82360
+ }, function (p) {
82361
+ return p.isActive && _styled.css(templateObject_3$k$1 || (templateObject_3$k$1 = __makeTemplateObject$1(["\n background-color: ", ";\n color: ", ";\n\n &&:hover {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n\n &&:hover {\n background-color: ", ";\n color: ", ";\n }\n "])), p.theme.palette.themeSecondary, p.theme.textColors.onSecondary, p.theme.palette.themeSecondary, p.theme.textColors.onSecondary);
82362
+ });
82363
+
82364
+ var StyledLink$2 = _styled__default["default"](ReactRouterDom.Link).withConfig({
82365
+ displayName: "IconHeaderButton__StyledLink",
82366
+ componentId: "sc-1p61ffo-2"
82367
+ })(templateObject_6$6$1 || (templateObject_6$6$1 = __makeTemplateObject$1(["\n && {\n height: 100%;\n ", ";\n }\n"], ["\n && {\n height: 100%;\n ", ";\n }\n"])), function (p) {
82368
+ return _styled.css(templateObject_5$8$1 || (templateObject_5$8$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.onPrimary);
82369
+ });
82370
+
82371
+ var templateObject_1$I$1, templateObject_2$t$1, templateObject_3$k$1, templateObject_4$d$1, templateObject_5$8$1, templateObject_6$6$1; // a string of all valid unicode whitespaces
82372
+ // eslint-disable-next-line max-len
82364
82373
 
82365
82374
  var whitespaces$2$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
82366
82375
  var requireObjectCoercible$e = requireObjectCoercible$9$1;
@@ -82538,7 +82547,7 @@
82538
82547
  }), void 0);
82539
82548
  };
82540
82549
 
82541
- var LinkStyle$2 = _styled.css(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));
82550
+ var LinkStyle$2 = _styled.css(templateObject_1$H$1 || (templateObject_1$H$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));
82542
82551
 
82543
82552
  var StyledLink$1$1 = _styled__default["default"](TextLink).withConfig({
82544
82553
  displayName: "ToolbarIconButtonWithToolTip__StyledLink",
@@ -82564,7 +82573,7 @@
82564
82573
  return p.theme.textColors.default;
82565
82574
  });
82566
82575
 
82567
- var templateObject_1$G$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
82576
+ var templateObject_1$H$1, templateObject_2$s$1, templateObject_3$j$1, templateObject_4$c$1, templateObject_5$7$2, templateObject_6$5$2;
82568
82577
 
82569
82578
  var Search$1 = function Search(props) {
82570
82579
  var intl = useIntl();
@@ -82579,7 +82588,9 @@
82579
82588
  React$d.useEffect(function () {
82580
82589
  addBackButtonListener(handleBack);
82581
82590
  setTimeout(function () {
82582
- return searchInputRef && searchInputRef.current.focus();
82591
+ var _a;
82592
+
82593
+ return searchInputRef && ((_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
82583
82594
  });
82584
82595
  return function () {
82585
82596
  removeBackButtonListener(handleBack);
@@ -82657,7 +82668,7 @@
82657
82668
  displayName: "Search__StyledTextField",
82658
82669
  componentId: "sc-17f35gt-0"
82659
82670
  })(templateObject_3$i$1 || (templateObject_3$i$1 = __makeTemplateObject$1(["\n ", "\n"], ["\n ", "\n"])), function (p) {
82660
- return p.useLightTheme ? _styled.css(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82671
+ return p.useLightTheme ? _styled.css(templateObject_1$G$1 || (templateObject_1$G$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82661
82672
  return p.theme.textColors.default;
82662
82673
  }, InputPlaceholder("color: " + p.theme.textColors.default)) : _styled.css(templateObject_2$r$1 || (templateObject_2$r$1 = __makeTemplateObject$1(["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "], ["\n .ms-TextField-field {\n color: ", ";\n ", ";\n }\n "])), function (p) {
82663
82674
  return p.theme.textColors.onPrimary;
@@ -82692,16 +82703,17 @@
82692
82703
  var SearchBox = function SearchBox(_a) {
82693
82704
  var onSearchInputFieldVisibilityChanged = _a.onSearchInputFieldVisibilityChanged,
82694
82705
  isToolbarMode = _a.isToolbarMode,
82695
- className = _a.className,
82696
82706
  onExecuteSearch = _a.onExecuteSearch,
82697
82707
  onSearchTextChange = _a.onSearchTextChange,
82698
- searchText = _a.searchText;
82708
+ searchText = _a.searchText,
82709
+ showSearchBoxInput = _a.showSearchBoxInput,
82710
+ className = _a.className;
82699
82711
 
82700
82712
  var _b = React$d.useState(!!searchText),
82701
82713
  showSearchInputFieldState = _b[0],
82702
82714
  setShowSearchInputField = _b[1];
82703
82715
 
82704
- var showSearchInputField = showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
82716
+ var showSearchInputField = showSearchBoxInput || showSearchInputFieldState || !!searchText; // this use effect is required, if the state does not change via a manual toggle
82705
82717
  // but instead via a property
82706
82718
 
82707
82719
  React$d.useEffect(function () {
@@ -82740,7 +82752,7 @@
82740
82752
  }
82741
82753
  };
82742
82754
 
82743
- var templateObject_1$F$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
82755
+ var templateObject_1$G$1, templateObject_2$r$1, templateObject_3$i$1, templateObject_4$b$1, templateObject_5$6$2, templateObject_6$4$2, templateObject_7$2$2, templateObject_8$2$2;
82744
82756
  var TableSortOrder;
82745
82757
 
82746
82758
  (function (TableSortOrder) {
@@ -82751,7 +82763,7 @@
82751
82763
  _styled__default["default"](officeUiFabricReact.Icon).withConfig({
82752
82764
  displayName: "SortableTable__Order",
82753
82765
  componentId: "sc-6tqdpa-0"
82754
- })(templateObject_1$E$1 || (templateObject_1$E$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82766
+ })(templateObject_1$F$1 || (templateObject_1$F$1 = __makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"], ["\n position: absolute;\n right: 0;\n"])));
82755
82767
 
82756
82768
  _styled__default["default"].span.withConfig({
82757
82769
  displayName: "SortableTable__Title",
@@ -82799,7 +82811,7 @@
82799
82811
  componentId: "sc-6tqdpa-6"
82800
82812
  })(templateObject_9$1$2 || (templateObject_9$1$2 = __makeTemplateObject$1(["\n margin: 80px 0 100px;\n"], ["\n margin: 80px 0 100px;\n"])));
82801
82813
 
82802
- var templateObject_1$E$1, templateObject_2$q$1, templateObject_3$h$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
82814
+ var templateObject_1$F$1, templateObject_2$q$1, templateObject_3$h$1, templateObject_4$a$1, templateObject_5$5$2, templateObject_6$3$2, templateObject_7$1$2, templateObject_8$1$2, templateObject_9$1$2;
82803
82815
 
82804
82816
  var ToggleWithLabel = function ToggleWithLabel(props) {
82805
82817
  return jsxRuntime.jsx(StyledToggle, __assign$1({}, props, {
@@ -82810,15 +82822,15 @@
82810
82822
  var StyledToggle = _styled__default["default"](officeUiFabricReact.Toggle).withConfig({
82811
82823
  displayName: "ToggleWithLabel__StyledToggle",
82812
82824
  componentId: "sc-lcovfq-0"
82813
- })(templateObject_1$D$1 || (templateObject_1$D$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"])), function (p) {
82825
+ })(templateObject_1$E$1 || (templateObject_1$E$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ", ";\n }\n }\n"])), function (p) {
82814
82826
  return p.theme.semanticColors.inputBackgroundCheckedHovered;
82815
82827
  });
82816
82828
 
82817
- var templateObject_1$D$1;
82818
- var unreadCommentHighlight = _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"], ["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"])), function (p) {
82829
+ var templateObject_1$E$1;
82830
+ var unreadCommentHighlight = _styled.css(templateObject_1$D$1 || (templateObject_1$D$1 = __makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"], ["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ", ";\n }\n"])), function (p) {
82819
82831
  return p.theme.palette.accent;
82820
82832
  });
82821
- var templateObject_1$C$1;
82833
+ var templateObject_1$D$1;
82822
82834
 
82823
82835
  function getGroupName(group, user, intl) {
82824
82836
  return group.translations[user.preferredUiLanguage] || group.translations[getPreferredContentLanguage(user)] || group.name || intl.formatMessage({
@@ -82830,7 +82842,7 @@
82830
82842
  displayName: "VerificationStatusIcon__Host",
82831
82843
  componentId: "sc-b3nb8-0"
82832
82844
  })(templateObject_2$p$1 || (templateObject_2$p$1 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n ", "\n"])), function (p) {
82833
- return p.isInvalid && _styled.css(templateObject_1$B$1 || (templateObject_1$B$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82845
+ return p.isInvalid && _styled.css(templateObject_1$C$1 || (templateObject_1$C$1 = __makeTemplateObject$1(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) {
82834
82846
  return p.theme.palette.redDark;
82835
82847
  });
82836
82848
  });
@@ -82840,7 +82852,7 @@
82840
82852
  componentId: "sc-b3nb8-1"
82841
82853
  })(templateObject_3$g$1 || (templateObject_3$g$1 = __makeTemplateObject$1(["\n margin-right: ", "px;\n"], ["\n margin-right: ", "px;\n"])), spacingS);
82842
82854
 
82843
- var templateObject_1$B$1, templateObject_2$p$1, templateObject_3$g$1;
82855
+ var templateObject_1$C$1, templateObject_2$p$1, templateObject_3$g$1;
82844
82856
 
82845
82857
  var OpacityAnimation = function OpacityAnimation(_a) {
82846
82858
  var enterDuration = _a.enterDuration,
@@ -82872,14 +82884,14 @@
82872
82884
  }, void 0);
82873
82885
  };
82874
82886
 
82875
- var AnimationStyle = _styled.createGlobalStyle(templateObject_1$A$1 || (templateObject_1$A$1 = __makeTemplateObject$1(["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"], ["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"])), function (p) {
82887
+ var AnimationStyle = _styled.createGlobalStyle(templateObject_1$B$1 || (templateObject_1$B$1 = __makeTemplateObject$1(["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"], ["\n .", " {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ", "ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ", "ms ease-in;\n }\n }\n }\n"])), function (p) {
82876
82888
  return p.name;
82877
82889
  }, function (p) {
82878
82890
  return p.enterDuration;
82879
82891
  }, function (p) {
82880
82892
  return p.leaveDuration;
82881
82893
  });
82882
- var templateObject_1$A$1;
82894
+ var templateObject_1$B$1;
82883
82895
 
82884
82896
  var AutoTranslateButton = function AutoTranslateButton(_a) {
82885
82897
  var contentLanguageCode = _a.contentLanguageCode,
@@ -82998,20 +83010,20 @@
82998
83010
  }
82999
83011
  };
83000
83012
 
83001
- var StyledActionButton$2 = _styled__default["default"](ActionButton)(templateObject_1$z$1 || (templateObject_1$z$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83013
+ var StyledActionButton$2 = _styled__default["default"](ActionButton)(templateObject_1$A$1 || (templateObject_1$A$1 = __makeTemplateObject$1(["\n &&& {\n i {\n color: ", ";\n }\n }\n"], ["\n &&& {\n i {\n color: ", ";\n }\n }\n"])), function (p) {
83002
83014
  return p.theme.textColors.default;
83003
83015
  });
83004
83016
 
83005
- var templateObject_1$z$1;
83017
+ var templateObject_1$A$1;
83006
83018
 
83007
83019
  var ChoiceGroup = _styled__default["default"](officeUiFabricReact.ChoiceGroup).withConfig({
83008
83020
  displayName: "ChoiceGroup",
83009
83021
  componentId: "sc-11bpj01-0"
83010
- })(templateObject_1$y$1 || (templateObject_1$y$1 = __makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"], ["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"])), function (p) {
83022
+ })(templateObject_1$z$1 || (templateObject_1$z$1 = __makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"], ["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ", ";\n }\n }\n }\n"])), function (p) {
83011
83023
  return p.theme.palette.accent;
83012
83024
  });
83013
83025
 
83014
- var templateObject_1$y$1;
83026
+ var templateObject_1$z$1;
83015
83027
 
83016
83028
  var CommentActionMenu = function CommentActionMenu(_a) {
83017
83029
  var comment = _a.comment,
@@ -83135,7 +83147,7 @@
83135
83147
  var Buttons$4 = _styled__default["default"].div.withConfig({
83136
83148
  displayName: "CommentActionMenu__Buttons",
83137
83149
  componentId: "sc-qsk1nc-0"
83138
- })(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
83150
+ })(templateObject_1$y$1 || (templateObject_1$y$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
83139
83151
 
83140
83152
  var MenuButton$1 = _styled__default["default"](IconButton).withConfig({
83141
83153
  displayName: "CommentActionMenu__MenuButton",
@@ -83154,18 +83166,18 @@
83154
83166
  componentId: "sc-qsk1nc-3"
83155
83167
  })(templateObject_4$9$2 || (templateObject_4$9$2 = __makeTemplateObject$1(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), spacingS);
83156
83168
 
83157
- var templateObject_1$x$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
83169
+ var templateObject_1$y$1, templateObject_2$o$1, templateObject_3$f$1, templateObject_4$9$2;
83158
83170
 
83159
83171
  var DeleteAttachmentButton = _styled__default["default"](officeUiFabricReact.IconButton).withConfig({
83160
83172
  displayName: "DeleteAttachmentButton",
83161
83173
  componentId: "sc-d7hswf-0"
83162
- })(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"], ["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])), spacingXs, function (p) {
83174
+ })(templateObject_1$x$1 || (templateObject_1$x$1 = __makeTemplateObject$1(["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"], ["\n && {\n padding: ", "px;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])), spacingXs, function (p) {
83163
83175
  return p.theme.textColors.default;
83164
83176
  }, function (p) {
83165
83177
  return p.theme.textColors.default;
83166
83178
  });
83167
83179
 
83168
- var templateObject_1$w$1;
83180
+ var templateObject_1$x$1;
83169
83181
 
83170
83182
  var ToggleAllButtons = function ToggleAllButtons(_a) {
83171
83183
  var toggleAll = _a.toggleAll,
@@ -83198,7 +83210,7 @@
83198
83210
  var Host$g = _styled__default["default"].div.withConfig({
83199
83211
  displayName: "ToggleAllButtons__Host",
83200
83212
  componentId: "sc-kbn3b4-0"
83201
- })(templateObject_1$v$1 || (templateObject_1$v$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83213
+ })(templateObject_1$w$1 || (templateObject_1$w$1 = __makeTemplateObject$1(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), spacingS);
83202
83214
 
83203
83215
  var StyledButton$1$1 = _styled__default["default"](ActionButton).withConfig({
83204
83216
  displayName: "ToggleAllButtons__StyledButton",
@@ -83207,7 +83219,7 @@
83207
83219
  return p.theme.palette.accent;
83208
83220
  });
83209
83221
 
83210
- var templateObject_1$v$1, templateObject_2$n$1;
83222
+ var templateObject_1$w$1, templateObject_2$n$1;
83211
83223
 
83212
83224
  var InternalTopActionButton = function InternalTopActionButton(props) {
83213
83225
  var iconName = props.iconName,
@@ -83226,10 +83238,17 @@
83226
83238
  _styled__default["default"](InternalTopActionButton).withConfig({
83227
83239
  displayName: "TopActionButton",
83228
83240
  componentId: "sc-1lam7c6-0"
83229
- })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"], ["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"])), spacingS, function (p) {
83241
+ })(templateObject_1$v$1 || (templateObject_1$v$1 = __makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"], ["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ", "px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ", ";\n }\n\n > i {\n padding-right: 8px;\n }\n"])), spacingS, function (p) {
83230
83242
  return p.theme.palette.accent;
83231
83243
  });
83232
83244
 
83245
+ var templateObject_1$v$1;
83246
+
83247
+ _styled__default["default"](IconButton).withConfig({
83248
+ displayName: "HeaderMenuButton__MenuButton",
83249
+ componentId: "sc-170vvq2-0"
83250
+ })(templateObject_1$u$1 || (templateObject_1$u$1 = __makeTemplateObject$1([""], [""])));
83251
+
83233
83252
  var templateObject_1$u$1;
83234
83253
 
83235
83254
  var ChannelTitle = function ChannelTitle(_a) {
@@ -84984,24 +85003,28 @@
84984
85003
  var ToolbarMarkAllNewsAsReadButton = function ToolbarMarkAllNewsAsReadButton(_a) {
84985
85004
  var onMarkAsReadStarted = _a.onMarkAsReadStarted,
84986
85005
  onMarkAsReadFinished = _a.onMarkAsReadFinished,
84987
- disabled = _a.disabled;
85006
+ disabled = _a.disabled,
85007
+ unreadCount = _a.unreadCount;
84988
85008
  return jsxRuntime.jsx(ToolbarMarkAllAsReadButton, {
84989
85009
  itemType: ItemResourceTypes.News,
84990
85010
  disabled: disabled,
84991
85011
  onMarkAsReadStarted: onMarkAsReadStarted,
84992
- onMarkAsReadFinished: onMarkAsReadFinished
85012
+ onMarkAsReadFinished: onMarkAsReadFinished,
85013
+ unreadCount: unreadCount
84993
85014
  }, void 0);
84994
85015
  };
84995
85016
 
84996
85017
  var ToolbarMarkAllEventsAsReadButton = function ToolbarMarkAllEventsAsReadButton(_a) {
84997
85018
  var onMarkAsReadStarted = _a.onMarkAsReadStarted,
84998
85019
  onMarkAsReadFinished = _a.onMarkAsReadFinished,
84999
- disabled = _a.disabled;
85020
+ disabled = _a.disabled,
85021
+ unreadCount = _a.unreadCount;
85000
85022
  return jsxRuntime.jsx(ToolbarMarkAllAsReadButton, {
85001
85023
  itemType: ItemResourceTypes.Events,
85002
85024
  disabled: disabled,
85003
85025
  onMarkAsReadStarted: onMarkAsReadStarted,
85004
- onMarkAsReadFinished: onMarkAsReadFinished
85026
+ onMarkAsReadFinished: onMarkAsReadFinished,
85027
+ unreadCount: unreadCount
85005
85028
  }, void 0);
85006
85029
  };
85007
85030
 
@@ -85009,12 +85032,13 @@
85009
85032
  var itemType = _a.itemType,
85010
85033
  onMarkAsReadStarted = _a.onMarkAsReadStarted,
85011
85034
  onMarkAsReadFinished = _a.onMarkAsReadFinished,
85012
- disabled = _a.disabled;
85035
+ disabled = _a.disabled,
85036
+ unreadCount = _a.unreadCount;
85013
85037
  var features = useFeatures();
85014
85038
  var clearUnreadItems = useClearUnreadItems(itemType, {
85015
85039
  onStarted: onMarkAsReadStarted,
85016
85040
  onFinished: onMarkAsReadFinished
85017
- });
85041
+ }, unreadCount);
85018
85042
 
85019
85043
  if (!features.unreadTracking) {
85020
85044
  return null;
@@ -87243,9 +87267,9 @@
87243
87267
  }), void 0);
87244
87268
  };
87245
87269
 
87246
- var version$1 = "0.3.26";
87247
- var buildId = "97336";
87248
- var commitId = "d8930c17ca3fcd5884b96795ca85c035ab0dad6c";
87270
+ var version$1 = "0.3.28";
87271
+ var buildId = "97435";
87272
+ var commitId = "0e7fdaabcf47bc0b451f22df3f7dd27c791ece2e";
87249
87273
  var isCustomerBuild = false;
87250
87274
  var buildInfo = {
87251
87275
  version: version$1,
@@ -134621,6 +134645,20 @@
134621
134645
  }
134622
134646
 
134623
134647
  var de$2 = {
134648
+ "PageTitle.analytics.usage": "User Activity Analytics",
134649
+ "PageTitle.analytics.news": "News Analytics",
134650
+ "AriaLabel.section.editableCard": "Editable card",
134651
+ "AriaLabel.section.usersList": "Group members list",
134652
+ "AriaLabel.section.ownersList": "Owners list",
134653
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
134654
+ "AriaLabel.section.commentSettings": "Comment Settings",
134655
+ "AriaLabel.section.editorList": "Editor list",
134656
+ "AriaLabel.section.splitEditorList": "Split editor list",
134657
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
134658
+ "AriaLabel.section.recycleBin": "Recycle bin",
134659
+ "AriaLabel.section.keywords": "Keywords",
134660
+ "AriaLabel.section.comments": "Comments",
134661
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
134624
134662
  "Generic.Ok": "Ok",
134625
134663
  "Generic.Save": "Speichern",
134626
134664
  "Generic.Cancel": "Abbrechen",
@@ -136570,6 +136608,20 @@
136570
136608
  }
136571
136609
 
136572
136610
  var fr$2 = {
136611
+ "PageTitle.analytics.usage": "User Activity Analytics",
136612
+ "PageTitle.analytics.news": "News Analytics",
136613
+ "AriaLabel.section.editableCard": "Editable card",
136614
+ "AriaLabel.section.usersList": "Group members list",
136615
+ "AriaLabel.section.ownersList": "Owners list",
136616
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
136617
+ "AriaLabel.section.commentSettings": "Comment Settings",
136618
+ "AriaLabel.section.editorList": "Editor list",
136619
+ "AriaLabel.section.splitEditorList": "Split editor list",
136620
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
136621
+ "AriaLabel.section.recycleBin": "Recycle bin",
136622
+ "AriaLabel.section.keywords": "Keywords",
136623
+ "AriaLabel.section.comments": "Comments",
136624
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
136573
136625
  "Generic.Ok": "Ok",
136574
136626
  "Generic.Save": "Sauvegarder",
136575
136627
  "Generic.Cancel": "Annuler",
@@ -138519,6 +138571,20 @@
138519
138571
  }
138520
138572
 
138521
138573
  var es$2 = {
138574
+ "PageTitle.analytics.usage": "User Activity Analytics",
138575
+ "PageTitle.analytics.news": "News Analytics",
138576
+ "AriaLabel.section.editableCard": "Editable card",
138577
+ "AriaLabel.section.usersList": "Group members list",
138578
+ "AriaLabel.section.ownersList": "Owners list",
138579
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
138580
+ "AriaLabel.section.commentSettings": "Comment Settings",
138581
+ "AriaLabel.section.editorList": "Editor list",
138582
+ "AriaLabel.section.splitEditorList": "Split editor list",
138583
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
138584
+ "AriaLabel.section.recycleBin": "Recycle bin",
138585
+ "AriaLabel.section.keywords": "Keywords",
138586
+ "AriaLabel.section.comments": "Comments",
138587
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
138522
138588
  "Generic.Ok": "Ok",
138523
138589
  "Generic.Save": "Guardar",
138524
138590
  "Generic.Cancel": "Cancelar",
@@ -140467,6 +140533,20 @@
140467
140533
  }
140468
140534
 
140469
140535
  var zh$1 = {
140536
+ "PageTitle.analytics.usage": "User Activity Analytics",
140537
+ "PageTitle.analytics.news": "News Analytics",
140538
+ "AriaLabel.section.editableCard": "Editable card",
140539
+ "AriaLabel.section.usersList": "Group members list",
140540
+ "AriaLabel.section.ownersList": "Owners list",
140541
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
140542
+ "AriaLabel.section.commentSettings": "Comment Settings",
140543
+ "AriaLabel.section.editorList": "Editor list",
140544
+ "AriaLabel.section.splitEditorList": "Split editor list",
140545
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
140546
+ "AriaLabel.section.recycleBin": "Recycle bin",
140547
+ "AriaLabel.section.keywords": "Keywords",
140548
+ "AriaLabel.section.comments": "Comments",
140549
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
140470
140550
  "Generic.Ok": "好的",
140471
140551
  "Generic.Save": "保存",
140472
140552
  "Generic.Cancel": "取消",
@@ -142401,6 +142481,20 @@
142401
142481
  });
142402
142482
 
142403
142483
  var zh = {
142484
+ "PageTitle.analytics.usage": "User Activity Analytics",
142485
+ "PageTitle.analytics.news": "News Analytics",
142486
+ "AriaLabel.section.editableCard": "Editable card",
142487
+ "AriaLabel.section.usersList": "Group members list",
142488
+ "AriaLabel.section.ownersList": "Owners list",
142489
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
142490
+ "AriaLabel.section.commentSettings": "Comment Settings",
142491
+ "AriaLabel.section.editorList": "Editor list",
142492
+ "AriaLabel.section.splitEditorList": "Split editor list",
142493
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
142494
+ "AriaLabel.section.recycleBin": "Recycle bin",
142495
+ "AriaLabel.section.keywords": "Keywords",
142496
+ "AriaLabel.section.comments": "Comments",
142497
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
142404
142498
  "Generic.Ok": "好的",
142405
142499
  "Generic.Save": "保存",
142406
142500
  "Generic.Cancel": "取消",
@@ -144349,6 +144443,20 @@
144349
144443
  }
144350
144444
 
144351
144445
  var ja$2 = {
144446
+ "PageTitle.analytics.usage": "User Activity Analytics",
144447
+ "PageTitle.analytics.news": "News Analytics",
144448
+ "AriaLabel.section.editableCard": "Editable card",
144449
+ "AriaLabel.section.usersList": "Group members list",
144450
+ "AriaLabel.section.ownersList": "Owners list",
144451
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
144452
+ "AriaLabel.section.commentSettings": "Comment Settings",
144453
+ "AriaLabel.section.editorList": "Editor list",
144454
+ "AriaLabel.section.splitEditorList": "Split editor list",
144455
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
144456
+ "AriaLabel.section.recycleBin": "Recycle bin",
144457
+ "AriaLabel.section.keywords": "Keywords",
144458
+ "AriaLabel.section.comments": "Comments",
144459
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
144352
144460
  "Generic.Ok": "OK",
144353
144461
  "Generic.Save": "保存",
144354
144462
  "Generic.Cancel": "キャンセル",
@@ -146298,6 +146406,20 @@
146298
146406
  }
146299
146407
 
146300
146408
  var tr$2 = {
146409
+ "PageTitle.analytics.usage": "User Activity Analytics",
146410
+ "PageTitle.analytics.news": "News Analytics",
146411
+ "AriaLabel.section.editableCard": "Editable card",
146412
+ "AriaLabel.section.usersList": "Group members list",
146413
+ "AriaLabel.section.ownersList": "Owners list",
146414
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
146415
+ "AriaLabel.section.commentSettings": "Comment Settings",
146416
+ "AriaLabel.section.editorList": "Editor list",
146417
+ "AriaLabel.section.splitEditorList": "Split editor list",
146418
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
146419
+ "AriaLabel.section.recycleBin": "Recycle bin",
146420
+ "AriaLabel.section.keywords": "Keywords",
146421
+ "AriaLabel.section.comments": "Comments",
146422
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
146301
146423
  "Generic.Ok": "Tamam",
146302
146424
  "Generic.Save": "Kaydet",
146303
146425
  "Generic.Cancel": "İptal",
@@ -148248,6 +148370,20 @@
148248
148370
  }
148249
148371
 
148250
148372
  var it$2 = {
148373
+ "PageTitle.analytics.usage": "User Activity Analytics",
148374
+ "PageTitle.analytics.news": "News Analytics",
148375
+ "AriaLabel.section.editableCard": "Editable card",
148376
+ "AriaLabel.section.usersList": "Group members list",
148377
+ "AriaLabel.section.ownersList": "Owners list",
148378
+ "AriaLabel.section.insertImageButtons": "Insert Image buttons",
148379
+ "AriaLabel.section.commentSettings": "Comment Settings",
148380
+ "AriaLabel.section.editorList": "Editor list",
148381
+ "AriaLabel.section.splitEditorList": "Split editor list",
148382
+ "AriaLabel.section.photoLibraryBrowserCategories": "Browse Photo Library by categories",
148383
+ "AriaLabel.section.recycleBin": "Recycle bin",
148384
+ "AriaLabel.section.keywords": "Keywords",
148385
+ "AriaLabel.section.comments": "Comments",
148386
+ "AriaLabel.section.subscriptionAlreadyExistsInfo": "Subscription already exists ",
148251
148387
  "Generic.Ok": "Ok",
148252
148388
  "Generic.Save": "Salva",
148253
148389
  "Generic.Cancel": "Elimina",
@@ -150266,6 +150402,8 @@
150266
150402
  "Generic.youAreOnline": "You are online! All LiveTiles Reach functionality should work!",
150267
150403
  "Generic.allNewsMarkedAsRead": "All news have been marked as read.",
150268
150404
  "Generic.allEventsMarkedAsRead": "All events have been marked as read.",
150405
+ "Generic.news.alreadyMarkedAllAsReadMessage": "No unread news found.",
150406
+ "Generic.events.alreadyMarkedAllAsReadMessage": "No unread events found.",
150269
150407
  "Generic.UnreadItems.markAllAsRead": "Mark all as read",
150270
150408
  "Generic.wasModified": "edited",
150271
150409
  "Generic.wasModifiedTooltip": "Last edited at {modified}",
@@ -152140,7 +152278,12 @@
152140
152278
  "SkipLinks.toFilter": "Skip to filter",
152141
152279
  "Stream.allLoaded": "You have reached the end of your stream",
152142
152280
  "Stream.emptyList": "Your stream is empty at the moment",
152143
- "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}"
152281
+ "Stream.toast.markAllAsReadSuccessMessage": "{count, plural, =0 {No unread items found. All items were already read.} one {One item has been marked as read.} other {{count} items have been marked as read.}}",
152282
+ "Page.header.unread.only": "View only unread",
152283
+ "Page.header.unread.showAll": "View all",
152284
+ "Page.header.search": "Search",
152285
+ "Page.header.filter": "Filter",
152286
+ "Page.header.markAll": "Mark all as read"
152144
152287
  };
152145
152288
 
152146
152289
  var en_async_esm = /*#__PURE__*/Object.freeze({